/* The Nivo Slider styles */ /*.nivoSlider{ position:relative; margin: auto; height: 100%; background:url(../img/shortcodes/loading.gif) no-repeat 50% 50%; } .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } .nivo-slice { display:block; position:absolute; z-index:5; height:100%; } .nivo-box { display:block; position:absolute; z-index:5; } .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; width:100%; z-index:8; } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } .nivo-directionNav{ position:absolute; top: 40%; left:0; width: 100%; height:53px; z-index: 10; } .nivo-directionNav a { position:absolute; top: 10%; z-index:9; width:80px; height:90px; cursor:pointer; display:block; background-repeat:no-repeat; } .nivo-directionNav a:hover { -webkit-opacity: .9; -moz-opacity: .9; opacity: .9; } .nivo-prevNav { background-position: left top; left:-27px; } .nivo-nextNav { background-position: right top; right:-27px; }*/ /* * jQuery Nivo Slider v2.7.1 * http://nivo.dev7studios.com * * Copyright 2011, Gilbert Pellegrom * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php * * March 2010 */ /* The Nivo Slider styles */ .nivoSlider { position:relative; height: 346px; } .nivoSlider img { position:absolute; top:0px; left:0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; } .nivo-box { display:block; position:absolute; z-index:5; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:8; } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; z-index:9; cursor:pointer; text-align: center; text-indent: -9999px; background-repeat: no-repeat; } .nivo-prevNav, .nivo-nextNav{ background-image: url(../img/shortcodes/arrowsAS.png); height: 30px; width: 30px; } .nivo-prevNav { left:0px; background-position: left top; } .nivo-nextNav{ right:0px; background-position: right top; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position:relative; z-index:9; cursor:pointer; } .nivo-directionNav a:hover { opacity: .8; } .nivo-controlNav a.active { font-weight:bold; } /* AnythingSlider v1.7+ Default (base) theme By Chris Coyier: http://css-tricks.com with major improvements by Doug Neiner: http://pixelgraphics.us/ based on work by Remy Sharp: http://jqueryfordesigners.com/ */ /***************************** SET DEFAULT DIMENSIONS HERE *****************************/ /* change the ID to match your slider */ /* Opera width restriction */ .anythingBase { max-width: 32766px; width: 100%; list-style: none; height: 100%; } /***************** SET COLORS HERE *****************/ /**** Default state (no keyboard focus) ****/ /* slider window - top & bottom borders, default state */ div.anythingSlider .anythingWindow { } /* Navigation buttons, default state */ div.anythingSlider .anythingControls ul a.cur, div.anythingSlider .anythingControls ul a { background: #777; color: #000; } /* start-stop button, stopped, default state */ div.anythingSlider .start-stop { background-color: #040; color: #fff; } /* start-stop button, playing, default state */ div.anythingSlider .start-stop.playing { background-color: #800; } /* start-stop button, default hovered text color (when visible) */ div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { color: #ddd; } /**** Active State (slider has keyboard focus) ****/ /* slider window - top & bottom borders, active state */ div.anythingSlider.activeSlider .anythingWindow { border-color: #7C9127; } /* Navigation buttons, active state */ div.anythingSlider.activeSlider .anythingControls ul a.cur, div.anythingSlider.activeSlider .anythingControls ul a { background-color: #f0f; } /* start-stop button, stopped, active state */ div.anythingSlider .start-stop { background-color: #080; color: #fff; } /* start-stop button, playing, active state */ div.anythingSlider .start-stop.playing { background-color: #d00; } /* start-stop button, active slider hovered text color (when visible) */ div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { color: #fff; } /*********************** COMMON SLIDER STYLING ***********************/ /* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */ div.anythingSlider { display: block; height: 346px; margin: 0 auto; position: relative; } /* anythingSlider viewport window */ div.anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 346px; background: #CCC; background: url(../img/pattern_059.png); border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 1); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 1); } /* anythingSlider base (original element) */ .anythingBase { background: transparent; list-style: none; position: absolute; overflow: visible !important; top: 0; left: 0; margin: 0; padding: 0; } /* all panels inside the slider */ .anythingBase .panel { background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0; } .anythingBase .panel.vertical { float: none; } /* Navigation Arrows */ div.anythingSlider .arrow { top: 15px; position: absolute; display: block; } div.anythingSlider .arrow a { display: block; height: 30px; width: 30px; text-align: center; outline: 0; background-image: url(../img/shortcodes/arrowsAS.png); background-repeat: no-repeat; } div.anythingSlider .arrow a:hover{ -webkit-opacity: .7; -moz-opacity: .7; opacity: .7; } /* hide text, target the span so IE7 doesn't text-indent the link */ div.anythingSlider .arrow a span { display: block; text-indent: -9999px; } /* back arrow */ div.anythingSlider .back { left: -27px; } div.anythingSlider .back a { background-position: left top; } /*div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: left -140px; }*/ div.anythingSlider .back.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */ /* forward arrow */ div.anythingSlider .forward { right: -27px; } div.anythingSlider .forward a { background-position: right top; } /*div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: right -140px; }*/ div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */ /* Navigation Links */ div.anythingSlider .anythingControls { outline: 0; display: none; } div.anythingSlider .anythingControls ul { margin: 0; padding: 0; float: left; } div.anythingSlider .anythingControls ul li { display: inline; } div.anythingSlider .anythingControls ul a { font: 11px/18px Georgia, Serif; display: inline-block; text-decoration: none; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background-image: url(../images/default.png); background-position: center -288px ; background-repeat: repeat-x; text-align: center; outline: 0; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } div.anythingSlider .anythingControls ul a:hover { background-image: none; } /* Navigation size window */ div.anythingSlider .anythingControls .anythingNavWindow { overflow: hidden; float: left; } /* slider autoplay right-to-left, reverse order of nav links to look better */ div.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */ div.anythingSlider.rtl .anythingControls ul { float: left; } /* move nav link group to left */ div.anythingSlider.rtl .anythingWindow { direction: ltr; unicode-bidi: bidi-override; } /* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */ /* Autoplay Start/Stop button */ div.anythingSlider .start-stop { background-image: url(../images/default.png); background-position: center -288px; background-repeat: repeat-x; padding: 2px 5px; width: 40px; text-align: center; text-decoration: none; float: right; z-index: 100; outline: 0; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } /* hide cell shading on hover - makes the button appear to come forward */ div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; } /* probably not necessary, but added just in case */ div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop { transition-duration: 0s; -o-transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; } /******************/ /* Content slider */ /******************/ div.anythingSlider .contentSlide img, div.anythingSlider .info_content{ position: absolute; } div.anythingSlider .contentSlide img{ width: 200px; height: 200px; border-radius: 5px; border: 1px solid #999; background: #e7e7e7; padding: 5px; top: 18%; right: 5%; } div.anythingSlider .info_content{ text-shadow: none; top: 5%; left: 5%; width: 60%; color: #333; } div.anythingSlider .info_content h1{ padding-bottom: 20px; } div.anythingSlider .info_content p{ text-align: justify; } div.anythingSlider .info_content .more-link{ margin: 0!important; } /*************/ /* Accordion */ /*************/ ul#accordion-slider{ padding: 0; list-style: none; position: relative; background-color:none; margin: 0 auto; } ul#accordion-slider li{ display: block; overflow: hidden; padding: 0; float: left; width: 229px; } /* STYLES FOR THE IMAGE DESCRIPTIONS IN THE PIECEMAKER IMAGE GALLERY BY MODULARWEB */ headline { display: block; font-size: 20; color: #FFFFFF; } paragraph { display: block; color: #80B2E4; } inline { display: inline; color: #80B2E4; } break { font-size: 7; display:block; } /******************/ /* feature slider */ /******************/ /* * TsSlider jQuery Plugin * * Copyright 2012 DesignShock * * * * */ /* BORDER 0 * =========================== */ .tg-border-0 { padding: 0.8% 0.8% 0.01% 0.8%; background: #f8f8f8; position: relative; border: 1px solid #bbb; } .tg-border-0::before { -webkit-transform: rotate(-1.5deg); -moz-transform: rotate(-1.5deg); -ms-transform: rotate(-1.5deg); -o-transform: rotate(-1.5deg); transform: rotate(-1.5deg); top: 0; z-index: -1; } .tg-border-0::after { -webkit-transform: rotate(1.5deg); -moz-transform: rotate(1.5deg); -ms-transform: rotate(1.5deg); -o-transform: rotate(1.5deg); transform: rotate(1.5deg); top: 0; z-index: -1; } .tg-border-0::before, .tg-border-0::after { background: #f8f8f8; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 ); border: 1px solid #bbb; content: ''; display: block; height: 100%; width: 100%; left: -1px; position: absolute; } /* BORDER 1 * ===================== */ .tg-border-1 { padding: 0.8% 0.8% 0.01% 0.8%; background: #e4e1d6; border: 1px solid #eee; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .7); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .7); box-shadow: 0 0 4px rgba(0, 0, 0, .7); } .tg-border-1::before { -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -ms-transform: rotate(-1deg); -o-transform: rotate(-1deg); transform: rotate(-1deg); top: 0; z-index: -1; } .tg-border-1::after { -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -ms-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); top: 0; z-index:-1; } .tg-border-1::before, .tg-border-1::after { background: #e4e1d6; border: 1px solid #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .7); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .7); box-shadow: 0 0 4px rgba(0, 0, 0, .7); content: ''; display: block; width: 100%; height: 100%; left: -1px; position: absolute; } .tg-border-1 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left:10px !important; width:40px !important; } .tg-border-1 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right:10px !important; width:40px !important; } .tg-border-1 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-1 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /* BORDER 2 * ================== */ .tg-border-2 { padding: 0.8% 0.8% 0.01% 0.8%; background: #f2e8c7; border: 1px solid #f6edd6; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tg-border-2::before { -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -ms-transform: roatte(-1deg); -o-transform: rotate(-1deg); transform: rotate(-1deg); top: 0; background: #f68062; border: 1px solid #f9b29d; } .tg-border-2::after { -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -ms-transform: rotate(1deg); -o-transform: roatate(1deg); transform: rotate(1deg); top: 0; background: #bfe6e0; border: 1px solid #daece4; } .tg-border-2::after, .tg-border-2:before { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; content: ''; display: block; width: 100%; height: 100%; left: -1px; position: absolute; z-index:-1; } .tg-border-2 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-2 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-2 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-2 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /* BORDER 3 * ==================== */ .tg-border-3 { padding: 0.8% 0.8% 0.01% 0.8%; background: #fedb67; border: 1px solid #d4ac71; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /*.tg-border-3::before { top: -9px; z-index: -1; background: #ec843b; border: 1px solid #f2a658; } .tg-border-3::before { content: ''; display: block; width: 102%; height: 103%; left: -9px; position: absolute; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .7); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .7); border-radius: 0 1px 3px rgba(0, 0, 0, .7); }*/ .tg-border-3 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-3 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-3 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-3 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /* BORDER 4 * ===================== */ .tg-border-4 { padding: 0.8% 0.8% 0.01% 0.8%; background: #f4f5f7; border: 1px solid #b9cede; position: relative; } .tg-border-4::before { -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -ms-transform: roatte(-1deg); -o-transform: rotate(-1deg); transform: rotate(-1deg); top: 0; z-index: -1; background: #33638f; border: 1px solid #33638f; } .tg-border-4::after { -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -ms-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); top: 0; z-index: -1; background: #e2e5e6; border: 1px solid #e2e5e6; } .tg-border-4::after, .tg-border-4::before { width: 100%; height: 100%; content: ''; display: block; position: absolute; left: -1px; } .tg-border-4 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-4 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-4 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-4 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /* BORDER 5 * ==================== */ .tg-border-5 { padding: 0.8% 0.8% 0.01% 0.8%; background: #f8f8f8; border: 1px solid #bbb; position: relative; } .tg-border-5 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-5 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-5 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-5 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /*.tg-border-5::before { -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -ms-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); z-index: -1; bottom: -1px; left: 14px; position: absolute; width: 98%; height: 2%; content: ''; display: block; background: #f8f8f8; border: 1px solid #bbb; } .tg-border-5::after { -webkit-transform: rotate(1.3deg); -moz-transform: rotate(1.3deg); -ms-transform: rotate(1.3deg); -o-transform: rotate(1.3deg); transform: rotate(1.3deg); z-index: -2; bottom: -6px; left: 8px; position: absolute; width: 98%; height: 2%; content: ''; display: block; background: #f8f8f8; border: 1px solid #bbb; }*/ /* BORDER 6 * ==================== */ .tg-border-6 { padding: 0.8% 0.8% 0.01% 0.8%; background: #f8f8f8; border: 1px solid #bbb; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 20px 31px -30px rgba(0, 0, 0, .9); -moz-box-shadow: 0 20px 31px -30px rgba(0, 0, 0, .9); box-shadow: 0 20px 31px -30px rgba(0, 0, 0, .9); } .tg-border-6 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-6 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-6 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-6 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /* BORDER 7 * ===================== */ .tg-border-7 { padding: 0.8% 0.8% 0.01% 0.8%; background: #f8f8f8; border: 1px solid #bbb; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 9px 2px rgba(0, 0, 0, .7), -2px 0 9px -5px rgba(0, 0, 0, .7) !important; -moz-box-shadow: 0 0 9px 2px rgba(0, 0, 0, .7), -2px 0 9px -5px rgba(0, 0, 0, .7) !important; box-shadow: 0 0 9px 2px rgba(0, 0, 0, .7), -2px 0 9px -5px rgba(0, 0, 0, .7) !important; } .tg-border-7 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 2px 4px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 2px 4px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 2px 4px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 2px 4px rgba(0,0,0,.5)); filter: drop-shadow(0 2px 4px rgba(0,0,0,.5)); left: 10px !important; } .tg-border-7 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 2px 4px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 2px 4px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 2px 4px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 2px 4px rgba(0,0,0,.5)); filter: drop-shadow(0 2px 4px rgba(0,0,0,.5)); right: 10px !important; } .tg-border-7 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-7 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /* BORDER 8 * ===================== */ .tg-border-8 { padding: 0.8% 0.8% 0.01% 0.8%; background: #f8f8f8 !important; border: 1px solid #bbb; position: relative; } .tg-border-8 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-8 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-8 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-8 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /* BORDER 9 * ================ */ .tg-border-9 { padding: 0.8% 0.8% 0.01% 0.8%; -webkit-box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, .7); -moz-box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, .7); box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, .7); background: #ddd; background: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); background-image: -webkit-linear-gradient(#BFDC7A, #8EBF45) !important; background-image: -moz-linear-gradient(#BFDC7A, #8EBF45) !important; background-image: -o-linear-gradient(#BFDC7A, #8EBF45) !important; background-image: -ms-linear-gradient(#BFDC7A, #8EBF45) !important; background-image: linear-gradient(#BFDC7A, #8EBF45) !important; position: relative; } .tg-border-9 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-9 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-9 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-9 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /* BORDER 10 * ================== */ .tg-border-10 { padding: 0.8% 0.8% 0.01% 0.8%; background: #666 !important; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 8px 20px -10px rgba(0, 0, 0, .7); -moz-box-shadow: 0 8px 20px -10px rgba(0, 0, 0, .7); box-shadow: 0 8px 20px -10px rgba(0, 0, 0, .7); } .tg-border-10::before { content: ''; position: absolute; top: 0; right: 0; border-width: 0 16px 16px 0; border-style: solid; border-color: white white #658E15 #658E15; background: #4e4e4e; -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, .4); -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, .4); box-shadow: -1px 1px 1px rgba(0, 0, 0, .4); display: block; width: 0; } .tg-border-10::before { border-width: 8px; border-color: #D0D0D0 #D0D0D0 transparent transparent; -webkit-border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; } .tg-border-10 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-10 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-10 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-10 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /* BORDER 11 * ================== */ .tg-border-11 { padding: 0.8% 0.8% 0.01% 0.8%; background-image: -webkit-linear-gradient(left, rgba(255, 85, 91, .2), rgba(255, 85, 91, .2)), -webkit-linear-gradient(left, rgba(255, 85, 91, .8), rgba(255, 85, 91, .8)), -webkit-linear-gradient(top, white 0px, white 69px, rgba(255, 255, 255, 0) 70px), -webkit-repeating-linear-gradient(white 0px, white 18px, #A6FFED 19px, white 20px) !important; background-image: -moz-linear-gradient(left, rgba(255, 85, 91, .2), rgba(255, 85, 91, .2)), -moz-linear-gradient(left, rgba(255, 85, 91, .8), rgba(255, 85, 91, .8)), -moz-linear-gradient(top, white 0px, white 69px, rgba(255, 255, 255, 0) 70px), -moz-repeating-linear-gradient(white 0px, white 18px, #A6FFED 19px, white 20px) !important; background-image: -ms-linear-gradient(left, rgba(255, 85, 91, .2), rgba(255, 85, 91, .2)), -ms-linear-gradient(left, rgba(255, 85, 91, .8), rgba(255, 85, 91, .8)), -ms-linear-gradient(top, white 0px, white 69px, rgba(255, 255, 255, 0) 70px), -ms-repeating-linear-gradient(white 0px, white 18px, #A6FFED 19px, white 20px) !important; background-image: -o-linear-gradient(left, rgba(255, 85, 91, .2), rgba(255, 85, 91, .2)), -o-linear-gradient(left, rgba(255, 85, 91, .8), rgba(255, 85, 91, .8)), -o-linear-gradient(top, white 0px, white 69px, rgba(255, 255, 255, 0) 70px), -o-repeating-linear-gradient(white 0px, white 18px, #A6FFED 19px, white 20px) !important; background-image: linear-gradient(left, rgba(255, 85, 91, .2), rgba(255, 85, 91, .2)), linear-gradient(left, rgba(255, 85, 91, .8), rgba(255, 85, 91, .8)), linear-gradient(top, white 0px, white 69px, rgba(255, 255, 255, 0) 70px), repeating-linear-gradient(white 0px, white 18px, #A6FFED 19px, white 20px) !important; background-size: 1px, 1px, auto, auto 20px; background-repeat: repeat-x, repeat-y, no-repeat, repeat !important; background-position: 90% 0px, 10% 0px, 0 0, 0 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2); box-shadow: 0 0 10px rgba(0, 0, 0, .2); } .tg-border-11 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-11 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-11 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-11 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /* BORDER 12 * ===================== */ .tg-border-12 { padding: 18px 18px 1px 18px; background: url(../img/blue-bg.jpg) !important; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tg-border-12 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-12 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-12 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-12 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } .tg-border-12::before { content: ''; width: 98.1%; height: 96.7%; position: absolute; top: 1.7%; left: 1%; background: rgba(255, 255, 255, .2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2), 0 0 1px 0 rgba(255, 255, 255, 1) inset; -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2), 0 0 1px 0 rgba(255, 255, 255, 1) inset; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2), 0 0 1px 0 rgba(255, 255, 255, 1) inset; } /* BORDER 13 * =============================== */ .tg-border-13 { padding: 0.8% 0.8% 0.01% 0.8%; background: #eee !important; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .7) inset; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .7) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, .7) inset; } .tg-border-13 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-13 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-13 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-13 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /* BORDER 14 * ======================= */ .tg-border-14 { padding: 0.8% 0.8% 0.01% 0.8%; background: -webkit-radial-gradient(left, circle, #f0f0f0, #74a9ad) !important; /* NOTE: Radial Gradient for other browsers */ -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, .7); -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, .7); box-shadow: 0 1px 3px rgba(34, 25, 25, .7); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .tg-border-14 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-14 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-14 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-14 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /* BORDER 15 * ==================== */ .tg-border-15 { padding: 0.8% 0.8% 0.01% 0.8%; background: url(../img/old-bg.jpg) !important; -webkit-box-shadow: 0 0 9px 2px rgba(0, 0, 0, .7), -2px 0 9px -5px rgba(0, 0, 0, .7); -moz-box-shadow: 0 0 9px 2px rgba(0, 0, 0, .7), -2px 0 9px -5px rgba(0, 0, 0, .7); box-shadow: 0 0 9px 2px rgba(0, 0, 0, .7), -2px 0 9px -5px rgba(0, 0, 0, .7); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .tg-border-15 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-15 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-15 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-15 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /* BORDER 16 * ===================== */ .tg-border-16 { padding: 0.8% 0.8% 0.01% 0.8%; background: #ececec; background: -webkit-linear-gradient(top, white, #dfdfdf 50%, #cecece) !important; background: -ms-linear-gradient(top, white, #dfdfdf 50%, #cecece) !important; background: -moz-linear-gradient(top, white, #DFDFDF 50%, #CECECE) !important; background: -o-linear-gradient(top, white, #dfdfdf 50%, #cecece) !important; background: linear-gradient(top, white, #dfdfdf 50%, #cecece) !important; border: 1px solid white; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.45), 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .2); box-shadow: 0 0 5px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .45); } .tg-border-16 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-16 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-16 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-16 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /* BORDER 17 * ======================== */ .tg-border-17 { padding: 1.4% 2% 0.4% 2%; border: 1px solid #ccc; background: #e1e1e3 !important; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .tg-border-17::before { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); bottom: 1%; right: -1%; /* -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, .7); -moz-box-shadow: 0 0 15px 5px rgba(0, 0, 0, .7); box-shadow: 0 0 15px 5px rgba(0, 0, 0, .7);*/ } .tg-border-17::after { -webkit-transform: rotate(87deg); -moz-transform: rotate(87deg); -ms-transgorm: rotate(87deg); -o-transform: rotate(87deg); transform: rotate(87deg); bottom: 43.5%; right: -24.5%; /* -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, .7); -moz-box-shadow: 0 0 15px 5px rgba(0, 0, 0, .7); box-shadow: 0 0 15px 5px rgba(0, 0, 0, .7);*/ } .tg-border-17::after, .tg-border-17::before { width: 50%; height: 0; position: absolute; content: ''; display: block; background: rgba(0, 0, 0, .1); z-index: -1; } .tg-border-17 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-17 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-17 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-17 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /* BORDER 18 * =================== */ .tg-border-18 { padding: 0.8% 0.8% 0.01% 0.8%; background: white !important; position: relative; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2) !important; -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2) !important; box-shadow: 0 2px 6px rgba(0, 0, 0, .2) !important; } .tg-border-18 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-18 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-18 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-18 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /* BORDER 19 * ================== */ .tg-border-19 { padding: 0.8% 0.8% 0.01% 0.8%; background: #f8f8f8 !important; border: 1px solid white; -webkit-box-shadow: 0 0 0 1px #bbb !important; -moz-box-shadow: 0 0 0 1px #bbb !important; box-shadow: 0 0 0 1px #bbb !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tg-border-19 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-19 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-19 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-19 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /* BORDER 20 * ================= */ .tg-border-20 { padding: 0.8% 0.8% 0.01% 0.8%; background: white !important; border: none; -webkit-box-shadow: 0 12px 9px -6px rgba(0, 0, 0, .7) !important; -moz-box-shadow: 0 12px 9px -6px rgba(0, 0, 0, .7) !important; box-shadow: 0 12px 9px -6px rgba(0, 0, 0, .7) !important; } .tg-border-20 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-20 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-20 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-20 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /* BORDER 21 * ================= */ .tg-border-21 { padding: 0.8% 0.8% 0.01% 0.8%; background: white !important; border: 1px solid #979797; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3) !important; -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3) !important; -0-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3) !important; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3) !important; } .tg-border-21 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-21 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-21 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-21 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /* BORDER 22 - iPhone * ===================== */ .tg-border-22 { padding: 48px 57px 38px 57px; background: #000 !important; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 40px 80px 430px #111 inset !important; -moz-box-shadow: 40px 80px 430px #111 inset !important; box-shadow: 40px 80px 430px #111 inset !important; border: 2px solid #747371; } .tg-border-22 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-22 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-22 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-22 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /* BORDER 23 * =================== */ .tg-border-23 { padding: 0.8% 0.8% 0.01% 0.8%; background: #f8f8f8 !important; border: 1px solid #C2C0B8; -webkit-box-shadow: 0 0 60px 10px rgba(0, 0, 0, .1) inset, 0 5px 0 -4px white, 0 5px 0 -3px #C2C0B8, 0 11px 0 -8px white, 0 11px 0 -7px #C2C0B8, 0 17px 0 -12px white, 0 17px 0 -11px #C2C0B8 !important; -moz-box-shadow: 0 0 60px 10px rgba(0, 0, 0, .1) inset, 0 5px 0 -4px white, 0 5px 0 -3px #c2c0b8, 0 11px 0 -8px white, 0 11px 0 -7px #c2c0b8, 0 17px 0 -12px white, 0 17px 0 -11px #c2c0b8 !important; box-shadow: 0 0 60px 10px rgba(0, 0, 0, .1) inset, 0 5px 0 -4px white, 0 5px 0 -3px #c2c0b8, 0 11px 0 -8px white, 0 11px 0 -7px #c2c0b8, 0 17px 0 -12px white, 0 17px 0 -11px #c2c0b8 !important; } .tg-border-23 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-23 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-23 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-23 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /* BORDER 24 * =================== */ .tg-border-24 { padding: 0.8% 0.8% 0.01% 0.8%; background: -webkit-gradient(linear, 0% 20%, 0% 100%, from(white), to(white), color-stop(.2, #F2F2F2)) !important; /* NOTE: Add the styles for other browsers */ border: 1px solid #999; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3) !important; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3) !important; box-shadow: 0 0 10px rgba(0, 0, 0, .3) !important; -webkit-border-radius: 60px 5px; -moz-border-radius: 60px 5px; border-radius: 5px; } .tg-border-24 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-24 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-24 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-24 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /* BORDER 25 * ==================== */ .tg-border-25 { padding: 15px; background: white !important; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset !important; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset !important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset !important; border: 1px solid white; } .tg-border-25 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-25 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-25 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-25 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /*** Boxes CSs ***/ /*.blog_boxes.tg-border-1, .blog_boxes.tg-border-2, .blog_boxes.tg-border-3, .blog_boxes.tg-border-4, .blog_boxes.tg-border-5, .blog_boxes.tg-border-6, .blog_boxes.tg-border-7, .blog_boxes.tg-border-8, .blog_boxes.tg-border-9, .blog_boxes.tg-border-35, .blog_boxes.tg-border-11, .blog_boxes.tg-border-12, .blog_boxes.tg-border-13, .blog_boxes.tg-border-14{ margin-bottom: 20px!IMPORTANT; } div.boxes div.reset_boxes{ background-image: none; } div.blog_boxes.reset_boxcss .container_posts_pieces, div.blog_boxes.reset_boxcss .post_corner, div.blog_boxes.reset_boxcss .post_topbottom, div.blog_boxes.reset_boxcss .post_corner, div.blog_boxes.reset_boxcss .post_sides, div.blog_boxes.reset_boxcss .post_token_left, div.blog_boxes.reset_boxcss .post_token_right, div.blog_boxes.reset_boxcss .post_token_bottom{ background-image: none!important; } .container_fboxes .boxes{ width: auto!important; }*/ .tg-border-26{ background: #fff !important; display: block; padding: 20px; border-radius: 2px 2px 2px 2px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset !important; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset !important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset !important; } .tg-border-26 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-26 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-26 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-26 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /*border 27*/ .tg-border-27{ background: #eee !important; display: block; padding: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 1px 1px 0 #c7c7c7 !important; -moz-box-shadow: inset 0 1px 1px 0 #c7c7c7 !important; box-shadow: inset 0 1px 1px 0 #c7c7c7 !important; } .tg-border-27 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-27 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-27 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-27 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /*border28*/ .tg-border-28{ background: rgba(255,255,255,0.3) !important; padding: 20px; box-shadow: 0 0 8px 0 rgba(0,0,0,0.2), inset 0 0 1px 0 rgba(255,255,255,1) !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: 1px 1px 3px rgba(0,0,0,0.3); } .tg-border-28 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-28 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-28 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-28 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /*border 29*/ .tg-border-29{ display: block; padding: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3) !important; -moz-box-shadow: 0 0 15px rgba(0,0,0,0.3) !important; box-shadow: 0 0 15px rgba(0,0,0,0.3) !important; background-color: #ccc !important; border: 1px solid #eee; } .tg-border-29 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-29 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-29 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-29 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /*border 30*/ .tg-border-30{ display: block; padding: 20px; overflow: hidden; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff !important; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2) !important; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2) !important; box-shadow: 1px 1px 2px rgba(0,0,0,0.2) !important; } .tg-border-30 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-30 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-30 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-30 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /*border 21*/ .tg-border-31 { display: block; padding: 19px; background: #f3f3f3 !important; border: 1px solid #fff; border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important; } .tg-border-31 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-31 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-31 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-31 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /*border 32*/ .tg-border-32{ background: #FFFFFF; background: -moz-linear-gradient(0deg, #F5F5F5 0%, #FFF 25%, #FFF 75%, #F5F5F5 100%) !important; background: -ms-linear-gradient(0deg, #F5F5F5 0%, #FFF 25%, #FFF 75%, #F5F5F5 100%) !important; background: -webkit-linear-gradient(0deg, #F5F5F5 0%, #FFF 25%, #FFF 75%, #F5F5F5 100%) !important; background: linear-gradient(0deg, #F5F5F5 0%, #FFF 25%, #FFF 75%, #F5F5F5 100%) !important; border: 1px solid #777777; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5) !important; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5) !important; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5) !important; padding: 19px; position: relative; } .tg-border-32:before, .tg-border-32:after { top: auto; bottom: 12px; -moz-box-shadow: 0 10px 14px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 14px 12px rgba(0, 0, 0, 0.5); box-shadow: 0 14px 12px rgba(0, 0, 0, 0.5); } .tg-border-32 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-32 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-32 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-32 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /*border 33*/ .tg-border-33{ display: block; padding: 19px; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important; -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important; background: white !important; border: 1px solid #999; } .tg-border-33 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-33 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-33 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-33 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /*border 34*/ .tg-border-34{ padding: 19px; border: 1px solid #c2c0b8; background-color:#fff !important; -webkit-box-shadow:0 0 60px 10px rgba(0, 0, 0, .1) inset, 0 5px 0 -4px #fff, 0 5px 0 -3px #c2c0b8, 0 11px 0 -8px #fff, 0 11px 0 -7px #c2c0b8, 0 17px 0 -12px #fff, 0 17px 0 -11px #c2c0b8 !important; -moz-box-shadow:0 0 60px 10px rgba(0, 0, 0, .1) inset, 0 5px 0 -4px #fff, 0 5px 0 -3px #c2c0b8, 0 11px 0 -8px #fff, 0 11px 0 -7px #c2c0b8, 0 17px 0 -12px #fff, 0 17px 0 -11px #c2c0b8 !important; box-shadow:0 0 60px 10px rgba(0, 0, 0, .1) inset, 0 5px 0 -4px #fff, 0 5px 0 -3px #c2c0b8, 0 11px 0 -8px #fff, 0 11px 0 -7px #c2c0b8, 0 17px 0 -12px #fff, 0 17px 0 -11px #c2c0b8 !important; } .tg-border-34 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-34 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-34 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-34 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /*border 35p*/ .tg-border-35{ background:#FFF !important; padding: 20px; position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset !important; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset !important; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset !important; } .tg-border-35:before, .tg-border-36:after{ content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.8); -moz-box-shadow:0 0 10px rgba(0,0,0,0.8); box-shadow:0 0 10px rgba(0,0,0,0.8); top:0; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .tg-border-35:after{ right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } .tg-border-35 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-35 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-35 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-35 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /*border 36*/ .tg-border-36{ display: block; padding: 19px; border: 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2) !important; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2) !important; box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2) !important; /* standard version at last */ border-color: #fff; background-color: #dfdfdf; background: -moz-linear-gradient(top, #fff, #dfdfdf 50%, #cecece) !important; background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.5, #dfdfdf), to(#cecece)) !important; filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#FFFFFF', EndColorStr='#CECECE') !important; } .tg-border-36 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-36 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-36 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-36 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /*border 37*/ .tg-border-37{ padding: 18px; position: relative; border: 2px dashed #fff; border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -moz-box-shadow: 0 0 0 4px #CCC, 2px 1px 4px 4px rgba(10,10,0,.5) !important; -webkit-box-shadow: 0 0 0 4px #CCC, 2px 1px 4px 4px rgba(10,10,0,.5) !important; box-shadow: 0 0 0 4px #CCC, 2px 1px 6px 4px rgba(10,10,0,.5) !important; /*-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;*/ display: block; background-color: #D5DFE5; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent)) !important; background-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) !important; background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) !important; background-image: -ms-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) !important; background-image: -o-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) !important; background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) !important; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; background-size: 50px 50px; } .tg-border-37 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-37 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-37 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-37 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /*border 38*/ .tg-border-38{ display: block; padding: 19px; background-color: #F0F0F0 !important; -webkit-box-shadow:0 2px 5px hsla(0,0%,0%,.4), inset 0 1px 0 #ccc, inset 1px 0 0 #aaa, inset 0 -1px 0 #ccc, inset -1px 0 0 #aaa, inset 0 2px 0 #c6c6c6, inset 2px 0 0 #a6a6a6, inset 0 -2px 0 #c6c6c6, inset -2px 0 0 #a6a6a6, inset 0 3px 0 #c0c0c0, inset 3px 0 0 #a0a0a0, inset 0 -3px 0 #c0c0c0, inset -3px 0 0 #a0a0a0, inset 0 4px 0 #b9b9b9, inset 4px 0 0 #999, inset 0 -4px 0 #b9b9b9, inset -4px 0 0 #999, inset 0 5px 0 #b6b6b6, inset 5px 0 0 #969696, inset 0 -5px 0 #b6b6b6, inset -5px 0 0 #969696, inset 0 6px 0 #b0b0b0, inset 6px 0 0 #909090, inset 0 -6px 0 #b0b0b0, inset -6px 0 0 #909090, inset 0 7px 0 #a9a9a9, inset 7px 0 0 #898989, inset 0 -7px 0 #a9a9a9, inset -7px 0 0 #898989, inset 0 8px 0 #a6a6a6, inset 8px 0 0 #868686, inset 0 -8px 0 #a6a6a6, inset -8px 0 0 #868686, inset 0 9px 0 #a0a0a0, inset 9px 0 0 #808080, inset 0 -9px 0 #a0a0a0, inset -9px 0 0 #808080, inset 0 10px 0 #888, inset 10px 0 0 #666, inset 0 -10px 0 #888, inset -10px 0 0 #666, inset 0 0 10px 10px hsla(0,0%,0%,.5), inset 0 0 50px hsla(0,0%,0%,.5) !important; -moz-box-shadow:0 2px 5px hsla(0,0%,0%,.4), inset 0 1px 0 #ccc, inset 1px 0 0 #aaa, inset 0 -1px 0 #ccc, inset -1px 0 0 #aaa, inset 0 2px 0 #c6c6c6, inset 2px 0 0 #a6a6a6, inset 0 -2px 0 #c6c6c6, inset -2px 0 0 #a6a6a6, inset 0 3px 0 #c0c0c0, inset 3px 0 0 #a0a0a0, inset 0 -3px 0 #c0c0c0, inset -3px 0 0 #a0a0a0, inset 0 4px 0 #b9b9b9, inset 4px 0 0 #999, inset 0 -4px 0 #b9b9b9, inset -4px 0 0 #999, inset 0 5px 0 #b6b6b6, inset 5px 0 0 #969696, inset 0 -5px 0 #b6b6b6, inset -5px 0 0 #969696, inset 0 6px 0 #b0b0b0, inset 6px 0 0 #909090, inset 0 -6px 0 #b0b0b0, inset -6px 0 0 #909090, inset 0 7px 0 #a9a9a9, inset 7px 0 0 #898989, inset 0 -7px 0 #a9a9a9, inset -7px 0 0 #898989, inset 0 8px 0 #a6a6a6, inset 8px 0 0 #868686, inset 0 -8px 0 #a6a6a6, inset -8px 0 0 #868686, inset 0 9px 0 #a0a0a0, inset 9px 0 0 #808080, inset 0 -9px 0 #a0a0a0, inset -9px 0 0 #808080, inset 0 10px 0 #888, inset 10px 0 0 #666, inset 0 -10px 0 #888, inset -10px 0 0 #666, inset 0 0 10px 10px hsla(0,0%,0%,.5), inset 0 0 50px hsla(0,0%,0%,.5) !important; box-shadow:0 2px 5px hsla(0,0%,0%,.4), inset 0 1px 0 #ccc, inset 1px 0 0 #aaa, inset 0 -1px 0 #ccc, inset -1px 0 0 #aaa, inset 0 2px 0 #c6c6c6, inset 2px 0 0 #a6a6a6, inset 0 -2px 0 #c6c6c6, inset -2px 0 0 #a6a6a6, inset 0 3px 0 #c0c0c0, inset 3px 0 0 #a0a0a0, inset 0 -3px 0 #c0c0c0, inset -3px 0 0 #a0a0a0, inset 0 4px 0 #b9b9b9, inset 4px 0 0 #999, inset 0 -4px 0 #b9b9b9, inset -4px 0 0 #999, inset 0 5px 0 #b6b6b6, inset 5px 0 0 #969696, inset 0 -5px 0 #b6b6b6, inset -5px 0 0 #969696, inset 0 6px 0 #b0b0b0, inset 6px 0 0 #909090, inset 0 -6px 0 #b0b0b0, inset -6px 0 0 #909090, inset 0 7px 0 #a9a9a9, inset 7px 0 0 #898989, inset 0 -7px 0 #a9a9a9, inset -7px 0 0 #898989, inset 0 8px 0 #a6a6a6, inset 8px 0 0 #868686, inset 0 -8px 0 #a6a6a6, inset -8px 0 0 #868686, inset 0 9px 0 #a0a0a0, inset 9px 0 0 #808080, inset 0 -9px 0 #a0a0a0, inset -9px 0 0 #808080, inset 0 10px 0 #888, inset 10px 0 0 #666, inset 0 -10px 0 #888, inset -10px 0 0 #666, inset 0 0 10px 10px hsla(0,0%,0%,.5), inset 0 0 50px hsla(0,0%,0%,.5) !important; border:1px solid #eee; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; position:relative; } .tg-border-38 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-38 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-38 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-38 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /*border 39*/ .tg-border-39{ background: #fff !important; display: block; padding: 20px; border-radius: 2px 2px 2px 2px; -webkit-box-shadow: 0 10px 6px -6px #777 !important; -moz-box-shadow: 0 10px 6px -6px #777 !important; box-shadow: 0 10px 6px -6px #777 !important; } .tg-border-39 a.nivo-prevNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; left: 10px !important; width:40px !important; } .tg-border-39 a.nivo-nextNav{ background: transparent !important; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); height:40px !important; right: 10px !important; width:40px !important; } .tg-border-39 a.nivo-nextNav::before{ content: "\F054"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; right:10px!important; top:1px; } .tg-border-39 a.nivo-prevNav::before{ content: "\F053"; color: #ffffff; font-size: 40px; font-family: 'FontAwesome'; position: absolute; top:1px; left:10px!important; } /* ARROWS SECTION -------------------------- */ .tg-carousel-control { position: absolute; top: 40%; background: rgba(200, 200, 200, .7); } .tg-carousel-control:hover { text-decoration: none; } /* ARROW 1 =================== */ .tg-arrow-1 { width: 6%; height: 11%; background: rgb(200, 200, 200); opacity: .7; text-align: center; font-size: 46px; color: #57685C; text-shadow: 0 1px 1px #f8f8f8; -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, .4); -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, .4); box-shadow: 0 1px 3px rgba(34, 25, 25, .4); } .tg-arrow-1:hover { opacity: .95; text-decoration: none; } .tg-arrow-1-left { left: 0%; } .tg-arrow-1-right { right: 0%; } /* ARROW 2 =================== */ .tg-arrow-2 { width: 6%; height: 11%; background: #eeeeee; text-align: center; color: #a8a8a8; border: 1px solid white; text-shadow: 0 1px 0 white; } .tg-arrow-2:hover { text-decoration: none; } .tg-arrow-2-left { left: -4%; -webkit-border-radius: 0 7px 7px 0; -moz-border-radius: 0 7px 7px 0; border-radius: 0 7px 7px 0; } .tg-arrow-2-right { right: -4%; -webkit-border-radius: 7px 0 0 7px; -moz-border-radius: 7px 0 0 7px; border-radius: 7px 0 0 7px; } /* ARROW 3 =================== */ .tg-arrow-3 { width: 3%; height: 15%; line-height: 3; background: white; text-align: center; position: absolute; color: #aaaaaa; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tg-arrow-3-left { left: -2.5%; } .tg-arrow-3-right { right: -2.5%; } /* ARROW 4 =================== */ .tg-arrow-4 { width: 6%; height: 11%; position: absolute; background: #232323; color: #0f0f0f; text-align: center; text-shadow: 0 1px 0 #2d2d2d; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .7); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .7); box-shadow: 0 1px 3px rgba(0, 0, 0, .7); } .tg-arrow-4:hover { color: #0f0f00; } .tg-arrow-4-left { left: -1.9%; -webkit-border-radius: 0 5px 3px 4px; -moz-border-radius: 0 5px 3px 4px; border-radius: 0 5px 3px 4px; } .tg-arrow-4-right { right: -1.9%; -webkit-border-radius: 5px 0 4px 3px; -moz-border-radius: 5px 0 4px 3px; border-radius: 5px 0 4px 3px; } /* ARROW 5 =================== */ .tg-arrow-5 { width: 5%; height: 8%; position: absolute; text-align: center; line-height: 0.85; color: #222; text-shadow: 0 1px 1px white; background: -webkit-linear-gradient(top, #ececec, #eee 50%, #ccc); background: -moz-linear-gradient(top, #ececec, #eee 50%, #ccc); background: -ms-linear-gradient(top, #ececec, #eee 50%, #ccc); background: -o-linear-gradient(top, #ececec, #eee 50%, #ccc); background: linear-gradient(top, #ececec, #eee 50%, #ccc); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 0 1px rgba(34, 25, 25, .2), 0 0 0 3px #42b4a3, 0 0 0 8px #2f2f2f, 0 1px 2px 8px #312b31, 0 1px 3px rgba(34, 25, 25, .6); -moz-box-shadow: 0 0 1px rgba(34, 25, 25, .2), 0 0 0 3px #42b4a3, 0 0 0 8px #2f2f2f, 0 1px 2px 8px #312b31, 0 1px 3px 6px rgba(34, 25, 25, .6); box-shadow: 0 0 1px rgba(34, 25, 25, .2), 0 0 0 3px #42b4a3, 0 0 0 8px #2f2f2f, 0 1px 2px 8px #312b31, 0 1px 3px rgba(34, 25, 25, .6); } .tg-arrow-5:hover { color: #1f1f1f; } .tg-arrow-5-left { left: -2%; } .tg-arrow-5-right { right: -2%; } /* ARROW 6 =================== */ .tg-arrow-6 { width: 3.3%; height: 10%; font-size: 15px; position: absolute; text-align: center; line-height: 1.85; background: #fcfcfc; color: #242328; -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, .3); -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, .3); box-shadow: 0 1px 3px rgba(34, 25, 25, .3); } .tg-arrow-6:hover { color: #3f3f3f; } .tg-arrow-6-left { left: -5%; -webkit-border-radius: 15px 0 0 15px; -moz-border-radius: 15px 0 0 15px; border-radius: 15px 0 0 15px; } .tg-arrow-6-right { right: -5%; -webkit-border-radius: 0 15px 15px 0; -moz-border-radius: 0 15px 15px 0; border-radius: 0 15px 15px 0; } /* ARROW 7 =================== */ .tg-arrow-7 { width: 5.3%; height: 10%; text-align: center; position: absolute; background: #454545; color: white; text-shadow: 0 1px white; -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, .4); -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, .4); box-shadow: 0 1px 3px rgba(34, 25, 25, .4); } .tg-arrow-7:hover { color: #f8f8f8; } .tg-arrow-7-left { left: -2%; -webkit-border-radius: 7px 6px 7px 0; -moz-border-radius: 7px 6px 7px 0; border-radius: 7px 6px 7px 0; } /*.tg-arrow-7-left::before { width: 23%; height: 100%; background: #2c2c2c; position: absolute; top: 15%; left: 0%; display: block; content: ''; z-index: -1; -webkit-border-radius: 0 0 0 9px; -moz-border-radius: 0 0 0 9px; border-radius: 0 0 0 9px; }*/ .tg-arrow-7-right { right: -2%; -webkit-border-radius: 7px 7px 0 7px; -moz-border-radius: 7px 7px 0 7px; border-radius: 7px 7px 0 7px; } /*.tg-arrow-7-right::before { width: 23%; height: 100%; background: #2c2c2c; position: absolute; top: 15%; right: 0%; display: block; content: ''; z-index: -1; -webkit-border-radius: 0 0 9px 0; -moz-border-radius: 0 0 9px 0; border-radius: 0 0 9px 0; }*/ /* ARROW 8 =================== */ .tg-arrow-8 { width: 6%; height: 7%; background: #252424; position: absolute; text-align: center; line-height: 0.6; color: #ffffff; text-shadow: 0 1px 0 black; } .tg-arrow-8:hover { color: white; } .tg-arrow-8-left { left: -4%; -webkit-border-radius: 4px 25px 25px 9px; -moz-border-radius: 4px 25px 25px 9px; border-radius: 4px 25px 25px 9px; } /*.tg-arrow-8-left::before { width: 40%; height: 100%; background: #121313; position: absolute; top: -10%; left: 0.2%; display: block; content: ''; z-index: -1; -webkit-border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; }*/ .tg-arrow-8-right { right: -4%; -webkit-border-radius: 25px 4px 9px 25px; -moz-border-radius: 25px 4px 9px 24px; border-radius: 24px 4px 9px 24px; } /* .tg-arrow-8-right::before { width: 40%; height: 40%; background: #121313; position: absolute; top: -10%; right: 0.2%; display: block; content: ''; z-index: -1; -webkit-border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0; }*/ /* ARROW 9 =================== */ .tg-arrow-9 { width: 5%; height: 8%; position: absolute; color: #aaa; line-height: .9; background: white; overflow: normal; text-align: center; border: 1px solid white; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, .1); box-shadow: 1px 1px 4px rgba(0, 0, 0, .1); } .tg-arrow-9-left { left: -3.5%; } .tg-arrow-9-right { right: -3.5%; } /* ARROW 10 =================== */ .tg-arrow-10 { width: 4%; height: 8%; background: #464646; border: 1px solid #3f3f3f; position: absolute; text-align: center; color: #ededed; line-height: 1.1; text-shadow: 0 1px 0 white; -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, .3); -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, .3); box-shadow: 0 1px 3px rgba(34, 25, 25, .3); } .tg-arrow-10:hover { color: #cecece; } .tg-arrow-10-left { left: -4.2%; border-left: 1px solid #3f3f3f; border-top: 1px solid #3f3f3f; border-bottom: 1px solid #3f3f3f; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; } .tg-arrow-10-right { right: -4.2%; border-right: 1px solid #3f3f3f; border-top: 1px solid #3f3f3f; border-bottom: 1px solid #3f3f3f; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; } div[class*="tg-border-"]{ /*padding: 2%;*/ margin: 0 auto ; /*20px in last */ /*width:960px;*/ } a[class*="tg-arrow-"]{ z-index:105; } /* Carousel Items * ------------------------------- */ .carousel-inner { } /*.item img { width: 100%; /* height: 95%;*/ /*margin:0; } /* Carousel Custom - the new class for the carousel * --------------------------------- */ .carousel-custom { position: absolute; top: 40%; } /* FONT RELATED - FONT INSIDE ARROWS ---------------------------- */ p.arrow-inside { margin: 0; padding: 0; position: absolute; top: 2%; left: 26%; line-height: inherit; } /*base code for thumbnails*/ div.wtsCarousel{ /*display: block;*/ } .slider_content{ height: auto; } .contentSlide{ padding: 10px 25px; text-align: center; } div.contentSlide h1{ text-align: left; } div.contentSlide p{ text-align: justify; } div.contentSlide div.post_icon_sld{ text-align:left; margin-left: -5px; } body .contentSlide img{ float: right; background: #fff; padding: 5px; margin: 35px 0 0 20px; -moz-box-shadow: 0 0 2px rgba(0,0, 0, .5); -webkit-box-shadow: 0 0 2px rgba(0,0, 0, .5); box-shadow: 0 0 2px rgba(0,0, 0, .5); } .contentSlide .more-link{ *zoom: 0; *display:inline; display:inline-block; float: none; } .carousel-control{ opacity: .2; top: 50%; } /*thumbnails aditions*/ .thumbnails{ /*background: #797979;*/ margin-bottom: 5px; height: 80px; overflow-x: hidden; overflow-y: hidden; width: 99.9%; } .thumbnails.t-left,.thumbnails.t-right{ display: inline-block; /*background: #797979;*/ margin-bottom: 5px; margin-right: 10px; height: 94.5%; vertical-align: top; width: 100px; } .thumbnails.t-right{ left: 15px; position: relative; /*z-index:-1;*/ } .thumbnails.t-left ul .mini_thumb,.thumbnails.t-right ul .mini_thumb{ /*background: #797979;*/ margin-bottom: 2px; } .t-bottom{ margin-top: 10px; } .t-top{ margin-bottom: 10px; } .t-none{ display:none; } .thumbnails ul{ display: inline-block; margin:0; padding: 0; width: 100%; } .thumbnails ul .mini_thumb{ background: #cecece; box-shadow: 0 0 1px #cecece; cursor: pointer; display: inline-block; height: 78px; margin-left: 1px; position: relative; top: 1px; vertical-align: middle; width:100px; } .contentSlide.poster-feat img{ float:none; width: 80%; } .contentSlide.poster-feat h1{ font-size: 120px; } .contentSlide.poster-feat p{ font-family:inherit; font-size:40px; line-height:40px; width:100%; } .slider_content[slider="img"] .rs-slider > li img{ height:100%; width:100%; } .carousel-control.special-prev, .faker-left{ background-color: rgba(0,0,0,0.8) !important; width: 100px !important;/* height:calc(100% + 20px) !important; height:-moz-calc(100% + 20px) !important;*/ height: 100%; top: 0 !important; border-right: none; border-bottom: none; border-top: none; left: 0px !important; } .carousel-control.special-prev:before{ content: "\F053"; color:#fefefe; font-family: 'FontAwesome'; font-size: 50px; vertical-align: middle; left: 30px; top: 45%; position: absolute; } .carousel-control.special-next, .faker-right{ background-color: rgba(0,0,0,0.8) !important; width: 100px !important;/* height:calc(100% + 20px) !important; height:-moz-calc(100% + 20px) !important;*/ height: 100%; top: 0 !important; border-right: none; border-bottom: none; border-top: none; right: 0px !important; } .carousel-control.special-next:before{ content: "\F054"; color:#fefefe; font-family: 'FontAwesome'; font-size: 50px; vertical-align: middle; left: 30px; top: 45%; position: absolute; } .faker-right,.faker-left{ background-color: rgba(0,0,0,0.8) !important; } .faker-right:hover,.faker-left:hover{ opacity: 0.8; }