body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Open Sans', sans-serif, "Helvetica Neue",Helvetica,Arial,sans-serif; } body { font-weight: normal; background: #fff !important; /*background: url('../images/background.jpg') #f6f6f6 top left*/; font-size:14px; position:relative; } .lead, h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { font-family: 'Open Sans','source sans pro', 'Calibri', sans-serif; font-weight: 200; } .thin-text { font-weight:200; } .navbar.yamm.navbar-inverse.bs-docs-nav {z-index:100;} img { max-width:100%; } #site-canvas { width: 100%; position: relative; overflow-x: hidden; /*z-index: 2000000010;*/ } .hor-extend { /*margin-left:-30px !important; margin-right: -30px !important;*/ } div.navbar { } .navbar-default { /*background-color:#84c712; border-color:#6ea411; */ background: rgba(0,0,0,0.8); border: 0; } a, a:focus, a:active { text-decoration: none; } .navbar .container { } .navbar>.container .navbar-brand { margin-left: 0; } .navbar>.container .navbar-brand > img { max-width: 186px; } .dropdown-menu>li>a { white-space:normal; } .navbar-nav > li > a { color:#fff; font-size:16px; font-weight: 500; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: geometricPrecision; } .pr-ico:before, .dropdown-menu.products a:before { display:block; width:79px; height:60px; content:''; background-image:url(//magictoolbox.sirv.com/site/logos_h1.png?scale.width=79&png.optimize=1); margin-right:15px; float:left; } .pr-ico:before, .dropdown-menu.products a:after { display:table; content:''; clear:both; } .navbar-nav .dropdown-menu { border:none !important; margin-top:0px !important; font-size:13px; min-width:400px; padding:0; background:#fff/*#e9f4d1*/;} .navbar-nav .dropdown-menu a span { display:block; } .navbar-nav .dropdown-menu a strong { font-size:110%; } .navbar-nav .dropdown-menu.products li { border-bottom:1px solid #eee/*1px solid rgba(132,199,18,0.5)*/; } .navbar-nav .dropdown-menu li:last-child { border:none; } ul.dropdown-menu.products li a { padding:8px 10px; } ul.dropdown-menu.products li a:hover { background:rgba(132, 199, 18, 0.1); } ul.dropdown-menu.extensions { padding:10px; min-width:625px; padding-bottom:5px; } ul.dropdown-menu.extensions .form-group { margin-bottom:0; } ul.dropdown-menu.extensions li { display:inline-block; margin:0 5px 5px 0; } ul.dropdown-menu.extensions > li:last-child { margin-bottom:0px; } ul.dropdown-menu.extensions .carts a { display:inline-block !important; border:1px solid #ddd !important; padding:8px; } .d-block { display:block !important; } .navbar-default .navbar-nav>li>a.active, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { /*color:rgba(255,255,255,0.6); */ color: #b8b8b8; } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { background:#fff/*#e9f4d1*/; } .navbar-brand { padding:9px 0; } .navbar-default .navbar-nav>li>a { color:#fff; } .navbar-nav.navbar-right:last-child .glyphicon { top:2px; } .navbar-nav { margin-left:20px; } .carousel {z-index:0; } .pr-ico:before, h1.pr-ico:before { margin-right:15px; } h1.noico:before { display:none; } .pr-ico.magicscroll:before, a.magicscroll:before { background-position:0 -360px; } .pr-ico.magiczoomplus:before, a.magiczoomplus:before { background-position:0 -420px; } .pr-ico.magicthumb:before, a.magicthumb:before { background-position:0 -60px; } .pr-ico.magicmagnify:before, a.magicmagnify:before { background-position:0 -120px; } .pr-ico.magicmagnifyplus:before, a.magicmagnifyplus:before { background-position:0 -120px; } .pr-ico.magnify:before, a.logo.magicmagnify:before { background-position:0 -120px; } .pr-ico.magicslideshow:before, a.magicslideshow:before { background-position:0 -180px; } .pr-ico.magictouch:before, a.magictouch:before { background-position:0 -240px; } .pr-ico.magic360:before, a.magic360:before { background-position:0 -300px; } .pr-ico.small-ico:before { display:block; width:40px; height:30px; background-image:url(//magictoolbox.sirv.com/site/logos_h1.png?scale.width=40&png.optimize=1); } .pr-ico.small-ico.magicscroll:before { background-position:0 -180px; } .pr-ico.small-ico.magicthumb:before { background-position:0 -30px; } .pr-ico.small-ico.magizoomplus:before { background-position:0 -210px; } .pr-ico.small-ico.magicslideshow:before { background-position:0 -90px; } .pr-ico.small-ico.magictouch:before { background-position:0 -120px; } .pr-ico.small-ico.magic360:before { background-position:0 -150px; } .pr-ico.small-ico span { text-decoration:none !important; color:#333; } #h1 { margin-bottom: 20px; } #affix-top-menu h1, #h1 h1 { margin:0px 0px 3px 0; font-size:24px; font-weight: 100; color:#5b5b5b; display: inline-block; } #affix-top-menu h1.pr-ico:before, #h1 h1.pr-ico:before { display: none; } h1.pr-ico span { font-size: 0px; } h1.noico { float:none !important; margin:15px 0 15px 0; font-weight: 100; color: #777; padding-bottom:15px; border-bottom:1px solid rgba(158,158,158,0.4); } .h1-container { float:none !important; overflow:hidden; } #affix-top-menu { border-bottom: 1px solid rgba(158,158,158,0.4); box-shadow: none; } #affix-top-menu.affix { position: fixed; z-index: 2000000010; width:100%; top:0px; left:0; background:rgba(255,255,255,0.975); /* -webkit-box-shadow: 0px 2px 2px -1px rgba(158,158,158,0.3); box-shadow: 0px 2px 2px -1px rgba(158,158,158,0.3); */} #affix-top-menu #affix-top-menu-inner { max-width: 1140px; margin:0 auto; padding: 15px 0; } .affix-top #affix-top-menu-inner { padding: 0; } #affix-top-menu #affix-top-menu-inner .buttons-block { margin-top: -2px; } /*#affix-top-menu h1, #h1 h1, #affix-top-menu ul.submenu li, #h1 ul li { } */ #affix-top-menu ul.submenu, #h1 ul { list-style:none; margin:0; padding:0; clear:both; display: inline-block; margin-left: 40px; margin-top: 2px; } #affix-top-menu ul.submenu { vertical-align: bottom; margin-top: 6px; } #affix-top-menu ul.submenu li, #h1 ul li { float:left; margin:0 15px 0 0; } #affix-top-menu ul.submenu li a, #h1 ul li a { color: inherit; outline: none; } #affix-top-menu ul.submenu li a { font-size: 13px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: geometricPrecision; } /*#affix-top-menu ul.submenu li a.active, #h1 ul li a.active { }*/ #affix-top-menu ul.submenu li a.active, #affix-top-menu ul li a:hover, #h1 ul li a.active, #h1 ul li a:hover { text-decoration: none; } #affix-top-menu ul li a:hover:not(.active) { color: #0073BD; } #affix-top-menu ul li a.active { font-weight:bold; } #h1.no-affix { padding:0px; } #affix-top-menu .platforms-list { /*height: 0px; overflow: hidden; transition:all 1s;*/ display: none; width: 100% !important; padding: 10px 0 !important; margin: 20px 0 0 0; } #affix-top-menu .platforms-list ul.carts li { margin:0 2px 4px 0 !important; float: none !important; display: inline-block; } .navbar-default { margin-bottom: 0; } table.platform .dropdown-menu, #affix-top-menu ul.dropdown-menu { padding: 0px; } table.platform .dropdown-menu .divider, #affix-top-menu .dropdown-menu .divider { margin:0;} .carts { list-style:none; margin:0; padding:0; } #containser .carts { margin:20px 0; } .carts:after { clear:both; content:''; display:block; } .carts a { display:block; text-indent:-5000px; padding:5px; } .carts li { float:left; margin:0; } #container ul.carts li { margin:0 20px 10px 0 !important; } span.pl-ico b, ul.carts a b { display:block; height:60px; width:200px; position:relative; overflow:hidden; } span.pl-ico b:before, ul.carts a b:before { display: block; content:''; width:200px; /*height:3000px;*/ height:6000px; position:absolute; left:0px; background-image: url(//magictoolbox.sirv.com/site/p.png?scale.width=200&png.optimize=1); background-image: -webkit-image-set( url(//magictoolbox.sirv.com/site/p.png?scale.width=200&png.optimize=1) 1x, url(//magictoolbox.sirv.com/site/p.png?scale.width=400&png.optimize=1) 2x ); background-image: image-set( url(//magictoolbox.sirv.com/site/p.png?scale.width=200&png.optimize=1) 1x, url(//magictoolbox.sirv.com/site/p.png?scale.width=400&png.optimize=1) 2x ); } span.pl-ico b:after, ul.carts a b:after { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 100%; background-color: #fff; } span.pl-ico.wc b:after, ul.carts a.wc b:after { height: 2px; } span.pl-ico b{ text-indent:-5000px; display:inline-block; vertical-align: -17px; margin-left:10px; } .asp b:before { top: 0%; } .av b:before { top: -100%; } .bc b:before { top: -200%; } .bl b:before { top: -300%; } .blv b:before { top: -400%; } .cl b:before { top: -500%; } .cs2 b:before, .cs3 b:before, .cs4 b:before, .cs b:before { top: -600%; } .cc5 b:before, .cc34 b:before, .cc b:before { top: -700%; } .dp5 b:before, .dp6 b:before, .dp7 b:before, .dp b:before { top: -800%; } .eb b:before { top: -900%; } .et b:before { top: -1000%; } .ec b:before { top: -1100%; } .ek b:before { top: -1200%; } .gl2 b:before, .gl3 b:before, .gl b:before { top: -1300%; } .gd b:before { top: -1400%; } .hs b:before { top: -1500%; } .jm b:before { top: -1600%; } .js b:before { top: -1700%; } .ltc b:before { top: -1800%; } .ma b:before { top: -1900%; } .mmr b:before { top: -2000%; } .ns b:before { top: -2100%; } .nc b:before { top: -2200%; } .ox b:before { top: -2300%; } .op b:before { top: -2400%; } .om b:before { top: -2500%; } .oc3 b:before, .oc2 b:before, .oc b:before { top: -2600%; } .ps b:before { top: -2700%; } .rs b:before { top: -2800%; } .sf b:before { top: -2900%; } .vm1 b:before, .vm2 b:before, .vm b:before { top: -3000%; } .vl b:before { top: -3100%; } .wb b:before { top: -3200%; } .wc b:before { top: -3300%; } .wp b:before { top: -3400%; } .we b:before { top: -3500%; } .wy b:before { top: -3600%; } .xc5 b:before, .xc4 b:before, .xc b:before { top: -3700%; } .xn b:before { top: -3800%; } .xt b:before { top: -3900%; } .zc b:before { top: -4000%; } .vt b:before { top: -4100%; } .cp b:before { top: -4200%; } .ss b:before { top: -4300%; } .ev b:before { top: -4400%; } .sq b:before { top: -4500%; } .carts.h30 b { height:30px;width:100px; } .carts.h30 b:before { width:100px; height:1500px; background-image:url(//magictoolbox.sirv.com/site/p.png?filter=Box&scale.width=100&png.optimize=1); background-image: -webkit-image-set( url(//magictoolbox.sirv.com/site/p.png?filter=Box&scale.width=100&png.optimize=1) 1x, url(//magictoolbox.sirv.com/site/p.png?filter=Box&scale.width=200&png.optimize=1) 2x ); background-image: image-set( url(//magictoolbox.sirv.com/site/p.png?filter=Box&scale.width=100&png.optimize=1) 1x, url(//magictoolbox.sirv.com/site/p.png?filter=Box&scale.width=200&png.optimize=1) 2x ); } .carts li { margin:0 7px 7px 0; } .carts a { border:2px solid transparent; } .carts a { border:1px solid #ddd; background:#fff; padding:8px; -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.05); box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.05); } .carts a.active, .carts a:hover { border-color:#bbb; -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15); box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15); } #container { border-collapse: separate; line-height: 23px; position:relative; /*z-index: 99;*/ } /*#container a:hover { color:#5b5b5b; }*/ .container a:hover { color:#5b5b5b; } #container li { margin:5px 0 10px 0; } #mainCont { margin-top:25px; clear:both; } /*#mainCont a { text-decoration:underline; }*/ #mainCont a:hover { } #promo { background:url(../images/promo-background.jpg) center center no-repeat #6db40a; margin-bottom:50px; } #promo .col-lg-12 { padding:30px; color:#000; } #promo h2 { font-size:40px; text-align:center; font-weight:bold; text-shadow: 0 0 2px #333; margin:0 0 20px 0; padding:0; -webkit-font-smoothing: antialiased; color:#fff; } #promo ul.promo { list-style:none; font-size:20px; margin:0 0 20px 0; padding:0; } #promo ul.promo li { margin:20px 0; padding:0; } #promo p.note { opacity:0.8; -moz-opacity:0.8; -html-opacity:0.8; filter:alpha(Opacity=80); font-size:90%; } #promo .carousel-indicators {bottom:-71px; } #promo .carousel-indicators li { border:2px solid #dedede; background:#dedede; } #promo .carousel-indicators li:hover, #promo .carousel-indicators li.active { border-color:#dedede; background:#8a8a8a; } .product-features div { text-align:center; } .product-features { margin-bottom:20px;} .product-features.compact { height: auto !important; } .product-features h3 { font-size:20px; margin:10px 0 5px 0;} .product-features p { margin:0; } .product-features h3 b { display:block; width:70px; height:70px; border-radius:50%; margin:0 auto 10px auto; overflow:hidden; background:#acacac; position: relative;} .product-features h3 b:before { display:block; content:''; height:2800px; width:70px; background:url(//magictoolbox.sirv.com/site/features2x.png?scale.width=70&png.optimize=2) 0 0 no-repeat; position: absolute;} .product-features .custom-templates h3 b:before { top:-100%; } .product-features .image-resize h3 b:before { top:-200%; } .product-features .cache h3 b:before { top:-300%; } .product-features .scrollable-thumbnails h3 b:before { top:-400%; } .product-features .bandwidth-allocation h3 b:before { top:-500%; } .product-features .one-off-payment h3 b:before { top:-600%; } .product-features .seo-friendly h3 b:before { top:-700%; } .product-features .watermarked-images h3 b:before { top:-800%; } .product-features .new-versions-support h3 b:before { top:-900%; } .product-features .multi-language-support h3 b:before { top:-1000%; } .product-features .per-page-profiles h3 b:before { top:-1100%; } .product-features .one-click-installation h3 b:before { top:-1200%; } .product-features .web-settings h3 b:before { top:-1300%; } .product-features .supported-themes h3 b:before { top:-1400%; } .product-features .jquery h3 b:before { top:-1500%; } .product-features .version h3 b:before { top:-1600%; } .product-features .responsive h3 b:before { top:-1700%; } .product-features .retina h3 b:before { top:-1800%; } .product-features .video h3 b:before { top:-1900%; } #discover-all-features { display:block; margin:-20px 0 20px 0; text-align:center; position:relative; color:inherit; font-size:12px; } #discover-all-features span { background:#fff; padding:10px; z-index:1; position:relative; } #discover-all-features:before { display:block; content:' '; border-top:1px dotted #ccc; height:1px; position:absolute; top:50%; width:100%; z-index:0; } #discover-all-features:after { display:block; content:''; height:35px; position:absolute; top:-30px; width:100%; z-index:0; -moz-box-shadow: 0px -28px 14px -8px #fff; -webkit-box-shadow: 0px -28px 14px -8px #fff; box-shadow: inset 0px -28px 14px -8px #fff; } .pre-promo-white1 { background:url(../images/white-promo-1.jpg) -20px center no-repeat; } .pre-promo-white2 { background:url(../images/white-promo-2.jpg) right center no-repeat; } .pre-promo-white { margin:0px 0px 0px 0px; } .promo-white { padding:30px 210px; text-align:center; font-size:30px; -moz-box-shadow: inset 0 28px 38px -18px #dcdcdc, inset 0 -28px 38px -18px #dcdcdc; -webkit-box-shadow: inset 0 28px 38px -18px #dcdcdc, inset 0 -28px 38px -18px #dcdcdc; box-shadow: inset 0 28px 38px -18px #dcdcdc, inset 0 -28px 38px -18px #dcdcdc; } .promo-white .h4 { font-size:29px; margin-bottom:30px; } .promo-white .h3 { margin:30px 0 0px 0px; font-size:30px; } .promo-white .h3 img { max-height:40px; margin-left:15px; margin-bottom:10px; } b.ico-browser { display:inline-block; width:50px; height:50px; overflow:hidden; position:relative; text-indent:-5000px; margin:0 5px; } b.ico-browser:before { content:''; display:block; width:250px; height:50px; position:absolute; top:0; background-image:url(//magictoolbox.sirv.com/site/browsers.png?filter=Box&scale.height=50&png.optimize=1); background-image: -webkit-image-set( url(//magictoolbox.sirv.com/site/browsers.png?filter=Box&scale.height=50&png.optimize=1) 1x, url(//magictoolbox.sirv.com/site/browsers.png?filter=Box&scale.height=100&png.optimize=1) 2x ); background-image: image-set( url(//magictoolbox.sirv.com/site/browsers.png?filter=Box&scale.height=50&png.optimize=1) 1x, url(//magictoolbox.sirv.com/site/browsers.png?filter=Box&scale.height=100&png.optimize=1) 2x ); } b.ico-browser.firefox:before { left:0; } b.ico-browser.chrome:before { left:-100%; } b.ico-browser.opera:before { left:-200%; } b.ico-browser.ie:before { left:-300%; } b.ico-browser.safari:before { left:-400%; } #info-table { margin:30px 0 0 0; font-size:13px; } #info-table>div { margin-bottom:30px; } #info-table h6 { border-bottom:1px solid #e3e3e3; text-align:center; font-size:14px; font-weight:bold; line-height:30px; min-height:30px; padding-top:20px; margin-bottom:8px; padding-bottom:8px; } #info-table h6:before { display:block; content:''; background:url(../images/info.png) top center no-repeat; width:100%; height:30px; background-repeat:no-repeat; position:absolute; top:0; left:0; } #info-table h6.compare-products { background-position:center 0; } #info-table h6.guarantee:before { background-position:center -30px; } #info-table h6.free-support:before { background-position:center -60px; } #info-table h6.instant-download:before { background-position:center -90px; } #info-table h6.free-updates:before { background-position:center -120px; } #testimonials blockquote .date { position: absolute; bottom:10px; right:20px; font-size: 11px; color:#ccc;} #testimonials blockquote { font:inherit; position: relative; width: 100%; min-height: 130px; border:none !important; padding: 10px 20px; background: #f5f5f5; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #testimonials blockquote small { line-height:16px; } #testimonials blockquote p{ line-height:19px; font-weight:inherit; } #testimonials-list small:before, #testimonials small:before { display: none; } #testimonials blockquote:after { content: ''; position: absolute; border-style: solid; border-width: 17px 15px 0; border-color: #f5f5f5 transparent; display: block; width: 0; z-index: 1; bottom: -17px; left: 87px; } #testimonials { /*background:#f4f4f4;*/ padding:20px 0px 50px 0px; margin:10px 0; position: relative; color:#777;} #testimonials p { font-size:14px; } #testimonials .more-link { position: absolute; right: 40px; bottom: -60px; display: inline-block; background: #fff; padding: 0px 5px; font-size: 11px; border: 1px solid #ddd; text-decoration: none; color:#aaa !important;} #testimonials h6 { font-weight:bold; font-size:14px; } #testimonials small { position:absolute; bottom:-40px; left:19px; width:100%; display:table-cell; vertical-align:bottom; padding-left:105px; font-size:13px; } #testimonials span.person-thumbnail { overflow:hidden; display:block; width:58px; height:58px; background-image:url(../images/testimonials.png); background-repeat:no-repeat; background-color:#fff; text-align:center; line-height:50px; border:2px solid #e1e1e1; position:absolute; left:0; bottom:0; } #testimonials small.has-image span { background-image: none !important; overflow: hidden; } #testimonials small.has-image span img { max-width: none; max-height: 100%; } #testimonials small.person3 span.person-thumbnail { background-position:0 -110px; } #pricing h5, #testimonials h5 { font-size:29px; margin:0px 0 25px 0; text-align:center; } #pricing h5 { margin:0px 0px 20px 0; } #pricing { margin-top:30px; } #pricing table { margin-bottom:0; } #pricing table td { vertical-align:middle; } #pricing .whats-included .well { margin-top: 8px; margin-bottom:0px;} #pricing .whats-included .well ul { padding-left:30px; } #pricing table td:first-child { padding-left: 0; } #pricing table td:last-child { padding-right: 0; } #pricing span.h4 { display:block; margin:0 0 20px 0; } #testimonials-list .testimonial-image { /*float: left;*/ margin:5px 0 0 0;} #featured-websites h5 { font-size:29px; margin:0 0 0 0; text-align:center; } #featured-websites ul { list-style:none; margin:30px auto 40px auto; padding:0; text-align:center; } #featured-websites ul li { display:inline-block; margin:0 20px; font-size:13px; } #featured-websites ul li img { max-height:75px; display:block; margin:0 auto 3px auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border:2px solid #fff; -moz-box-shadow: 0px 0px 5px 3px #ddd; -webkit-box-shadow: 0px 0px 5px 3px #ddd; box-shadow: 0px 0px 5px 3px #ddd; } #featured-websites ul li a:hover img { border-color:transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} #featured-websites p { text-align:center; font-weight:bold; } footer { font-size:12px; padding:10px 0px; background: #f2f2f2; margin:60px 0px 0px 0px; color:#999; font-size: 12px; } footer hr { border-color: #d2d2d2; } ul.social { list-style:none; padding:0; } ul.social li { padding:0px 0px 0px 10px; display:inline-block; } ul.social a { display:inline-block; width:32px; height:32px; background:url(../images/social.png) no-repeat; text-indent:-5000px; font-size:0px; filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); opacity: 0.5; } ul.social a:hover { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); opacity: 1; } ul.social a.tw { background-position:0px 0px; } ul.social a.fb { background-position:-32px 0px; } ul.social a.yt { background-position:-64px 0px; } ul.social a.li { background-position:-96px 0px; } ul.social a.gp { background-position:-128px 0px; } footer p { margin: 0; } #footer { padding:15px 0px; font-size:12px; } #footer h6 { text-transform:uppercase; font-size:14px !important; margin-bottom:20px; font-size: 1.1em;} #footer ul { list-style:none; margin:0; padding:0; } #footer ul li { margin:0 0 4px 0; } footer a { color:#666; } footer a:hover { color:#969696; } div.source { margin:10px 0; background:yellow; padding:10px; line-height:22px; } div.source p:last-child { margin:0; } #leftColumn ul { background:#f6f6f6; margin-top:0px; max-width:170px; background:#fff; } .platform-promo .left-menu ul li, #leftColumn ul li { padding:0px; margin:7px 0 !important; } .platform-promo .left-menu ul li { margin:0px !important; } .platform-promo .left-menu ul a, #leftColumn ul a { padding:0px; font-size:13px; text-decoration:none !important; padding:4px 12px 4px 0px; color:#777; } .platform-promo .left-menu ul a { padding: 8px 12px 8px 0px; color:#000;} .platform-promo .left-menu .affix ul a { color:#777;} .platform-promo .left-menu ul li.active > a, #leftColumn ul li.active > a, .platform-promo .left-menu ul a:hover, #leftColumn ul a:hover { /*color:#000;*/ background: none;} #leftColumn ul ul { list-style: none; margin:5px 0 5px 20px; padding: 0px; } /*#leftColumn ul.nav.bs-sidenav { margin-top:-12px; }*/ /*.page-alias-integration #leftColumn ul.nav.bs-sidenav { max-width: 165px; box-shadow: 1px 1px 4px -2px #ccc; padding-left: 10px; } */ .platform-promo .left-menu, #leftColumn { line-height:16px !important; } .platform-promo .left-menu ul { margin:10px 10px 25px 30px;} .platform-promo .left-menu .affix ul { margin-left: 0px; } a[name], h1 > a[id], h2 > a[id], h3 > a[id], h4 > a[id] { padding-top: 115px; margin-top: -115px; display: inline-block; } /*.bs-sidebar.affix { top:107px; }*/ /*.bs-sidebar.affix { top: 88px; width: inherit; }*/ .bs-sidebar.affix { top: 85px; width: inherit; } .notopaffix .bs-sidebar.affix { top:22px !important; } .inner-overview .bs-sidebar.affix { top:70px; max-width:195px; } .bs-sidebar.affix-bottom { position:absolute; } .bs-sidebar.affix-top { } span.source, span.prettyprint { background-color: #ffffb2; border-radius: 3px; padding:2px 6px; } pre.prettyprint, .prettyprint { font-size:13px; } .nowrap { white-space:nowrap; } #container iframe { margin-bottom:20px; } ol.faq { list-style:none; margin:0 0 30px 0; padding:0; } ol.faq h3 { font-weight:normal; font-size:16px; font-family:inherit; } ol.faq div.answer { border-left:3px solid #d5d5d5; padding-left:20px; margin:10px 0 20px 0; } .upgrade {padding:20px 180px 20px 20px; background:url(../images/magic.png) right center no-repeat #dcf6ae; margin:40px 0 30px 0; color:#333;} .upgrade pre {margin-top:10px; font-weight: bold;} #mainCont h2 {margin:30px 0px 20px 0; } #mainCont h2:nth-child(1) { margin-top: 0px; } .upgrade h2, .upgrade h3 {margin-top:0px !important; margin-bottom:12px !important; } .upgrade a { color:inherit; font-weight:bold; white-space:nowrap; } .upgrade pre {margin-bottom:0px; } .instructions > li { margin: 20px 0 30px 0 !important; padding: 0px 0px 20px 50px !important; border-bottom:1px solid #e3e3e3; position:relative; } .instructions > li:first-child { margin-top:0px; } .instructions > li:last-child { margin-bottom:0px !important; border:none !important; } .instructions { counter-reset: instructions-list-counter; list-style:none; margin:10px 0px 0px 0px; padding:0px; } .instructions > li:before { content: counter(instructions-list-counter); counter-increment: instructions-list-counter; display:block; font-size:16px; color:#ccc; background:#fff; border:1px solid #ccc; line-height:30px; width:30px; height:30px; text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position:absolute; left:0; top:0; margin-top:-3px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .instructions li:hover:before { background-color:#333; color:#fff; } .instructions li:after { clear:both; content:''; display:block; height:1px; overflow:hidden; width:1px; } .instructions li a.MagicThumb, .instructions .btn.btn-lg.btn-ora, .instructions li a.MagicZoom { border-left: 1px solid #e3e3e3; display: block; float: right; clear: right; margin-left: 30px; padding-left: 30px; } .instructions li a.MagicZoom, .screenshots li a.MagicZoom { cursor: crosshair; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .screenshots a.MagicThumb .MagicZoomPlusHint, .instructions li a.MagicThumb .MagicZoomPlusHint { text-indent: -5000px; background-color: rgba(0,0,0,0.1); width: 36px !important; height: 36px !important; font-size: 0px; padding: 0; top: 50% !important; left: 50% !important; margin-top: -12px; margin-left: -12px; background-position: center center !important; -webkit-border-radius: 50%; border-radius: 50%; } .instructions li a.MagicThumb { padding-left:0; border:none; } .instructions li a.MagicThumb img { max-width:200px; border:1px solid #e3e3e3; } #container .well h3 { margin:0px 0px 20px 0px; font-weight:normal; } .supported-block { margin:0; padding:0; list-style:none; } .supported-block:after { content:''; width:1px; height:1px; overflow:hidden; display:block; clear:both; } .supported-block li { margin:0 4px 4px 0 !important; border:1px solid #e3e3e3; padding:3px 3px; float:left; background:#f6ffd5; white-space:nowrap; } .supported-block li:before { color:#97bf0d; position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; -moz-osx-font-smoothing: grayscale; content:"\e114"; margin-right:5px; } .supported-block {margin-top: 3px;} .well-supported {padding: 20px 0 55px;border-bottom: 1px solid #f1f1f1;} .well-supported h3 {text-align:right;margin: 0;} .well-features {padding:30px 0;border-bottom: 1px solid #f1f1f1;} .well-features h2 {text-align:center;} .well-features ul li {list-style: none;} .well-features ul li::before { content: "✓"; background-color: rgb(119, 183, 10); color: rgb(255, 255, 255); margin-right: 12px; font-size: 16px; line-height: 1; border-radius: 24px; padding: 0px 4px 0px 6px; } .gray { color:#aaa; font-size:13px; } ul.dropdown-menu { width:auto !important; border:1px solid rgba(0,0,0,0.15) !important; } ul.dropdown-menu li { margin-right:0px !important; float:none !important; } ul.dropdown-menu li a { padding:3px 10px; color:inherit !important; border:none !important;} button.dropdown-toggle { color:#fff !important} #top-navbar { position:relative; } ul.screenshots { list-style:none; margin:10px 0 10px 0 !important; padding:0; } ul.screenshots:after { display:block; width:1px; height:1px; overflow:hidden; content:''; clear:both; } ul.screenshots li { float:none; margin:0px 15px 15px 0 !important; display:inline-block; } ul.screenshots li a { display:block; width:75px; height:75px; overflow:hidden; border-collapse: separate; vertical-align: middle; } ul.screenshots li img { max-width:75px; max-height:75px; } ul.screenshots li a, ol.instructions li a.MagicThumb { -moz-box-shadow: 1px 1px 2px #aaa; -webkit-box-shadow: 1px 1px 2px #aaa; box-shadow: 1px 1px 2px #aaa; } ul.screenshots li a img { height:100%; } .nav-tabs>li { margin-bottom: -1px !important; } .nav-tabs>li a { text-decoration:none !important; } .nav-tabs>li.active a { font-weight:bold; } .intab { display:none;} .tab-content { border:1px solid #ddd; border-top:none; padding:20px 20px 10px 20px; } .prepend-25 { margin-left:50px; } .well.info { background:#ffffb2; border-color:transparent; margin:5px 0px 0px 0px; } .well.info em { font-weight:bold; } .text-screenshot-link:before { content: "\e015"; position: relative; top: 3px; display: inline-block; margin-right:5px; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; } div.center-block { text-align:center; } a.customer { padding:5px; border:1px solid #fff; display:inline-block; background:#efefef; margin:5px; } a.customer:hover { background:#fff; transition:all 0.5s; border-color:#e3e3e3; } a.inherit-color { color:inherit; } .magic-logos p { line-height:150px; text-align:center; margin:5px 0 0 0; } .magic-logos .caption { font-size:11px; } .magic-logos h3 { font-size:13px; margin:0 0 5px 0; } #testimonials-list h3 { margin-top:0; } .form-group label { font-weight:normal; } .form-group.required label { font-weight:bold; } .form-group.required label:after { content:'*'; color:red; } span.wpcf7-not-valid-tip { font-size: 12px !important;} div.wpcf7-mail-sent-ng { background-color: #f2dede; border-color: #ebccd1; color: #a94442; border:none !important;} div.wpcf7-response-output.wpcf7-validation-errors {display:none !important;} .form-group.required.has-error label { color:red; } span.required { color:red; font-weight:bold; } .well.white { background:#fff; } .no-top-margin { margin-top:0; } .lead.super { font-size:26px; margin-bottom:30px; } .lead.superb { font-size:34px; } .platform-tools .product-item div { padding-left:50px; font-size:14px; line-height:17px !important; } .platform-tools .product-item div span.pr-ico { margin:5px 0 0 -50px; float:left; } .platform-tools .product-item div a { } .platform-tools .product-item div span{ display:block; font-size:12px; margin-top:3px; color:#777; } .center-shadow { background-color: #fff; margin-bottom: 30px; } .center-shadow:after { content:""; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.2); -moz-box-shadow:0 0 20px rgba(0,0,0,0.2); box-shadow:0 0 20px rgba(0,0,0,0.2); -moz-border-radius:100px / 10px; border-radius:100px / 10px; height: 30px; display: block; margin: -15px auto 0 auto; width: 80%; z-index: -1; position: relative; } .example small { display: block; font-size: 13px;} .mss-bullets * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /*.MagicZoomBigImageCont img { max-width: none;}*/ hr.example { border-style: dotted; border-color:#ccc; margin:40px 0; } /*.MagicThumb-expanded { -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; z-index: 2000000090 !important; } body .MagicThumb-caption { margin-top:0px !important; box-sizing: content-box !important; min-height: 36px !important; } body .MagicThumb-caption:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .MagicThumb-caption { margin-top:0px !important; box-sizing: content-box !important; } */ fieldset { border: 1px solid #ccc !important; padding: 0 10px 10px 10px !important; margin: 0 0 1.5em 0 !important; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; } legend { width:inherit; font-weight: bold; padding:0 5px; border-bottom:none; font-size: 14px; color: #777; margin-bottom: 8px; } .wizard fieldset table { width: 100% !important; margin:0; } .wizard fieldset table td { font-size:12px; padding:12px 3px; vertical-align: top; } .wizard fieldset table td:first-child { width: 65%; } .wizard fieldset table tr:first-child td { border:none;} .wizard fieldset table select { width:100%; } pre { font-size:12px !important;} .example.magicthumb-example .MagicThumb img { border:1px solid #efefef; padding: 3px; } .row#pricing, .row#pricing a , #product-faq, #product-faq a, #product-changelog, #featured-websites, #featured-websites a, #info-table, .row#testimonials, #info-table a, .row#testimonials a { color: #777; } #product-carousel { margin-top: -20px; color:#fff; position:relative; } #product-carousel.nolive-example { margin-bottom: 30px; } #product-carousel .carousel-indicators { bottom: 10px; right:30px; left: auto; text-align: right; opacity:0.8; -moz-opacity:0.8; -html-opacity:0.8; filter:alpha(Opacity=80); } #product-carousel .carousel-indicators li { margin:1px !important; } #product-carousel .carousel-indicators .active { margin:0px !important; } #product-carousel .inner-slide { position: relative; } #product-carousel .carousel-buttons { position: absolute; position: absolute; bottom: 50px; right: 0px; width:50%; padding:20px 25px 10px 20px; text-align:right; z-index:100; } #product-carousel .carousel-buttons a { -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.6); } #product-carousel .text-white { color:white; text-shadow: 1px 1px 7px #000; } .text { position: absolute; width: 50%; top:0; } .textright { right:0; padding-right: 50px; padding-left: 20px; } .textleft { left:0; padding-left: 50px; padding-right: 20px;} #product-carousel p.h3 { line-height: 33px; } .magiczoomplus-example {position: absolute; background-color: rgba(255,255,255,0.8); top:25px; left: 75px; -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1); z-index:100; } .magiczoomplus-example table { border-spacing: 10px; border-collapse: separate; } .magiczoomplus-example td { vertical-align: top; } .magiczoomplus-example .selectors { line-height: 0px; } .magiczoomplus-example .selectors a { display:block !important; margin-bottom: 10px; border:2px solid transparent !important; background: none !important; } .selectors a { outline: none; } .magiczoomplus-example .selectors a img { width: 76px; /*border:none !important;*/} .magiczoomplus-example .selectors a:hover, .magiczoomplus-example .selectors a.active { border-color:#fd9a1e; } .magiczoomplus-example .selectors a:last-child { margin-bottom: 0px; } .magiczoomplus-example .main-example { line-height: 0px; } .magicscroll-example { background: #fff; height: 370px; width: 520px; position: absolute; top: 30px; left: 30px; padding: 30px; -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.5); box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.5); z-index:100; } .magicslideshow-example { background: #fff; height: 370px; position: absolute; top: 30px; left: 30px; padding: 30px; -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.5); box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.5); z-index:100; } .magic360-example { background: #fff; height: 370px; position: absolute; top: 30px; left: 60px; padding: 30px; -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.5); box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.5); z-index:100; } .magictouch-example { background: #fff; height: 370px; position: absolute; top: 30px; left: 30px; padding: 26px; -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.5); box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.5); z-index:100; } .well.live-example { background-color: #fff; margin-top: -30px; margin-bottom: 30px; text-align: center; display: table; width: 100%; } .tr {display: table-row; } .tr .tr-td { display: table-cell; width: 300px; } .well.live-example .tr-td { } .well.live-example .main-holder { line-height: 0px; margin-bottom: 10px; position: relative; } .well.live-example .example { display: table-cell; width: 460px; vertical-align: top; background:#fff !important; } .well.live-example .selectors a { display: inline-block; } .well.live-example .selectors a, .well.live-example a.MagicZoomPlus { border: 1px solid #e3e3e3 !important; } .well.live-example .selectors a:hover, .well.live-example .selectors a.active { border-color:#aaa !important; } .well.live-example.magictouch .selectors { margin-top:25px; } .well.live-example .selectors a:hover, .well.live-example .selectors a.active { border-color:#aaa !important; } .well.live-example .selectors a { margin-right: 14px; } .well.live-example .selectors a:last-child { margin-right: 0px; } .well.live-example .example-helper { width: 50%; background-color: red; } .well.live-example .round-btn { color: #fd9a1e; font-size: 18px !important; position: absolute; top:50%; margin-top:-15px; left: -25px; z-index: 1; } .well.live-example .round-btn span { margin-right: 0px !important; } .well.live-example .round-btn.rt-btn { left:auto; right:-25px; } .well.live-example.mzp .rt, .well.live-example.mzp .lt {text-align: center; font-size: 12px; line-height: 15px; color: #777; position: relative; height: 440px; } .well.live-example.magic360 .rt, .well.live-example.magic360 .lt {text-align: center; font-size: 12px; line-height: 15px; color: #777; position: relative; height: 300px; width:300px;} .well.live-example.magic360 .rlinks a { font-size:15px; display: block; margin-bottom: 5px; } .well.live-example.magic360 .rlinks p { font-size:13px; margin:0px; text-align: left; } .well.live-example.magic360 .rlinks hr { margin:15px 0;} .well.live-example.magic360 .rt { padding-left: 80px;} .well.live-example .top-text, .well.live-example .bottom-text { width: 100%; } .well.live-example .top-text { position: absolute; top: 10px; } .well.live-example .bottom-text { position: absolute; bottom: 10px; } .well.live-example .example a { color: #fd9a1e; } .well.live-example .example a .glyphicon { margin-right: 5px; } .well.live-example.mzp .example a {display: inline-block; margin-bottom: 10px; font-size: 13px; } .well.live-example.mzp .example .selectors a {display: inline-block;} #mzp-switcher { width: auto; margin:5px auto 0 auto;} .font-size-16px {font-size: 16px; } .text-center ul.carts {margin:0px auto !important;} .text-center ul.carts li {display: inline-block; float: none;} .well ul.carts li a:hover {background: #fff;} .table caption { display: none; } .table.params { margin-top: 30px; font-size: 13px; } .table.params th { background-color: #ddd !important; font-size: 14px; } .table.params thead th { background: #fff !important; } .table-striped.params>tbody>tr:nth-of-type(odd) { background-color: #f5f5f5; } .table.table-striped.params td, .table.table-striped.params th { border-top: 0; } .table.params>tbody>tr>td:first-child { font-weight: bold; } .table.params>tbody>tr>td:nth-child(2), .table.params>tbody>tr>td:nth-child(3) { white-space: pre; } .param-name { white-space: nowrap; } .nomargin {margin: 0px !important; } .no-top-margin {margin-top: 0px !important; } .stretch { width: 100%; } table.prices .price1 span { font-size:105%; } table.prices .price2 span { font-size:110%; } table.prices .price3 span { font-size:115%; } table.prices .price4 span { font-size:120%; } table.prices .price5 span { font-size:125%; } table.prices .price6 span { font-size:130%; } table.prices .price7 span { font-size:135%; } /*table.prices .price1 th,*/ table.prices th, table.prices td { vertical-align: middle; } table.prices .price2 th, table.prices .price3 th, table.prices .price4 th, table.prices .price5 th, table.prices .price6 th, table.prices .price7 th { font-size:11px; } table.prices th { background: #fff; } .glyphicon-ok.tick { color:#fff; display: block; -webkit-border-radius: 18px; text-align:center; -moz-border-radius: 18px; border-radius: 18px; line-height: 18px; background: rgb(17, 182, 17); width: 18px; font-size: 10px; margin:0 auto;} .glyphicon-remove.cross { color:#fff; display: block; -webkit-border-radius: 18px; text-align:center; -moz-border-radius: 18px; border-radius: 18px; line-height: 18px; background: red; width: 18px; font-size: 10px; margin:0 auto;} /*.platform-head { position: relative; padding:0 30px; margin-top: -45px; background: #fff; border-bottom: 1px solid #eee; box-shadow: inset 0 -28px 138px -18px #efefef; } .platform-head h1 { margin-bottom: 0; padding: 0px 300px 0px 0; font-size: 32px; color:#777; margin:10px 0 0 0 !important; line-height:110px !important; } .platform-head span.pl-ico { position: absolute; top:50%; right:30px; margin-top:-35px; z-index: 2; background: #fff; padding:5px 10px; border: 1px solid #eee; } */ .platform-head { position: relative; padding: 0; /*background: #fff;*/ } #affix-top-menu .platform-head h1, .platform-head h1 { margin-bottom: 0; padding: 0; font-size: 28px; color: #777; margin: 0; line-height: 60px; } .platform-head span.pl-ico { position: absolute; top:50%; right: 0; margin-top: -35px; z-index: 2; background: #fff; padding: 5px 10px; border: 0; } table.platform thead th { text-align: center;} .tools-list img { max-width: 80px; display: block; margin:0 auto;} .tools-list span { color:inherit; } .product-box { display: inline-block; max-width: 170px; text-align: center; padding:0 20px; border-right: 1px dotted #ddd;} .product-box:last-child { padding-right: 0px; border:none;} .product-box:first-child { padding-left: 0px; } .product-box a { font-size:14px; font-weight: bold; display: block;} .product-box img { margin: 0 auto 20px auto; display: block; max-width: 110px;} .product-box a img { text-decoration: none; display: block; opacity: 1; -webkit-transform: scale(1,1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 150ms; -moz-transform: scale(1,1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 150ms; } .product-box a:hover img { -webkit-transform: scale(1.3,1.3); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 50ms; -moz-transform: scale(1.3,1.3); -moz-transition-timing-function: ease-out; -moz-transition-duration: 150ms; position: relative; z-index: 99; } div.supported-versions { border:1px solid #eee; padding:15px; background: #fafafa; margin-bottom:30px; font-size: 13px; } div.supported-versions h3 { margin:0 0 10px 0; font-size: 16px; color:#777; } div.supported-versions ul { margin:5px 0; padding:0; list-style: none; } div.supported-versions ul li { padding:0 5px; float: none; margin:0 5px 0 0 !important; border: 1px solid rgba(17, 182, 17, 0.2); background: #f6ffd5; float:left; display: block; } div.supported-versions ul:after { content: ''; clear: both; display: block;} div.supported-versions p:last-child a { color:inherit;} div.supported-versions p { margin:0px;} .magicslideshow-wizard-preview { max-width: 800px; margin: 20px auto; } .nounderline { text-decoration: none !important; border-bottom: none !important; } table.payments th, table.payments td {text-align:center; vertical-align:middle; font-weight:bold; } .we-are-hiring { position: relative; top:-1px; margin-left: 4px;} .tool-page #product-carousel { margin:0px 0 60px 0;} /*.tool-page .well.live-example { margin-bottom: 0px; }*/ .tool-page .well.text-center.platforms-list { margin-bottom:30px;} .tool-page .pre-promo-white { margin:30px 0;} .tool-page #info-table { margin: 50px 0 50px 0; } .testimonial-item { width: 33%; float: left; height: 170px; } #carousel-testimonials .item { padding: 0 20px 0 30px; } #carousel-testimonials .item blockquote { margin:0 10px; width: auto; } #carousel-testimonials .item:after { content: ''; display: block; clear: both; } #carousel-testimonials .left-control, #carousel-testimonials .right-control { position: absolute; top:30%; color:inherit;} #carousel-testimonials .left-control {left: 15px; } #carousel-testimonials .right-control { right: 15px; } div.wpcf7-mail-sent-ok { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; padding:15px; } .text-muted.small { font-size:13px; line-height: 20px; } .text-muted.small h3 { font-size:20px; } .text-muted a { color:inherit;} .text-muted .alert { padding: 5px 10px; } label.cart-product { display: block; padding: 7px 10px; font-size: 16px; font-weight: normal; cursor: pointer; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #Checkout_installationService { float: left; margin-right:4px;} .checkout-form .install { /*font-size: 13px;*/ font-weight: normal; padding: 7px 10px; } .checkout-form .install label { font-weight: normal; display:inline; } label.cart-product.wtooltip { margin-right:250px; } label.cart-product:hover, label.cart-product.selected { background: #83c611; color:#fff; font-weight: bold; position: relative;} label.cart-product.nohighlight:hover { background: inherit; color:inherit; font-weight: inherit; cursor:default;} label.cart-product.selected .popover { display: block; width:220px !important; right:-250px; top:-50%; left:auto; margin-top:-4px; } label.cart-product.last .popover { top:auto; bottom: 0px; } label.cart-product.last .popover .arrow { top:auto; bottom: 8px; } label.cart-product.selected .popover-content { line-height: 20px; } label.cart-product.selected .popover a { font-size: 13px; text-decoration: none !important; color:#333; font-weight: normal; } label.cart-product.selected .popover p { margin-bottom: 3px; } label.cart-product.selected .popover strong { font-size: 15px; color:#83c611;} label.cart-product.selected .popover .badge { background: #83c611; } label.cart-product.selected .popover span.a { text-decoration: underline !important; color:#83c611; } .checkout-form span.pr { float: right; font-weight: bold; } .checkout-form .install.text-muted label { cursor: pointer;} .checkout-form #installationhelp { display: none; } .checkout-form span.glyphicon { color:#83c611; font-size:14px; } .checkout-form .text-muted span.glyphicon { color:inherit;} .checkout-form hr { margin:5px 0;} #vat-notice, #couponblock { display: none;} #couponblock { } .input-group.coupon { max-width: 200px; margin:5px 0;} #total-amount-wrapper { padding: 7px 10px; font-size: 1.3em; font-weight: bold; background: #e3e3e3; margin:5px 0 10px 0; } #total-amount-wrapper div { width: 45%; } #paymentMethods legend { font-weight: normal; } fieldset#paymentMethods { padding: 10px 20px 20px 20px !important;} #paymentMethods button b.glyphicon { margin-left: 5px; line-height: inherit; top:4px;} #paymentMethods button { line-height: 35px; } #paymentMethods .pull-left input { float: left; margin-left:-20px; margin-top:6px; } #paymentMethods .pull-left { padding-left:30px; margin-right: 25px; } #paymentMethods .pull-left span { display: inline-block; } .help-block { font-size:13px; color:#777; } .hint.hint-error { font-size: 12px; color:red; margin:0;} .brtree .checkout-button { margin-top:20px;} .brtree h2 { margin-bottom: 0px !important; } .brtree form hr { margin:5px 0;} .brtree form { margin:0;} .brtree .checkout-form { border:1px solid #777; font-weight: bold; margin:25px 0 5px 0; } .well .table.info { margin:0;} .small .well .table.info td { font-size:13px; } .valign-middle td { vertical-align: middle !important;} .margin-right-5 { margin-right: 5px; } form .alert.alert-danger li { margin: 0 !important; } #balance-block { margin-top: 20px; } #balance-block p { margin:0; } #balance-block hr { margin:10px 0; } #balance-block h3 { margin:0; font-size:inherit; } #balance-block .expiry-p { margin:10px 0; font-weight: bold; } #balance-block .zooms-p { font-weight: bold; color:orange; } #TouchDomain div.pagination, #TouchImage div.pagination { font-size: 0px; margin:0 !important; text-align: center; } #TouchDomain ul.pagination, #TouchImage ul.pagination { font-size: 12px; margin:0 auto; } #TouchDomain ul.pagination a, #TouchImage ul.pagination a { text-decoration: none; } #period label { margin-right: 5px; } .platform-promo { background-color: #000; background-position:center center; background-repeat: no-repeat; margin:0 0 35px 0;} .platform-promo .overview { padding: 25px 25px 0 0; } .platform-promo .overview ul { font-size:17px; } .platform-promo .left-menu { padding: 15px 0; background: rgba(255,255,255,0.8); } .platform-promo.row { overflow: hidden; } .platform-promo .overview, .platform-promo .left-menu { margin-bottom: -99999px; padding-bottom: 99999px; } .platform-promo .overview-text { font-size:19px; color:#fff; text-shadow:1px 1px 7px #000; padding-right:15px; } .platform-promo .overview-text h3 { font-size:28px; margin:15px 0 25px 0; text-align:center; } .platform-promo .overview-text ul { font-size:15px; margin:25px 0; position:relative; left:18px; } .platform-promo .overview-text li { margin:5px 0 !important; } .platform-promo .overview-text p { margin-bottom:15px; text-align:center; } .platform-promo .overview-text a { color:#fff; } .platform-promo .overview-text a:hover { color:#fff !important; text-decoration: none;} .platform-promo .magiczoomplus-example, .platform-promo .magicscroll-example, .platform-promo .magicslideshow-example, .platform-promo .magic360-example, .platform-promo .magictouch-example { position: static; margin: 0 35px 25px 25px; float:left; position: relative; top:0; left:0;} .platform-promo.magiczoomplus { background-image: url(//magictoolbox.sirv.com/site/promo/platforms/magiczoomplus.jpg); } .platform-promo.magiczoom { background-image: url(//magictoolbox.sirv.com/site/promo/platforms/magiczoom.jpg); } .platform-promo.magicscroll { background-image: url(//magictoolbox.sirv.com/site/promo/platforms/magicscroll.jpg); } .platform-promo.magicthumb { background-image: url(//magictoolbox.sirv.com/site/promo/platforms/magicthumb.jpg); } .platform-promo.magictouch { background-image: url(//magictoolbox.sirv.com/site/promo/platforms/magictouch.jpg); } .platform-promo.magic360 { background-image: url(//magictoolbox.sirv.com/site/promo/platforms/magic360.jpg); } .platform-promo.magicslideshow { background-image: url(//magictoolbox.sirv.com/site/promo/platforms/magicslideshow.jpg); } .platform-promo .overview .tryit:before { content:''; display: block; width: 111px; height: 66px; background: url(../images/tryit.png) center center no-repeat; position: absolute; bottom:0; right:-140px;} .row.product-features.list .col-lg-3 { width: 100%; clear: both; text-align: left; border-bottom:1px solid #eee; margin-bottom:10px; padding-bottom:10px;} .row.product-features.list .col-lg-3:last-child { border:none;} .row.product-features.list h3 { float: left; width: 30%; font-size:inherit; font-weight: bold; margin:0px; line-height: 35px; } .row.product-features.list p { float: left; width: 70%; padding-top: 6px;} .row.product-features.list h3 b { float: left; margin:0; width: 35px; height:35px; margin:0 10px 0 0;} .row.product-features.list h3 b:before { width: 35px; background:url(//magictoolbox.sirv.com/site/features2x.png?scale.width=35&png.optimize=2) 0 0 no-repeat;} .platform-information { overflow:hidden; margin-top:30px !important; } .platform-information .col-lg-3 { border-right:1px solid #e3e3e3; } .platform-information ul { list-style:none; margin:15px 0 15px 0; padding:0; font-size:12px; } /*.platform-information ul li { margin:0 0 0 0 !important; padding:0; }*/ .platform-information .col-lg-9 { padding-left:20px; } .platform-information .col-lg-9, .platform-information .col-lg-3 { margin-bottom: -99999px; padding-bottom: 99999px; } div.platform-information span.pl-ico b { margin-left:0px;} div.supported-blocks h4 { font-size:35px; font-weight: normal; margin-bottom:20px;} div.supported-blocks .left-information { text-align: left; font-size:20px; } div.supported-blocks .supported-block li { background:none; border:none; float:none; padding:0; } .supported-blocks { list-style: none; margin:0; padding:0; } .supported-blocks li:before { color:#97bf0d; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; -moz-osx-font-smoothing: grayscale; content:"\e125"; display: inline-block; top:2px; margin-right:5px; } div.supported-blocks .col-lg-2 { text-align: center; font-size: 100px; position: relative; color:#494949; -webkit-text-stroke-width: 3px; -webkit-text-stroke-color: #c2c2c2; } .live-demos { text-align: center;} .live-demos a { display: inline-block; margin:0 45px; color:inherit; text-decoration: none; } .live-demos a img { display: block; border:1px solid #e3e3e3; } .live-demos p {background: #f5f5f5; padding:0 10px; margin:20px 0; line-height: 60px; } .modal-backdrop {z-index: 10000;} div.modal {z-index: 10001; } /*#affix-top-menu-inner h1 { margin:0; font-size:27px;}*/ .counter span, .counter span { display:inline-block; } .counter span { margin:0 1px 0 0; text-align:center; padding:2px 6px; background:#aaa; color:#fff; } .product-version { color:#aaa; background:#fff; display:inline-block; border:1px solid #e3e3e3; padding:4px 8px; line-height:16px; position:relative; top:-4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .product-version.noborder { border:none; color: inherit; background:transparent;} h1 .product-version { font-size:14px; } .changelog .product-version { position:static; color:inherit; padding:2px 5px; background:#f3f3f3; } .changelog dt { text-align:left; font-weight:normal; font-size:13px; } .changelog hr { margin:12px 0; } #product-changelog h5 { font-size:29px; text-align:center; } #product-changelog { font-size:13px; } #product-changelog ul { margin:0; padding:0; list-style:none; } #product-changelog .timeline-body ul { list-style: disc outside; padding: 0 0 0 30px; } #product-changelog .timeline-body > p, #product-changelog .timeline-body > ul { margin-bottom: 15px; } #product-faq h5 { font-size:29px; margin:30px 0 0 0; text-align:center; } #params-code-global li { list-style:none; } .team-ico { width:155px; height:155px; overflow:hidden; position:relative; display:block; } .team-ico img { position:absolute; top:0; left:0; } .team-ico:hover img { top:-100%; } .table.platform thead img { margin:5px auto 8px auto; } .table.platform td { padding-top:10px; padding-bottom:10px;} .tools-list .more-info-block { margin-top: 10px; } .tools-list .more-info-block { margin-top: 10px; } .tools-list .more-info-block a.text-muted { font-weight:normal; } .tools-list .more-info-block a.btn { width:100%; display:inline-block; margin-bottom:5px; } .tools-list td { text-align:center; } .tools-list .btn-ora { margin:5px 0; } .tools-list .more-info-block a.btn { width:100%; display:inline-block; margin-bottom:5px; } .tools-list .btn-download { width:100%; line-height:15px; text-align:left; } .tools-list .btn-download b { font-size:150%; line-height:30px;} table.platform-custom { width:70%; margin:10px auto !important; } .box-container { white-space:nowrap; } .container .MagicThumb, .container .MagicThumb:hover { font-size: inherit !important; } .other-modules { display:table; margin:0 auto; } .other-modules .product-box { display:table-cell; } .other-modules .product-box a { font-size:12px !important; } .other-modules .product-box img { max-width:100px; } /* .Magic360.desktop.zoom-in { cursor: url(/static/magic360/graphics/zoomin.cur), pointer !important; } .Magic360-container.desktop .magnifier.inner, .Magic360-fullscreen.desktop .magnifier.inner { cursor: url(/static/magic360/graphics/zoomout.cur), pointer !important; } .MagicThumb, .MagicThumb:hover { cursor: url(/static/magicthumb/graphics/zoomin.cur), pointer !important; } .MagicThumb-expanded { cursor: url(/static/magicthumb/graphics/zoomout.cur), pointer !important; } */ .entry-content td img { max-width:none; } #responsive-example-container { position:relative; width:425px; height:425px; margin:0 auto 15px auto; /*overflow:hidden;*/ } #responsive-example-container:before { content:''; top:0; left:0; position:absolute; width:425px; height:425px; background:url(//magictoolbox.sirv.com/graphics/generic/responsive-example-grid.png ); opacity:0.1; -moz-opacity:0.1; -html-opacity:0.1; filter:alpha(Opacity=10); } #responsive-example-container .example-container { padding:15px; position:relative; z-index:1000; } #responsive-example-container iframe { border:none; height:100%; width:100%; -moz-box-shadow: 0px 0px 4px 4px #eeeeee; -webkit-box-shadow: 0px 0px 4px 4px #eeeeee; box-shadow: 0px 0px 4px 4px #eeeeee; border-collapse: separate; -ms-filter: "progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#eeeeee')" !important; } .example-container { height:100%; } #responsive-example-slider-container { width:600px; position:relative; padding-top:40px; text-align:center; margin:20px auto; } #responsive-example-slider-container .slider { width:100%; } #responsive-example-slider-container a.device-link { line-height:25px; display:inline-block; text-decoration:none; color:inherit; position:absolute; top:0; padding:0 8px 10px 8px; } #responsive-example-slider-container a.device-link:before { content:''; float:left; margin-right:5px; display:inline-block; background-repeat:no-repeat; height:25px; background-image:url(//magictoolbox.sirv.com/graphics/generic/responsive-demo-devices.png?scale.height=25); } #responsive-example-slider-container a.device-link.desktop:before { width:27px; } #responsive-example-slider-container a.device-link.tablet:before { width:19px; background-position:-27px 0; } #responsive-example-slider-container a.device-link.mobile:before { width:13px; background-position:-46px 0; } #responsive-example-slider-container a.device-link.desktop { left:-50px; } #responsive-example-slider-container a.device-link.tablet { left:50%; margin-left:-40px; } #responsive-example-slider-container a.device-link.mobile { right:-40px; } #responsive-example-container .help-text { text-align:center; font-size:13px; position:absolute; width:280px; color:#777; top: 50%; margin-top: -60px; left: -300px; line-height:14px; } #responsive-example-container .help-text img { margin-left:100px; margin-top:-10px; } #container .sirv-thumbnails ul li { margin:0 4px !important; } table.platform .dropdown-menu li { margin:0 !important; } table.platform .dropdown button.btn-lg { font-size:18px; } .product-version.module { display:block; padding:0; border:none; } .main-example { text-align:center; } #top-link-block.affix-top { position: absolute; bottom: -82px; right: 10px; } #top-link-block.affix { position: fixed; bottom: 10px; right: 10px; } #top-link-block { z-index:10000000; } .back-to-top { padding:3px 6px; background:rgba(0,0,0,0.3); color:rgba(255,255,255,0.5); } .back-to-top:hover { color:rgba(255,255,255,1); } .Magic360-fullscreen .Magic360-loader-example-default { max-width:100%; } .page-alias-media .thumbnail { border:none; } .visible-xs.visible-sm .tools-list .col-xs-6 { padding-bottom:20px; } #promo-white-home h3 { font-weight:bold !important; } .page-alias-home-page h1 { position:absolute !important; top:-10000px !important; left:-10000px !important; text-indent:-5000px; } .page-alias-home-page #testimonials { margin-bottom:50px; } .mss-slide { perspective : none !important; } .MagicSlideshow#zoom-slideshow .mss-arrow { height:60px !important; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); opacity:0.3 !important; } .MagicSlideshow#zoom-slideshow .mss-arrow:hover { opacity:1 !important; } .live-demo-table { margin: 5px 0 20px; } .hor-extend.full-width { position: relative; background: rgba(0,0,0,1); } /*body { overflow-x: hidden; }*/ .hor-extend.full-width:before, .hor-extend.full-width:after { content: ""; position: absolute; background: inherit; top: 0; bottom: 0; width: 10000px; } .hor-extend.full-width:before { right: 100%; } .hor-extend.full-width:after { left: 100%; } .well.hor-extend.full-width { background: #f5f5f5; } .well.hor-extend.full-width h4 { margin:0 0 20px 0;} .well.hor-extend.full-width { border:none; border-radius:0px; -webkit-box-shadow: none; box-shadow:none; padding-left: 0px; padding-right: 0px; } .hor-extend.full-width .inner-slide { position: relative; } .hor-extend.full-width .inner-slide:before { content:''; position: absolute; top: 0; bottom: 0; width: 75px; left:0; z-index: 1; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(80%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 */ } .hor-extend.full-width .inner-slide:after { content:''; position: absolute; top: 0; bottom: 0; width: 75px; right: 0; z-index: 1; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,1) 99%, rgba(0,0,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(20%,rgba(0,0,0,0)), color-stop(99%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-8 */ } .timeline-badge { display: none; } .no-first-border tr:first-child td { border:none;} @media (min-width: 767px) { .timeline { list-style: none; padding: 20px 0 20px !important; position: relative; } .timeline hr { display: none; } .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 1px; background-color: #e3e3e3; left: 50%; margin-left: -0.5px; } .timeline > li { margin-bottom: 20px; position: relative; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li > .timeline-panel { width: 50%; float: left; border: 1px solid #e3e3e3; border-radius: 2px; padding: 20px; position: relative; } .timeline > li.timeline-inverted + li:not(.timeline-inverted), .timeline > li:not(.timeline-inverted) + li.timeline-inverted { margin-top: -60px; } .timeline > li:not(.timeline-inverted) { padding-right:100px; } .timeline > li.timeline-inverted { padding-left:100px; } .timeline > li > .timeline-panel:before { position: absolute; top: 31px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #ccc; border-right: 0 solid #ccc; border-bottom: 15px solid transparent; content: " "; } .timeline > li > .timeline-panel:after { position: absolute; top: 32px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } .timeline > li.timeline-inverted > .timeline-panel:after { border-left: 14px solid #fafafa; border-right: 0 solid #fafafa; } .timeline > li > .timeline-badge { color: #fff; width: 60px; height: 60px; line-height: 60px; font-size: 13px; font-weight: bold; text-align: center; position: absolute; top: 16px; left: 50%; margin-left: -30px; background-color: #999999; z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; display: block; } .timeline > li.timeline-inverted > .timeline-panel { float: right; background: #fafafa; } .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline-badge.primary { background-color: #2e6da4 !important; } .timeline-badge.success { background-color: #3f903f !important; } .timeline-badge.warning { background-color: #f0ad4e !important; } .timeline-badge.danger { background-color: #d9534f !important; } .timeline-badge.info { background-color: #5bc0de !important; } .timeline-title { margin-top: 0; color: inherit; } .timeline-body > p, .timeline-body > ul { margin-bottom: 0; } .timeline-body > p + p { margin-top: 5px; } .timeline-heading { margin-bottom: 10px; } .timeline-body li { margin: 0px 0 5px 0 !important; } .timeline > li > .timeline-panel { padding-bottom: 15px; } } .product-features h3 b.come-in { opacity: 0; -webkit-animation: come-in-big-features 1.5s ease forwards; animation: come-in-big-features 1.5s ease forwards; } @keyframes come-in-big-features { to { opacity: 1; } } @-webkit-keyframes come-in-big-features { to { opacity: 1; } } #info-table h6.come-in { opacity: 0; -webkit-transform:translateX(-100px); transform:translateX(-100px); -webkit-animation: come-in-info-table-icons 0.5s ease forwards; animation: come-in-info-table-icons 0.5s ease forwards; } @keyframes come-in-info-table-icons { to { opacity: 1; -webkit-transform:translateX(0); transform:translateX(0); } } @-webkit-keyframes come-in-info-table-icons { to { opacity: 1; -webkit-transform:translateX(0); transform:translateX(0); } } #featured-websites ul li.come-in { opacity: 0; -webkit-transform:translateY(-50px); transform:translateY(-50px); -webkit-animation: come-in-featured-website 0.5s ease forwards; animation: come-in-featured-website 0.5s ease forwards; } @keyframes come-in-featured-website { to { opacity: 1; -webkit-transform:translateY(0); transform:translateY(0); } } @-webkit-keyframes come-in-featured-website { to { opacity: 1; -webkit-transform:translateY(0); transform:translateY(0); } } .timeline > li.come-in { opacity: 0; -webkit-animation: come-in-timeline 1s ease forwards; animation: come-in-timeline 1s ease forwards; } @keyframes come-in-timeline { to { opacity: 1; } } @-webkit-keyframes come-in-timeline { to { opacity: 1; } } .promo-white img.come-in { opacity: 0; -webkit-animation: come-in-promo-white 1.5s ease forwards; animation: come-in-promo-white 1.5s ease forwards; } @keyframes come-in-promo-white { to { opacity: 0.6; } } @-webkit-keyframes come-in-promo-white { to { opacity: 0.6; } } .slide-text > .come-in { opacity: 0; left:300px; position: relative; -webkit-animation: home-promo-text-white 1.5s ease forwards; animation: home-promo-text-white 1.5s ease forwards; } @keyframes home-promo-text-white { to { opacity: 1; left:0;} } @-webkit-keyframes home-promo-text-white { to { opacity: 1; left:0;} } #main-home-promo-carousel img { max-width: 678px !important; } #main-home-promo-carousel img.Sirv.sirv-image-loaded { transition: none; opacity: 0; } .Sirv.sirv-image-loaded.home-magiczoom-slide-image.img0.come-in { top:-200px; } .Sirv.sirv-image-loaded.home-magiczoom-slide-image.img1.come-in { top:-200px; } .Sirv.sirv-image-loaded.home-magiczoom-slide-image.img2.come-in { top:-200px; } .Sirv.sirv-image-loaded.home-zoom-slide-image.img0.come-in { left:0; } .Sirv.sirv-image-loaded.home-scroll-slide-image.img0.come-in { left:200px; } .Sirv.sirv-image-loaded.home-magic360-slide-image.img0.come-in { left:-200px; } .Sirv.sirv-image-loaded.home-magic360-slide-image.img1.come-in { left:200px; } .Sirv.sirv-image-loaded.home-magicslideshow-slide-image.img0.come-in, .Sirv.sirv-image-loaded.home-magicslideshow-slide-image.img1.come-in { opacity:0; } .Sirv.sirv-image-loaded.home-magicsuite-slide-image.img1.come-in { opacity:0; } .Sirv.sirv-image-loaded.home-magicthumb-slide-image.img0.come-in { opacity:0; top:0px !important;} .Sirv.sirv-image-loaded.home-scroll-slide-image.img1.come-in { top:0px !important; left:-200px;} .Sirv.sirv-image-loaded.home-zoom-slide-image.img1.come-in { left:-200px; } .Sirv.sirv-image-loaded.home-zoom-slide-image.img2.come-in { left:200px; } .Sirv.sirv-image-loaded.home-magiczoom-slide-image.come-in { opacity: 0; -webkit-animation: come-in-home-magiczoom-slide-image 1s ease forwards; animation: come-in-home-magiczoom-slide-image 1s ease forwards; } @keyframes come-in-home-magiczoom-slide-image { from { opacity: 0;} to { opacity: 1; left:0; right: 0px; top:0px; } } @-webkit-keyframes come-in-home-magiczoom-slide-image { from { opacity: 0;} to { opacity: 1; left:0; right: 0px; top:0px; } } .Sirv.sirv-image-loaded.home-magicthumb-slide-image.come-in, .Sirv.sirv-image-loaded.home-magicslideshow-slide-image.come-in, .Sirv.sirv-image-loaded.home-magicsuite-slide-image.come-in, .Sirv.sirv-image-loaded.home-magic360-slide-image.come-in, .Sirv.sirv-image-loaded.home-scroll-slide-image.come-in, .Sirv.sirv-image-loaded.home-zoom-slide-image.come-in { opacity: 0; -webkit-animation: come-in-home-zoom-slide-image 1s ease forwards; animation: come-in-home-zoom-slide-image 1s ease forwards; } @keyframes come-in-home-zoom-slide-image { from { opacity: 0;} to { opacity: 1; left:0; right: 0px; } } @-webkit-keyframes come-in-home-zoom-slide-image { from { opacity: 0;} to { opacity: 1; left:0; right: 0px; } } @keyframes come-in-home-magicsuite-slide-image { from { opacity: 0;} to { opacity: 1; left:0; right: 0px; } } @-webkit-keyframes come-in-home-magicsuite-slide-image { from { opacity: 0;} to { opacity: 1; left:0; right: 0px; } } .animation-delay-1 { animation-delay: 0.1s !important;-webkit-animation-delay: 0.1s !important; } .animation-delay-2 { animation-delay: 0.2s !important;-webkit-animation-delay: 0.2s !important; } .animation-delay-3 { animation-delay: 0.3s !important;-webkit-animation-delay: 0.3s !important; } .animation-delay-4 { animation-delay: 0.4s !important;-webkit-animation-delay: 0.4s !important; } .animation-delay-5 { animation-delay: 0.5s !important;-webkit-animation-delay: 0.5s !important; } .animation-delay-6 { animation-delay: 0.6s !important;-webkit-animation-delay: 0.6s !important; } .animation-delay-7 { animation-delay: 0.7s !important;-webkit-animation-delay: 0.7s !important; } .animation-delay-8 { animation-delay: 0.8s !important;-webkit-animation-delay: 0.8s !important; } .animation-delay-9 { animation-delay: 0.9s !important;-webkit-animation-delay: 0.9s !important; } .animation-delay-10 { animation-delay: 1s !important;-webkit-animation-delay: 1s !important; } .animation-delay-11 { animation-delay: 1.1s !important;-webkit-animation-delay: 1.1s !important; } .animation-delay-12 { animation-delay: 1.2s !important;-webkit-animation-delay: 1.2s !important; } .animation-delay-13 { animation-delay: 1.3s !important;-webkit-animation-delay: 1.3s !important; } .animation-delay-14 { animation-delay: 1.4s !important;-webkit-animation-delay: 1.4s !important; } .animation-delay-15 { animation-delay: 1.5s !important;-webkit-animation-delay: 1.5s !important; } .animation-delay-16 { animation-delay: 1.6s !important;-webkit-animation-delay: 1.6s !important; } .animation-delay-17 { animation-delay: 1.7s !important;-webkit-animation-delay: 1.7s !important; } .animation-delay-18 { animation-delay: 1.8s !important;-webkit-animation-delay: 1.8s !important; } .animation-delay-19 { animation-delay: 1.9s !important;-webkit-animation-delay: 1.9s !important; } .animation-delay-20 { animation-delay: 2s !important;-webkit-animation-delay: 2s !important; } #compare-example h4, #compare-example h5, #featured-websites h5, #pricing h5, #product-changelog h5, .well.hor-extend.full-width h4, .well.hor-extend.full-width h4 b { font-weight: 100; font-size: 29px; } #compare-example { margin-top: -30px; margin-bottom: 30px; text-align: center; } #compare-example .selectors { margin-top: 20px; margin-bottom: 20px; } #compare-example .selectors a { display: inline-block; margin: 0 8px; } #compare-example h4 { margin-bottom: 20px; } #compare-example .magiczoomplus h5 { /*font-weight: 400;*/ } #compare-example .well.magiczoom { border:none; -webkit-box-shadow: none; box-shadow: none; background: #F5F5F5; border-radius: 0px !important; -webkit-box-shadow: none; box-shadow: none; } #compare-example .well.magiczoomplus { background: #FAFAFA; border-radius: 0 !important; -webkit-box-shadow: none; box-shadow: none; } #compare-example .well > p { margin-bottom: 20px; } #compare-example .more-link { font-size: 18px; } #compare-example .more-link span { font-size: 0.7em; } #compare-example .features { margin:20px 0 10px 0 !important; } #compare-example .features b { color:green; padding: 5px 10px; display: inline-block; } #compare-example .features span { line-height:20px; font-size: 12px; width: 20px; height: 20px; background: green; color:#fff; display: inline-block; border-radius: 100%; margin-right: 5px; } #compare-example .MagicZoom, #compare-example .MagicZoomPlus { box-shadow: 0 0 1px 0px rgba(0,0,0,0.3); } #compare-example .col-lg-6 { padding-right: 0px; padding-left: 0px; } .promo-white { margin:20px 0 40px 0;} .promo-white img { opacity: 0.6; } #scroll-params acronym, #spin-params acronym, #zoom-params acronym { display: inline-block;} #scroll-params small, #zoom-params small, #spin-params small { opacity: 0.8; display: block; font-size: 12px;} #scroll-params .disabled-param td:first-child, #spin-params .disabled-param td:first-child, #zoom-params .disabled-param td:first-child { opacity: 0.5; } #scroll-params .disabled-param td input, #scroll-params .disabled-param td select, #spin-params .disabled-param td input, #spin-params .disabled-param td select, #zoom-params .disabled-param td input, #zoom-params .disabled-param td select { opacity: 0.2; } #scroll-params .disabled-param td:last-child, #spin-params .disabled-param td:last-child, #zoom-params .disabled-param td:last-child { position: relative; } #scroll-params .disabled-param .disabled-tooltip, #spin-params .disabled-param .disabled-tooltip, #zoom-params .disabled-param .disabled-tooltip { position: absolute; top: 7px; left: 0px; display: block; width: 100%; text-align: center; padding: 5px 0px; font-size: 12px; line-height: 30px; border-radius: 3px; } #scroll-params .disabled-param td .btn-group, #spin-params .disabled-param td .btn-group, #zoom-params .disabled-param td .btn-group { display: none;} /*#scroll-params .btn, #zoom-params .btn { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; border:none !important; font-size: 12px; }*/ /*#scroll-params .btn-group, #zoom-params .btn-group { margin-top:5px; border:1px solid rgba(0,0,0,0.1); border-radius: 3px; overflow: hidden;}*/ .wizard .btn-group { margin-top: 5px; border: 0; border-radius: 0; overflow: hidden; outline: 0;} .wizard input[type="checkbox"] + .btn-group > .btn { z-index: 2; font-size: 12px; } .wizard input[type="checkbox"] + .btn-group > .btn.active:hover { z-index: 2; color: #fff; } .btn.btn-wizard-apply { font-size: 18px; } .new-warning { font-weight: bold; color:red; font-size: 70%; } div.home-tabs-container { margin-top:0px; } .page-alias-home-page #mainCont { margin-top: 0px; } .carousel-inner.home-carousel .item { } #main-home-promo h2 { font-size: 40px; } .home-magicthumb-slide-image, .home-magicsuite-slide-image, .home-magicslideshow-slide-image, .home-magiczoom-slide-image, .home-magic360-slide-image, .home-scroll-slide-image, .home-zoom-slide-image { position: absolute; left: 0; max-width: 50% !important; top:45px; } .home-magic360-slide-image, .home-scroll-slide-image { max-width: 80% !important; top:0px !important; } .home-magicthumb-slide-image { max-width: 70% !important; top:0px !important; } .home-magiczoom-slide-image { max-width: 70% !important; } .home-magicthumb-slide-image.img0, .home-magicsuite-slide-image.img0, .home-magicslideshow-slide-image.img0, .home-magic360-slide-image.img0, .home-scroll-slide-image.img0, .home-magiczoom-slide-image.img0, .home-zoom-slide-image.img0 { z-index: 1; } .home-magicslideshow-slide-image.img1, .home-magic360-slide-image.img1, .home-scroll-slide-image.img1, .home-magiczoom-slide-image.img1, .home-zoom-slide-image.img1 { z-index: 2; } .home-scroll-slide-image.img2, .home-magiczoom-slide-image.img2, .home-zoom-slide-image.img2 { z-index: 3; } .home-carousel .slide-text { background: rgba(255,255,255,0.8); padding: 60px 50px 100px 50px; margin-left: 55%; position: relative; z-index: 1000; } .home-carousel .slide-text p, .home-carousel .slide-text h2, .home-carousel .slide-text h3 { margin: 25px 0; } #main-home-promo .slide-cta-block { margin-top: 40px; font-size: 0; } #main-home-promo .slide-cta-block .btn { font-size: 20px; padding: .5em 1.2em; text-align: center; } #main-home-promo .slide-cta-block .btn { margin-right: 10px; } #main-home-promo .slide-cta-block .btn:last-child { margin-right: 0; } .home-carousel .slide-text a { margin-bottom: 10px; } .well.promo-white .col-lg-6 { padding: 10px 20px !important; } .page-alias-magicscroll #product-carousel { color:inherit; background: transparent !important; } .page-alias-magicscroll #product-carousel .MagicScroll { } #zara-example-2 { margin-top: 20px;} .MagicScroll .mz-thumb img { box-shadow: none; } .btn-group-sm>.btn, .btn-sm { border-radius: 0; } .page-alias-magicscroll #product-carousel .btn-group .btn { font-weight: bold !important; } .page-alias-magicscroll #product-carousel .btn-group .btn:hover { background: #ff8b01; } #MagicScrollMainDemo { height: 285px; } #main-home-promo-carousel .carousel-indicators .active { width: 10px; height: 10px; background: #ddd; } #main-home-promo-carousel .carousel-indicators li { border-color: #ddd; } #main-home-promo { margin-bottom: 40px; } /* Integration by Alex */ pre.prettyprint { /*margin: 15px 0 15px 5px;*/ margin: 15px 0; padding: 10px; border: 0px solid #eee; border-radius: 0; font-family: Menlo, Monaco, Consolas, monospace !important; } span.prettyprint { background-color: #f0f0f0; } span.source, code { color: #777; background-color: #f0f0f0; border-radius: 3px; padding: .1em .4em; font-size: .9em; font-family: Menlo,Monaco,Consolas,monospace; white-space: pre; } mark { padding: .2em .4em; } mark.trial-msg { color: #ff0000; font-family: sans-serif; } .page-alias-integration h2 { margin-top:40px !important; margin-bottom:20px !important; padding-bottom: 6px; border-bottom: 1px solid #aaa; font-weight: 200; border-bottom: 1px solid #d2d2d2; } .page-alias-integration h3 { font-size: 22px; font-weight: 500; margin-top: 30px; margin-bottom: 15px; } /*.page-alias-integration p { font-size: 15px; line-height: 1.5; } */ .page-alias-integration pre.prettyprint { font-size: 13px !important; } .page-alias-integration .tab-content { margin-bottom: 20px !important; } .page-alias-integration .carts.h30 { margin-bottom: 1.5em; } .nav-tabs.example-code-tabs a { border-radius: 0px; font-size: 12px; padding: 5px 10px; } .tab-content.example-code-tabs pre { border:none; margin:0; padding: 0; background: transparent; } .tab-content.example-code-tabs { padding: 15px;} /* Sample */ .sample-box { margin: 15px 0/* 30px*/; border: 1px solid #f2f2f2; border-radius: 4px; } .sample-box pre { margin: 0; padding: 15px; position: relative; border: 0; border-radius: 0; } .sample-box .app-demo { position: relative; padding: 30px 15px 15px; text-align: center; } .sample-box .app-demo:before { content: "Example"; position: absolute; top: 0; left: 0; height: auto; color: #aaa; padding: 2px 6px; font-size: .8em; } .sample-box .app-demo .MagicScroll { vertical-align: middle; } .sample-box .switch-control { display: block; } .sample-box .switch-control button { font-size: 11px; } /* Switch control */ .switch-control { position: relative; margin: 5px auto 15px; text-align: center; display: inline-block; vertical-align: middle; font-size: 0; } .switch-control button { outline: none; display: inline-block; position: relative; padding: .4em 1em; margin: 0; font-size: 12px; font-weight: 500; line-height: 1; text-decoration: none; text-align: center; vertical-align: middle; cursor: pointer; color: #666; border: 1px solid rgba(136, 136, 136, 0.5); background-color: transparent; box-shadow: none; white-space: nowrap; } .switch-control>button:first-child:not(:last-child) { border-radius: 4px 0 0 4px; } .switch-control>button:last-child:not(:first-child) { border-radius: 0 4px 4px 0; } .switch-control button:hover { /* color: #fff; background-color: rgb(253, 154, 30); border-color: rgb(253, 154, 30); */ background-color: rgb(231, 231, 231); } .switch-control button.checked { color: #fff; background-color: rgb(110, 110, 110) !important; border-color: rgba(110, 110, 110, 0.7) !important; } .switch-control button + button { margin-left: -1px; } .top-margin { margin-top: 15px; } .showcase-section { margin: 0 0 60px 0; } .tool-page-overview h2, .tool-page-overview h3, .tool-page-overview h4 { text-align: center; } .tool-page-overview h2 span { display: block; font-size: 16px; color: #777; font-weight: normal; margin: 10px 0 0; line-height: 1.5em; } .tool-page-overview .platforms-list ul.carts { margin: 30px auto !important; } .tool-page-overview #affix-top-menu-inner .platforms-list ul.carts { margin: 0px auto !important; } .tool-page-overview .platforms-list hr { display: none; } /* Wizards demo */ .wizard-sample .switch-control { margin-top: 30px; } .wizard-sample .switch-control button { font-size: 12px; } .wizard-sample .tab-content { border: 0; padding: 0; position: relative; } .wizard-sample .tab-content .tab-pane { position: relative; background-color: #f5f5f5; padding-right: 140px; } .wizard-sample .tab-content .tab-pane button[data-role="copy"] { position: absolute; top: 15px; right: 15px; font-size: 11px; white-space: nowrap; margin: 0; } .wizard-sample.sample-box .selectors { margin-top: 25px; } .wizard-sample.sample-box .selectors > .mz-thumb + .mz-thumb { margin-left: 10px; } .wizard-sample.sample-box .app-demo:before { content: 'Preview'; } /* ---- // ---- */ div.home-tabs { display:table !important; width:100% !important; /*margin:20px 0 20px 0 !important;*/ } .home-tabs { list-style:none; padding:0; display:table-row; width:100% !important; position:static !important; left:0; } .home-tabs li { padding:0px; cursor:pointer; width: 16.66% !important; width: auto !important; display:table-cell; } .home-tabs li a { display:block; font:inherit; position: relative; border-right:1px solid transparent; text-align:center; padding: 10px 2px; min-height:100%; background: #FFFFFF; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; line-height:18px; text-decoration:none !important; font-weight:normal; color:#999; transition:all 0.3s; } .home-tabs li a.last { border:none !important; } .home-tabs a:after { transition:all 0.1s; content: ''; position: absolute; border-style: solid; border-width: 0 5px 5px; border-color: #000 transparent; display: block; width: 0; z-index: 1; left: 50%; margin-left:-3px; transition:all 0.3s; opacity:0; top:10px; } .home-tabs li a:hover, .home-tabs li.active a { color:#000 !important; text-decoration:none !important; opacity:1;} .home-tabs li a:hover:after, .home-tabs li.active a:after { top:-2px; opacity:1; } .navbar-default .navbar-nav>li>a.active, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { /*color:rgba(255,255,255,0.6); */ color: #fff; } .navbar-default .navbar-nav>li>a { color: rgba(255,255,255,0.8); } .navbar-nav > li > a { font-size:15px; } .navbar-default { background-color:#77B70A/*#7FB800/*#7DC503*/; border: 0; } /* #affix-top-menu.affix { background:rgba(0,0,0,0.8) !important; } #affix-top-menu.affix h1{ color:#b8b8b8; } #affix-top-menu.affix ul.submenu li a.active, #affix-top-menu.affix ul li a:hover { color:#b8b8b8 !important; } #affix-top-menu.affix ul.submenu li a, #h1 ul li a { color:#fff; } #affix-top-menu.affix { -webkit-animation-name: affix-appear; animation-name: affix-appear; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } @-webkit-keyframes affix-appear { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes affix-appear { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } */ #affix-top-menu.affix { /*background:#F9F9F9;*/ -webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.15); box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.15); } .well.live-example.magictouch { margin-top:30px; } .affix .sirv-warning { display:none !important; } #main-home-promo-carousel h2 a { text-decoration:none; color:inherit; } #main-home-promo-carousel .carousel-indicators li { height:auto; text-indent:0; border:none; } .showcase-section .magiczoom-example, .showcase-section .magiczoomplus-example { position:static; margin:10px auto; width:auto; display:inline-block; } .showcase-section .magiczoomplus-example table { } .showcase-section.magiczoom, .showcase-section.magiczoomplus { margin-bottom:20px; } .showcase-section.magiczoom .h3.thin-text, .showcase-section.magiczoomplus .h3.thin-text { font-size:20px; margin:30px 0; } .showcase-section.magiczoom .h3.thin-text:first-child, .showcase-section.magiczoomplus .h3.thin-text:first-child { margin-top:10px; } .showcase-section.magiczoom .h3.thin-text span, .showcase-section.magiczoomplus .h3.thin-text span { display: block; font-size: 0.7em; line-height: 1.3; opacity: 1; margin: 10px 0 0; } .showcase-section .h3.thin-text img {opacity:0.75; } .showcase-section .h3.thin-text img:last-child { } .no-top-margin { margin-top:0px; } .showcase-section .selectors a img { width:auto; } .showcase-section .selectors a { margin-bottom:32px; } .showcase-section .selectors a:hover { border-color:transparent; } .showcase-section .selectors a:last-child { margin-bottom:0 !important; } .text-center.small-supported-icons { margin-bottom:30px; font-size: 0; } .text-center.small-supported-icons img { opacity:0.75; } .text-center.small-supported-icons img + img { margin-left: 20px; } .showcase-section .magiczoomplus-example table { border-spacing: 0px; border-collapse: separate; } .showcase-section .magiczoomplus-example td.selectors { padding: 10px; } .showcase-section.magiczoom td:last-child { padding: 10px 10px 10px 0;} .magiczoomplus-example.tryit .selectors.magicthumb img { max-width: 76px; max-height: 76px; } .showcase-section .selectors.magiczoom a { margin-bottom:36px; } .showcase-section .selectors.magicthumb a { margin-bottom:10px; } .showcase-section .selectors.magicthumb a[href*="youtube"] { position: relative; display: inline-block; } .showcase-section .selectors.magicthumb a[href*="youtube"]:before { content: ''; position: absolute; color:#fff; text-shadow: 0px 1px 10px #000; top:50%; left:50%; display: block; transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); z-index: 100; width:36px; height:36px; border-radius: 50%; background-repeat:no-repeat; background-color: rgba(0,0,0,0.5); background-size: 50%; background-position: center center; z-index: 1; } .showcase-section .selectors.magicthumb a[href*="youtube"]:after { content: ''; width: 12px; height: 16px; border-top: 8px solid transparent; border-left: 12px solid rgba(255,255,255,0.8); border-bottom: 8px solid transparent; position: absolute; top: 50%; left: 50%; transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); margin-left:1px; z-index: 2; } .showcase-section .selectors.magicthumb a[href*="youtube"]:hover:before { background-color: rgba(0,0,0,0.7); } .showcase-section .selectors.magicthumb a[href*="youtube"]:hover:after { border-left: 12px solid rgba(255,255,255,1); } .page-alias-voila h1 { display:none; } .selectors.magicthumb span { display:none; } .page-alias-magicslideshow .mss-caption span { background: #000 !important; color: #999 !important; } .page-alias-magicslideshow .mss-fullscreen .mss-slider { bottom: 0 !important; } .platform-head span.pl-ico { border:1px solid transparent; } .affix .platform-head span.pl-ico { border:1px solid #f3f3f3; } #mainCont { margin-top: 15px; } select option[default] { color: #ddd; } .magic-form { margin-bottom:20px; } .magic-form input, .magic-form select, .magic-form textarea { border-color:rgb(225, 225, 225) !important; padding:12px; height:auto; } .magic-form select { opacity:0.7; } .magic-required input, .magic-required select, .magic-required textarea { border-color:#aaa !important; padding-right:30px; /*border-radius: 0px;*/} .magic-required .col-sm-12 { position:relative; z-index: 1; } .magic-required .col-sm-12:before { content:'*'; font-weight:bold; top:15px; right:25px; display:inline-block; font-size:20px; color:red; z-index:100000; position:absolute; } table.params.platform th, table.platform-custom * { text-align:center; } .well { border:none !important; } .page-alias-contact table.params td { padding:2px; } .timeline-body { } .timeline-body ul { font-weight:normal; /*margin-top:15px !important;*/ } #affix-top-menu-inner .btn.dropdown-toggle .caret { margin: 7px 0px 7px 10px; } .well.live-example { border:1px solid #e3e3e3 !important; } .platform-promo .magiczoomplus-example .selectors a { border:none !important; margin-bottom: 15px !important; } .platform-promo .magiczoomplus-example .selectors a:last-child { margin-bottom: 0px !important; } .platform-promo .magiczoomplus-example .selectors a img { width: auto; } .lead.center-shadow h2 { font-size: 36px; margin: 10px 0 10px 0 !important;} .lead.center-shadow h3 { margin-top:10px; } iframe { border:none;} #spin-and-zoom-sample { margin:0 auto; } /*#spin-and-zoom-sample { width: 100px; margin-bottom:20px; }*/ #zoom-box, #spin-box { width:300px; } #spin-and-zoom-sample td { padding: 0; vertical-align: top; text-align:center; } #spin-and-zoom-sample .image-box { position: relative; } #spin-and-zoom-sample .image-item { position: absolute !important; top: 0; left:0; z-index: -1; display: none; } #spin-and-zoom-sample .image-item-visible { position: relative !important; z-index: 1; display: block !important; } #spin-and-zoom-sample .item-thumbnail { display: inline-block; } #spin-and-zoom-sample td.tool-view { width: 100%; text-align: center; } .tool-view { text-align:left; } .well.supported-blocks { padding: 50px; } .Magic360-fullscreen { z-index: 2147483640 !important; } .tooltip { display: none; } .tooltip.in { display: block; } .wpcr3_div_2.form-horizontal input, .wpcr3_div_2.form-horizontal textarea { border-color:rgb(225, 225, 225) !important; } .wpcr3_div_2.form-horizontal .required input, .wpcr3_div_2.form-horizontal .required textarea { border-color:#ccc !important; } .wpcr3_respond_2 textarea { min-width: 0px; height: 200px !important; } div.wpcr3_aggregateRating { font-size: 1.3em; text-align: center; -webkit-box-shadow: none; box-shadow: none; } .wpcr3_item_name { display: none; } .wpcr3_review_datePublished { position:relative; top:5px; border:1px solid #ccc; border-top:3px solid #aaa; float:left; margin:0 10px 10px 0; font-weight: bold; font-style:normal !important; font-size:1.1em; text-align: center; line-height: 1.5em !important; margin-left:-75px !important;} .wpcr3_review_datePublished span { display: block; } .wpcr3_review_datePublished span:first-child { padding:5px 10px 3px 10px; background: #eee; color:#777; /*font-weight: normal;*/ text-transform: uppercase; font-size: 0.8em; position: relative; } .wpcr3_review_datePublished span:before, .wpcr3_review_datePublished span:after { content: ' '; font-size:0px; line-height:0px; width: 3px; box-sizing: content-box; height: 7px; background: #ccc; display:inline-block; border:1px solid #fff; position: absolute; top:-6px; left: 10px; } .wpcr3_review_datePublished span:after { right: 10px; left:auto;} .wpcr3_review_datePublished span:last-child { font-size: inherit; padding:5px 5px; color:#777; } div.wpcr3_review div.wpcr3_review_title { font-size:1.2em; font-weight: bold; display: block; margin-bottom: 2px; } .reviewBody { display: block !important; } .reviewContent { float: left; } .reviewAuthor { font-weight: bold; font-size:0.9em;} .wpcr3_review { padding: 15px 15px 15px 90px; -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1); margin-bottom: 20px; } .wpcr3_respond_1 nav { text-align: center; } .wpcr3_respond_1 nav a { cursor: pointer; } .wpcr3_pagination_page { } .clearfix { clear: both; } .wpcr3_respond_2 { display: block; } div.wpcr3_aggregateRating.rateSummary0 { display: none !important; } .wpcr3_respond_1 p.wpcr3_no_reviews, .wpcr3_respond_2 p.wpcr3_no_reviews { font-size: 1.1em; text-align: center; line-height: 4em !important; font-weight: normal; } .magic-form label.comment-field { display: none; } .magic-form label.comment-field.visible { display: inline-block; margin-right: 10px; } .wpcr3_div_2 {width: auto;} .wpcr3_rating_stars { display: inline-block; } .magic-form div.wpcr3_rating_style1 { top: 3px; position: relative; } .wpcr3_respond_2 .alert.alert-danger, .wpcr3_respond_2_thanks { display: none; } .form-group.magic-form { margin-bottom: 10px; } .form-group.magic-form label { margin-bottom: 0px; } .top-rating { text-align: center; font-size: 12px; } .top-rating .wpcr3_aggregateRating_ratingValue { display: inline-block; position: relative; top:2px;} .top-rating a{ text-decoration: underline; color: inherit;} .wpcr3_fakehide { display: none !important; } .form-group.magic-form .help-block {margin:0; font-size:12px; color:#bbb;} .live-demos > a:after { content: "\e164"; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; font-size:0.9em; display: inline-block; margin-left: 5px; color:#999; position: relative; top:1px;} .live-demos > a:hover:after { color:inherit;} .live-demos a img { margin:0 auto;} #main-home-promo-carousel > .carousel-indicators { display: none; } ul.carts li.text-block a { background-color: transparent !important; border:none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-indent: 0; display: block; line-height: 30px} ul.carts li.text-block a b { width: auto !important; font-weight: normal; } ul.carts li.text-block a b:after, ul.carts li.text-block a b:before { display: none; } #main-home-promo-carousel > .carousel-indicators { display: block; bottom:-25px; width: 100%; left: 0; margin-left: 0px } #main-home-promo-carousel .carousel-indicators li { width: 12px !important; height: 12px !important; border:1px solid #868686; margin:10px 2px; } #main-home-promo-carousel .carousel-indicators .active { width: 10px; height: 10px; background: #868686; } .home-tabs-container.hor-extend { display: none; } .modal-body .social { margin:0; } .modal-body hr { margin:5px 0;} .modal-body .social li { margin-top:0; margin-bottom:0; } .row > div > .example-container { /*----- Vasiliy - 06/7/2017 ----- -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);*/ padding:30px 20px; text-align: center; } .row.example h2 { font-size:25px; } .row.example p { font-size:16px; font-weight: 100; line-height: 1.5;} /*.row.example > div:last-child { padding: 0px 100px 50px 50px; }*/ .example-container #responsive-example-slider-container { margin:0 20px 30px 20px;} #responsive-example-slider-container a.device-link { text-indent: -5000px; } #responsive-example-slider-container a.device-link.desktop { left:-21px; } #responsive-example-slider-container a.device-link.mobile { right:-16px;} #responsive-example-slider-container a.device-link.tablet { margin-left: -22px; } #pricing-examples { margin-top:30px; } #pricing-examples h3 { font-size: 18px; font-weight: 100 !important; margin:0 0 5px 0 !important; } #pricing-examples .well { margin-bottom: 0px; } .customers-list {margin:40px 0 45px 0;} #examples-customers { background-color: #fafafa !important; margin-top:20px;} #ex-positions-images-grid { max-width: 430px; } .reviewAuthor .wpcr3_caps { text-transform: none !important; } blockquote.wpcr3_admin_response { margin:20px 20px 10px 20px !important; padding: 0 10px !important; } blockquote.wpcr3_admin_response p { font-size:12px !important; color:#999; } .nav-tabs>li>a { border-color: #eee #eee #ddd; border-width: 1px; margin-right: 5px; color: #777; } .modal-backdrop { z-index:1000000!important; } div.modal { z-index:10000000000000001!important; } #affix-top-menu.affix { z-index: 10000 !important; } #downloadModal .modal-header { background-color: #77B70A; color: #fff; padding: 10px; margin: 0; text-align: center; } #downloadModal .modal-header button { display: none; } #downloadModal .modal-body { background:#f0f1f2; } .sub-top-toolbar{ background: rgba(120, 184, 10, 0.47); text-align: center; padding: 10px 5px; } .sub-top-toolbar .glyphicon { display:inline-block; color:#88AA3D; } .sub-top-toolbar .glyphicon:first-child { margin-right:5px; } .sub-top-toolbar .glyphicon:last-child { margin-left:5px; display: none; } .sub-top-toolbar .mini_cart_cont { padding: 3px 9px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.7); background: #fff; display: inline-block; font-size:12px; text-decoration: none; } .sub-top-toolbar .mini_cart_cont a { color:#88AA3D; text-decoration: underline; } .sub-top-toolbar .mini_cart_cont b { display: inline-block; margin-right: 5px; } .sub-top-toolbar .mini_cart_cont:hover .glyphicon:last-child { display: inline-block; } .woocommerce .table .text { position: static; } .woocommerce .table td:last-child { padding-right: 0px; } .woocommerce th.product-name { width: 60%; } .woocommerce th.product-price { width: 20%; } .woocommerce th.product-quantity { width: 20%; } .woocommerce .table td.actions { padding:20px 0 50px 0; } .noborder { border:none !important; } .display-inline-block { display: inline-block; width: auto; } .woocommerce .quantity .qty { width: 5em; } .woocommerce .form-row > label { font-weight: normal; } .woocommerce .form-row.validate-required > label { font-weight: bold; } #order_comments_field textarea {min-height: 200px;} .woocommerce-breadcrumb { font-size:11px; margin:0px 0 20px 0; } .order_details .product-name { width: 100%; } #orderDetailsTabs h2 { display: none; } .woocommerce .table.params td:first-child { padding-left: 0px; } .order_item .product-name { font-size:16px; } .order_item .product-name .btn { margin-top:5px; } .return-to-shop { display: none!important; } .woocommerce dl.variation { margin-bottom: 0px; } .woocommerce td.product-name dl.variation dd.variation-Licensekey { margin-bottom: 0px; padding-bottom: 0px; } .order_item .product-name br { clear: both; display: none; } .page-alias-checkout td.product-name, .page-alias-cart td.product-name { font-weight: bold; font-size:140%; } .page-alias-checkout h1, .page-alias-cart h1 { margin:30px 0 10px 0; } .page-alias-checkout .woocommerce-breadcrumb, .page-alias-cart .woocommerce-breadcrumb { display: none; } .place-order .btn.btn-ora, #place_order, .page-alias-cart .wc-proceed-to-checkout .btn.btn-ora { font-weight: bold; font-size:140%; } .page-alias-cart input[name="update_cart"] { display: none; } .page-alias-cart .cart-subtotal th, .page-alias-cart .cart-subtotal td { color:#aaa; padding:0px 8px 0 0px !important; font-weight: normal !important; font-size:80%; } .page-alias-checkout .cart-subtotal th, .page-alias-checkout .cart-subtotal td { border-bottom:none; color:#aaa; padding:9px 12px 0px 12px !important; font-weight: normal !important; /*font-size:80%;*/ } .page-alias-cart .tax-rate th, .page-alias-cart .tax-rate td { border-top:none; color:#aaa; padding: 0 8px !important; font-weight: normal;font-size:80%; } .page-alias-cart .tax-rate td { padding-right: 0px; } .page-alias-checkout .tax-rate th, .page-alias-checkout .tax-rate td { border-top:none !important; color:#aaa; padding: 0 12px !important; font-weight: normal !important; /*font-size:80%;*/ } .page-alias-checkout .order-total th, .page-alias-checkout .order-total td { border-top:none !important; font-size:140%; /*padding:0px 0px 0px !important;*/} .page-alias-cart .order-total th, .page-alias-cart .order-total td { border-top:none; font-size:140%; padding-top:0px;} .page-alias-cart .woocommerce .table td.actions { padding: 10px 0 30px 0; border:none; } .page-alias-cart footer hr, .page-alias-cart h1, .page-alias-checkout footer hr, .page-alias-checkout h1 { border:none; } .page-alias-checkout footer, .page-alias-cart footer { background: none; opacity: 0.7; } .page-alias-cart .cart_totals h2, /*.page-alias-cart .navbar-nav:not(.navbar-right),*/ .page-alias-cart #footer , .page-alias-checkout .navbar-nav:not(.navbar-right), .page-alias-checkout #footer { display: none; } .woocommerce .table>thead>tr>th { border-width: 1px; } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding-top:24px; padding-bottom:24px; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { opacity: 1; } ​ input[type=number][step="0"]::-webkit-inner-spin-button { -webkit-appearance: none; } input[type=number][step="0"] { -moz-appearance: textfield; } .page-alias-cart .woocommerce table.shop_table { margin-bottom: 5px; } .page-alias-cart .woocommerce .cart_totals { margin-bottom: 10px; } .page-alias-cart .woocommerce table.shop_table, .page-alias-checkout .woocommerce table.shop_table { border:none; } .page-alias-checkout .woocommerce table.shop_table thead { display: none; } .page-alias-checkout .woocommerce table.shop_table tbody tr:first-child td { border-top:none; } .page-alias-checkout .woocommerce table.shop_table tr td:last-child { text-align: right; padding-right: 0px !important;} .page-alias-checkout .woocommerce table.shop_table tfoot th, .page-alias-checkout .woocommerce table.shop_table td:first-child { padding-left:0 !important; } .page-alias-checkout .woocommerce table.shop_table td { padding-top:16px; padding-bottom:16px; } #add_payment_method #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background: #fff; } #add_payment_method #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before { border-bottom-color:#fff; } .select2-container .select2-choice { padding:2px 0 2px 8px; } .woocommerce-billing-fields .form-row.validate-email { clear: both; } .checkout-info { margin-top:30px; } .checkout-info, .checkout-info p { color:#999 !important; } .checkout-info h3 { font-size:18px; margin-bottom: 20px; } .checkout-info img { opacity:0.5;} .cart_totals .shop_table.shop_table_responsive th, .cart_totals .shop_table.shop_table_responsive td { border:none !important; } .cart_totals .shop_table.shop_table_responsive th { width:100%; text-align: right; } .cart_totals .shop_table.shop_table_responsive th, .cart_totals .shop_table.shop_table_responsive td { text-align: right; padding-right: 0px !important; padding-top:0px !important; padding-bottom: 12px;} .page-alias-cart .entry-content:after { content: ''; clear: both; display: block; } .checkout_page_hr { border-width: 2px; margin:50px 0; border-style: dotted; border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;} .order-total .woocommerce-Price-amount.amount { font-weight: bold; } .continue_shopping_link { text-decoration: underline; color:#777; } .woocommerce .table>thead>tr>th { font-size:16px; font-weight: normal; color:#aaa;} .page-alias-checkout #customer_details > .col-1 { width:100% !important; } .page-alias-checkout #customer_details > .col-2 { display: none !important; } .page-alias-checkout h1:before { opacity: 0.75; font-size: 75%; position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; content: "\e033"; width: auto; height: auto; background-image: none; margin-right: 15px; float: none; } .page-alias-cart h1:before { opacity: 0.75; font-size: 75%; position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; content: "\e116"; width: auto; height: auto; background-image: none; margin-right: 15px; float: none; } .woocommerce-currency-switcher.form-control { line-height: 14px; padding:3px 6px; height: auto; } .cart-currency { white-space: nowrap; font-size:13px; color:#aaa; } .cart-currency select, .cart-currency form { display: inline-block; margin:0 0 0 5px; width: auto !important; } .page-alias-checkout .cart-currency { float: right; } .page-alias-checkout .cart-currency { margin:20px 0 10px 0;} .page-alias-checkout h3#order_review_heading { margin:0px 0 10px 0;} .woocommerce form .form-row .input-checkbox, /*#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input */{ margin-right: 0.2em; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-message { margin: 10px 0 !important; border: none; } .woocommerce .woocommerce-error li, .woocommerce .woocommerce-message li { margin:0px; } .yith-wcaf.yith-wcaf-dashboard-summary .myaccount_user { display: none; } .yith-wcaf.yith-wcaf-dashboard-summary .dashboard-title { margin-bottom: 0px; } input[type="text"]:not([class]), input[type="url"]:not([class]), input[type="email"]:not([class]) { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } div.wpcr3_review div, div.wpcr3_review span { display: block !important; } .page-alias-cart .woocommerce .table>thead>tr>th { border-width: 0px !important; } .page-alias-cart .woocommerce table.shop_table td { padding-top: 12px; padding-bottom:12px; } .woo-cart-header { margin:30px 0;} .woo-cart-header .checkout-button { margin:0.3em 1em;} .woo-cart-header .cart-currency { padding:0.5em 0; } .woo-cart-header h1 { margin:0; color:#777; } .install.text-muted { font-weight: normal; font-size:14px; } .install.text-muted label { font-weight: normal; } .installationhelp { display: none; } .install .label { font-size:100%; padding:.1em .3em .1em; font-weight: normal; color:inherit; border:1px solid #ccc; background:#efefef; } .install .label:before { content: '+ '; font-weight: bold; } .cross-sells .product-item { /*text-align: center; padding: 5px 10px; */ background-color: #fafafa; border: 1px solid #efefef !important; } .cross-sells h3 { margin-top:30px; } .cross-sells .product-item img { } .cross-sells .product-item span.product-name { /*font-weight: bold; */font-size:22px; margin-bottom: 10px; display: block; margin-top:5px;} .cross-sells .product-item p a { text-decoration: underline; } .cross-sells .product-item .more-info-block { margin-top:20px; margin-bottom: 0px; } .cross-sells .product-item .more-info-block span.label { font-size:100% !important; top:0;margin-left:5px;} .cross-sells .product-item .more-info-block a.btn { padding:0.75em 1em; } .wc_payment_method.payment_method_paypalbraintree_cards > label > img { max-width: 200px; margin-left: 20px; } .payment_box.payment_method_paypalbraintree_paypal { display: none !important; } .coupon.pull-left .btn { color: inherit !important; background-color: #efefef !important; border:none; } /*#add_payment_method #payment div.form-row, .woocommerce-checkout #payment div.form-row { padding-top: 0px; padding-right: 0px; }*/ .woocommerce table.shop_table { border: none; } .woocommerce-billing-fields h3 { margin-top:0; } /*.modal.modal-login p.form-row { float: left; } .modal.modal-login p.lost_password { float: right; }*/ #woocommerce_eu_vat_number h4 { display: none; } #woocommerce_location_self_certification { padding: 0; border:none; } #customer_location_self_certified_field input[type="checkbox"] { position: static; display: inline-block; width: auto; height: auto; } #vat_number_field { float: none; } .woo-cart-header .continue_shopping_link { text-decoration: underline; color:#777; line-height:45px; margin-right: 20px;} select.woocommerce-currency-switcher option { background: none !important; } table.shop_table.cart td:first-child, table.shop_table.cart th:first-child { padding-left: 0px; } a.normal-text, a.normal-text:hover { text-decoration: none; color:inherit; } .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th { padding: 8px !important; vertical-align: middle; } #myTabContent #dashboard tr:first-child td { border:none; } #myTabContent #dashboard td:first-child { padding-left:0px !important; white-space: nowrap;} #myTabContent #dashboard td:last-child { padding-right: 0px; text-align: right; } #myTabContent #dashboard table { width:auto; min-width:30%;} .mini-basket-header a, .mini-basket-header a:hover { background:#517d06 !important; } .mini-basket-header a span { margin-left: 5px; } .mini-basket-header a b { color:#fff; margin-left:0px; } .mini-basket-header a i, .my-account-header a b { display: none; font-style: normal; } .nav>li>a { padding-left: 10px; padding-right: 10px; } .nav.navbar-right>li>a { padding-left: 5px; padding-right: 10px; } .tab-right-links { padding: 8px 0px 8px 15px; float: right !important; } .tab-right-links a { padding: 0; } .woocommerce td.product-quantity { min-width: 0px; } .woocommerce th.product-quantity { width: auto; } .page-alias-cart th.product-remove { padding:0px !important; } .page-alias-cart td.product-remove { padding-left: 0px !important; } .page-alias-cart td.product-quantity { padding-right: 0px !important; } .page-alias-cart th.product-subtotal { padding-right: 0px !important; text-align: right; } .page-alias-cart .table.shop_table.cart .woocommerce-Price-amount.amount { font-size: 140%; } .page-alias-cart .cart-subtotal { display: none; } #got-coupon { display: none; } a[data-show-content="got-coupon"] { color:inherit; text-decoration: underline; padding:0.5em 0;} .install label.selected { color:#000; transition:all 1s; } .updatedTotal { -webkit-animation: fadeInFromNone 1s ease-out; -moz-animation: fadeInFromNone 1s ease-out; -o-animation: fadeInFromNone 1s ease-out; animation: fadeInFromNone 1s ease-out; } @-webkit-keyframes fadeInFromNone { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } } @-moz-keyframes fadeInFromNone { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } } @-o-keyframes fadeInFromNone { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } } @keyframes fadeInFromNone { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } } .woocommerce-billing-fields h3 small { font-size:12px; padding:8px 0;} .woocommerce-billing-fields h3 { margin-bottom: 20px; } .checkout-legend h3 { font-size:16px; margin-bottom: 10px; margin-top:0px;} .checkout-legend { font-size: 12px; line-height: 18px; margin-top: 60px; } .checkout-legend-hr { margin-top:20px; } .checkout-legend .text-muted { color: #999; } .payment_method_paypalbraintree_cards img { display: block; } /* .wc_payment_methods.payment_methods.methods li { float: left; } .wc_payment_methods.payment_methods.methods li:first-child { width: 70%; padding-right: 30px; border-right: 1px solid #ddd; } .wc_payment_methods.payment_methods.methods li:last-child { width: 30%; padding-left: 50px; } #add_payment_method #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background: transparent; padding-bottom: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; } #wc-paypal-braintree-card-number, #wc-paypal-braintree-cvv, #wc-paypal-braintree-expiration-date { background: #fff; margin-bottom: 8px; } #add_payment_method #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before { display: none; } .payment_box.payment_method_paypalbraintree_cards label { margin-bottom: 0px; } #payment.woocommerce-checkout-payment.place-order { margin-bottom: 0px; } #add_payment_method #payment, .woocommerce-checkout #payment { background: none; border:none; padding-right: 0px; padding-left: 0px; } */ /*#add_payment_method #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { padding-left: 0px; padding-right: 0px; }*/ .customer-details-holder, .payment-form-holder { background: #fafafa;padding-top:1em; } h1 .checkoud-logged-info { font-size:12px; display: inline-block; float: right; padding: 1em 0;} h1 .checkoud-logged-info span { font-size: inherit; } .page-alias-cart .order-total.recurring-total td { white-space: nowrap; } .woocommerce table.shop_table td small { font-size:12px; } .cart_totals table td, .cart_totals table th { vertical-align: top; } .order-total.recurring-total th { font-size:0px; } .label-warning { background-color: #e4830a; } .page-alias-checkout .woocommerce table.shop_table tbody td.product-name { white-space: nowrap; } .page-alias-cart footer ul.social, .page-alias-checkout footer ul.social { display: none !important; } .page-alias-cart .table.shop_table.cart .installation-service .woocommerce-Price-amount.amount { font-size:14px; } .page-alias-checkout .woocommerce table.shop_table .installation-service td, .page-alias-cart .woocommerce table.shop_table .installation-service td { border-top:none !important; /*padding-top: 0px !important;*/ } .page-alias-checkout .woocommerce table.shop_table .installation-service td.product-name { font-weight: normal; font-size:14px; } .page-alias-checkout .woocommerce table.shop_table .has-installation-service td, .page-alias-cart .woocommerce table.shop_table .has-installation-service td { padding-bottom: 0px !important; } .page-alias-cart .table.shop_table.cart .installation-service .woocommerce-Price-amount.amount { } .cart_item.installation-service.installation-service-inactive td { color:#777; } .page-alias-cart .table.shop_table.cart .installation-service.installation-service-active .woocommerce-Price-amount.amount { visibility: visible; } .woocommerce-billing-fields h3 { display: none; } .checkoud-logged-info { display: none !important; } .product-name a { color: inherit; } /*#add_payment_method #payment, .woocommerce-checkout #payment { border: none; background: none; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { border: none; padding-left: 3px;padding-right: 3px; } #add_payment_method #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before { display: none; } #add_payment_method #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { margin:0; background: none; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { padding:0; } fieldset#wc-braintree-cc-form { border: none !important; padding: 0px !important; } .woocommerce-checkout-payment#payment { margin-top:15px; } #wc-braintree-cc-form label { font-size:14px; } #wc-braintree-cc-form input[type="text"] { font-size: 14px !important; border-color: #ddd !important; box-shadow: none; } #wc-braintree-cc-form p { margin-bottom: 0px !important; } li.wc_payment_method { padding-bottom: 10px; margin-bottom: 15px !important; border-bottom:1px solid #eeeeee;} li.wc_payment_method.payment_method_bacs { margin-bottom: 0px !important; border:none !important; padding-bottom: 0px !important; } .payment_box.payment_method_bacs p, .payment_box.payment_method_paypal p, #wc-braintree-cc-form { margin-left: 17px !important; } .page-alias-checkout .woocommerce table.shop_table tbody tr:first-child td { padding-top: 0px !important; } #add_payment_method #payment .payment_method_paypal .about_paypal, .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal { display: none; } li.wc_payment_method.payment_method_paypal img { display:none !important; } .wc_payment_methods.payment_methods.methods { list-style: none; margin: 0; padding: 0; } #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row { padding-left: 0px; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { font-weight: normal; display: block; margin: 0 auto; float: none !important; } .wc_payment_method.payment_method_paypal label { font-size:0px; line-height: 0px; } .wc_payment_method.payment_method_paypal label:before { content: ''; background: url(https://www.paypalobjects.com/webstatic/en_US/i/buttons/PP_logo_h_100x26.png); width: 100px; height:26px; display: block; position: relative; top: 3px; left: 3px; } .review-order-holder { padding-left: 30px; } .loading-container { position: relative; } .loading-container:after { content: ''; position: absolute; top:0; left:0; right: 0; bottom: 0; background: rgba(255,255,255,0.9); z-index: 1} .loading-container:before { position: absolute; top: 50%; left: 50%; z-index: 2; content: ''; border: 6px solid rgba(119,183,10,0.2); border-radius: 50%; border-top: 6px solid #77b70a; width: 40px; height: 40px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; margin:-20px 0 0 -20px; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .woocommerce-billing-fields, #woocommerce_eu_vat_number { clear: both; } #wc-braintree-cc-form > p { width:25%; float: left; margin:0; } #wc-braintree-cc-form > p input { max-width: 98%; } #wc-braintree-cc-form > p:first-child { width:50%; } */ .woocommerce .order_details.well li { border:none !important; margin:0 !important; width:23%;} .nav.nav-tabs>li>a { position: relative; display: block; padding: 10px 15px !important; } #orderDetailsTabs td { padding: 6px !important; } #orderDetailsTabs td:last-child { white-space: nowrap; } #orderDetailsTabs .shop_table.customer_details { width: auto; } #orderDetailsTabs .shop_table.customer_details th { padding-left: 0px; } #orderDetailsTabs table { margin-bottom: 0px !important; } p.cart-empty { display: none; } .woocommerce .tooltip { font-size:13px; } .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select { border-color: rgb(154, 154, 154); } #place_order .glyphicon { position: relative; top: 3px; } .woocommerce-thankyou-order-received { margin:0 0 20px 0; font-size:30px; font-weight: 200; } .page-id-5832 #order_review td, .page-id-5832 #order_review th { padding-top: 8px !important; padding-bottom: 8px !important; } .page-id-5832 .product-name, #orderDetailsTabs .product-name { font-size: inherit !important; font-weight: normal !important; } #payment .wc_payment_methods.payment_methods { margin-bottom: 10px;} #orderDetailsTabs .order_details .product-name { width: auto !important; padding-left:0px !important; } table.order_details { width: auto !important; } table.order_details th { padding-left: 0px !important; } #order_review_heading a.pull-right { font-size:13px; line-height: 28px; } .shop_table.table.order_details .order_item .product-total { vertical-align: top; } .form-row.create-account { display: none !important; } #mt-bank-details { margin:0; width: auto; } #mt-bank-details td { padding: 6px !important; } #mt-bank-details tbody tr:first-child td { border:none !important; } #mt-bank-details td:first-child { font-weight: bold; } .page-alias-my-account #billing_company_field { clear: both;; } .page-alias-my-account #billing_address_2_field { float:none; } .page-alias-my-account #billing_email_field, /*.page-alias-my-account #billing_city_field-1, .page-alias-my-account #billing_postcode_field-1, */ .page-alias-my-account #billing_address_2_field { clear: both;; } .big-icon { font-size: 3em; float: left; margin: 19px 20px 45px 0; } .affiliate-registration h2 { display: none; } .affiliate-registration form { margin:0 !important; border:none !important; padding: 0 !important; } .affiliate-table td, .affiliate-table th { padding:20px 6px !important; } span.big { font-size:18px !important; } .woocommerce table.shop_table tbody .cart-discount th { font-weight: normal !important; } .woocommerce table.shop_table tbody .cart-discount th, .woocommerce table.shop_table tfoot .cart-discount td, .woocommerce table.shop_table tfoot .cart-discount th { font-weight: normal; } .page-alias-my-account .woocommerce .order_details td.product-name dl.variation dd { padding: 0px !important; margin:0px !important; } .order-item-action-buttons { margin:10px 0 20px 0; } #orderDetailsTabs #billing_address_1_field { clear: both; } #orderDetailsTabs #billing_city_field { clear: left; } #orderDetailsTabs #billing_postcode_field { clear: none; } /*#braintree-hostedfields-container header.panel__header { display:none; } #braintree-hostedfields-container .panel__content { padding:0; } #payment ul.wc_payment_methods.payment_methods.methods li .braintree-accepted-payment-methods { display:inline-block !important; margin:0; font-size:0px; } .braintree-accepted-payment-methods { margin-bottom:10px; } .braintree-accepted-payment-methods img { margin:0 !important; } .braintree-accepted-payment-methods span { margin-top:-10px !important; } #dynamic-card-form .cardinfo-wrapper { display: flex; margin-top: 10px; } #dynamic-card-form .cardinfo-wrapper .cardinfo-exp-date { margin-right:1em; } .braintree-applepay.mark { padding: 0px; background: none; } #braintree-hostedfields-container .panel { border:none; box-shadow:none; background:none; margin-bottom:0px !important; } .wc_payment_method.payment_method_braintree_payment_gateway .gateway-environment { display:none !important; } .wc_payment_method.payment_method_braintree_payment_gateway iframe { margin:0 !important; } .wc_payment_method.payment_method_braintree_payment_gateway .textfield--float-label { float:left !important; width:50% !important; padding-right:10px; } .wc_payment_method.payment_method_braintree_payment_gateway .textfield--float-label:first-child { width:100% !important; float:none !important; padding:0px; } .wc_payment_method.payment_method_braintree_payment_gateway .textfield--float-label:last-child { padding:0px !important; } li.wc_payment_method { border-bottom:none; padding: 0px 0 0 0px; margin: 0 0 0px 0 !important; } .payment_box.payment_method_braintree_payment_gateway { padding-left:20px !important; } .payment_box.payment_method_braintree_payment_gateway { padding: 10px 0 0 22px; } .payment_box.payment_method_braintree_payment_gateway .hosted-field--label { margin-bottom:0px; } .payment_box.payment_method_braintree_payment_gateway #card-number { margin-bottom:5px; } .payment_box.payment_method_braintree_payment_gateway .hosted-field { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; margin-top:4px; } .bg-illustration { display: none; } #braintree-hostedfields-container .card-container { background: none; border: none; } #braintree-hostedfields-container #dynamic-card-form { width: 100%; box-shadow: none; padding: 0px; margin: 10px 0 5px 0; background: none; transition: none; animation: none; } #braintree-hostedfields-container h1 { display: none; } #braintree-hostedfields-container .input-wrapper { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; margin-top:4px; } .braintree-hosted-fields-invalid { border-color: red !important; } .braintree-accepted-payment-methods { margin-left:10px !important; } .save-card-info { display: none !important; } #braintree-hostedfields-container .custom-form-checkout-loader h1 { display: block; } */ .magiczoomplus-example.tryit .Magic360, .magiczoomplus-example.tryit .Magic360-container { border:none !important; } .reviewBody { clear: both; position: relative; top: 0px; } .wpcr3_rating_stars .wpcr3_rating_style1_score a { text-indent: -5000px; font-size:0px;} .my-account-has-orders h2 { display: none; } section#review-block { margin-top:20px; } /* bundle */ .wcpb-cart-item-container { font-size:14px; font-weight: normal; color:#777; } .wcpb-cart-item-container a { text-decoration: underline; } .supported-blocks ul { list-style: none; padding-left:20px;} div a[data-thumb-id="example1"] { margin-top: 3px; } .video-thumbnail img { max-height: 70px; } .sample-box .app-demo .thumbnails { padding-top: 10px; } td > .MagicThumb > img, td > .MagicThumb.magic-for-ie8 > img { max-width: 100% !important; } #payment ul.wc_payment_methods.payment_methods.methods li .braintree-accepted-payment-methods:after { content: ''; width: 71px; height: 22px; background: url(https://magictoolbox.sirv.com/images/misc/braintree-payments.png?crop.height=50%&crop.y=25%&scale.height=44); display: inline-block; vertical-align: middle; margin-top: -10px !important; margin-left: 10px !important; } .h1-container .top-rating { line-height: 30px; font-size: 0px; text-align: left; } .h1-container .top-rating div.wpcr3_aggregateRating_ratingValue { padding-left: 20px; } .payment_method_gourlpayments img { display:none !important; } #scroll-html-content .mcs-item { white-space:normal !important; } .flexy { display: flex; align-items: center; } .example-container .selectors { margin:10px 0; } .showcase-section .panel-body { padding-left: 0px; padding-right: 0px; } .showcase-section .button-container { padding-left: 0px; padding-right: 0px; } .showcase-section .button-container a { margin:5px; } .form-row.terms.wc-terms-and-conditions { float: none !important; text-align: center !important; } .wc_payment_methods.payment_methods.methods { margin-bottom: 0px !important; } .terms label { font-weight: normal !important; } /*.policy-checkbox { margin-bottom: 20px !important; }*/ .policy-checkbox input { top: 0; position: relative !important; width: auto !important; border: none !important; box-shadow: none !important; } .woocommerce form .form-row.woocommerce-invalid label { color:inherit !important; } .recaptchaline { margin-bottom: 15px; } /*.page-id-114 .mz-figure.mz-active > img { filter: none !important; -webkit-filter: none !important; } .page-id-114 .mz-lens img { display: none; } .page-id-114 .mz-lens { background: rgba(255, 255, 255, 0.3); } .page-id-114 .mz-lens { border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: none; } .page-id-114 a[data-zoom-id] img, .page-id-114 .mz-thumb img { box-shadow: 0 0 1px 0px rgba(0,0,0,0.1); opacity: 0.5; } .page-id-114 .mz-thumb:hover:not(.mz-thumb-selected) img { -webkit-filter: none !important; filter: none !important; opacity: 1 !important; } .page-id-114 .mz-thumb-selected img { -webkit-filter: none !important; filter: none !important; opacity: 1 !important; }*/ .small-banners-holder { display: flex; justify-content: center;} .well.small-banner { background: white; flex-basis: 350px; border: 1px solid #e3e3e3 !important; margin: 0 40px; } .well.small-banner .col-lg-8 { text-align: left; } .well.small-banner .product-name { font-size: 18px; display: block; margin-bottom: 10px; } @media only screen and (max-width: 767px) { .small-banners-holder { flex-direction: column; } .well.small-banner { background: white; flex-basis: 100%; margin:20px 0; } .well.small-banner .col-lg-8 { text-align: center; } } span.counter { white-space: nowrap; } .MagicScroll.headline .mcs-item { font-size:12px !important; } .recaptchaline > div, .recaptchaline iframe { max-width: 100%; } .form-group.btn-ora-block { margin-bottom: 0px; } .form-group.btn-ora-block input { font-size:20px; width: 100%; text-align: center;} div.wpcf7 .ajax-loader { position: absolute; } .form-group.btn-ora-block input { font-size: 20px; width: 100%; text-align: center; } #main-home-promo-carousel .carousel-indicators li { width: 44px !important; height: 3px !important; margin: 0px 4px; border: 0; background-color: rgba(134, 134, 134, 0.55); color: #bdbdbd; } #main-home-promo-carousel .carousel-indicators li:after { content: ""; display: block; height: 100%; padding: 10px 0; transform: translateY(-50%); } @media only screen and (max-width: 767px) { #main-home-promo-carousel .carousel-indicators li { width: 36px !important; } #main-home-promo { margin-bottom: 40px; } } .zoom-spin-view .selectors { margin: 0 auto; } #scroll-html-content .mcs-item { font-size: 13px; } .nav.navbar-nav .magicsuite .badge { border-radius: 3px; text-transform: uppercase; background: #fd9a1e; padding: 4px 4px 3px 4px; } .page-id-140342 #affix-top-menu { display: none !important; } .page-alias-magicsuite #container, .page-alias-magic-suite #container { max-width: none !important; } #ex-positions-images-grid { max-width:none; margin:0 auto; float:none; } #ex-positions-images-grid a { margin-bottom:5px; } .banner.banner-m360 { margin-bottom: 20px; } @-moz-document url-prefix() { .mz-expand-bg { display: none !important; } } .wc_payment_methods.payment_methods.methods { padding-top:0 !important; padding-bottom:0 !important; } .about_paypal { display:none; } label[for="payment_method_paypal"] img { display:none; } .woocommerce-checkout #payment { margin-top:10px; } .woocommerce-terms-and-conditions-checkbox-text { font-weight: normal; } input#terms { position:relative; } .woocommerce-terms-and-conditions-wrapper { text-align:center; } .wc_payment_methods.payment_methods.methods { border:none !important; } .form-row.place-order { padding-top:0 !important ; } ul.payment_methods li { padding-bottom:0 !important; margin-bottom:0 !important; } .form-row.place-order { text-align: center; } button#place_order { float: none !important; } .woocommerce-terms-and-conditions-wrapper p { margin-bottom:0 !important; padding-bottom:0 !important; } .woocommerce-error::before { top:50%; transform:translateY(-50%); } #billing_company_field { clear: both; } #customer_details label { margin-bottom: 0; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 32px; color: #555; } .select2-container--default .select2-selection--single { height: auto; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);} .select2-dropdown { border: 1px solid #ccc; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 32px; } #orderDetailsTabs .order_item .wc-item-meta { padding-left: 0; } #orderDetailsTabs .order_item .wc-item-meta li { margin:0; } .wc-braintree-cc-container > .row:last-child .cvv-container { margin-bottom:0 !important; } .app-demo .selectors { margin-top: 15px; } .app-demo .selectors .mz-thumb + .mz-thumb { margin-left: 5px; } #zoom-placeholder { position: fixed; z-index: 100; bottom: 25px; left: 10px; width: 250px; height: 250px; pointer-events: none; } #ex-positions .app-demo #ex-positions-images-grid { font-size: 0; float: none; margin: 0 auto; } #ex-positions .app-demo .MagicZoom { margin: 0 0 0px 15px; max-width: 46%; } #ex-positions .app-demo .MagicZoom:nth-child(1n+3) { margin-top: 15px; } #ex-positions .app-demo .MagicZoom:nth-child(odd) { margin-left: 0; } #ex-mode-preview .app-demo #ex-mode-preview-images { font-size: 0; } #ex-mode-preview .app-demo .MagicZoom { margin: 0 0 0px 10px; max-width: 46%; } #ex-mode-preview .app-demo .MagicZoom:nth-child(1n+3) { margin-top: 10px; } #ex-mode-preview-placeholder { position: relative; } #api-sample button { width: 96px; margin-bottom: 5px; } #api-sample #api-controls { margin-bottom: 30px; } .app-demo .prettyprint { text-align:left; } .live-demos { margin-bottom:20px !important; } #profile_terms_field .form-control { width:auto; height:auto; } #profile_terms_field span { display: block; text-align: center; } #profile_terms_field label { font-weight:normal; } #profile_terms_field input { position:static; }