@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Barlow:800i);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,700,700i);
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";
* { margin: 0; padding: 0; outline: 0; border: 0 }
body, html { height: 100%; width: 100%; min-height: 100% }
.clearfix { clear: both }
.ie7 .clearfix { zoom: 1 }
.clearfix:after { content: ""; visibility: hidden; display: block; clear: both }
a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, del, dfn, div, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var { background: 0 0; border: 0; margin: 0; padding: 0; vertical-align: baseline; line-height: 100%; outline: 0 }
::selection { background: #ccc; color: #fff; text-shadow: none }
body { color: #000; font: 14px/16px Roboto, sans-serif }
.outer-header { background: #f8f8f8; position: fixed; z-index: 1000; width: 100%;  }
.outer-header .container > .row{align-items: center;}
.logo { padding: 16px 0 }
.navbar.navigation { padding: 0; margin: 17px 0 }
.navbar.navigation ul.navbar-nav { list-style: none; margin: 0; padding: 0 }
.navbar.navigation ul.navbar-nav li { float: left; position: relative }
.navbar.navigation ul.navbar-nav li a { float: left; font: 600 14px/44px Roboto, sans-serif; height: 44px; padding: 0 10px; margin: 0 20px; text-transform: uppercase; backface-visibility: hidden; box-shadow: 0 0 1px transparent; display: inline-block; overflow: hidden; position: relative; transform: translateZ(0); vertical-align: middle; color: #454545 }
.navbar .rtnavigation ul.navbar-nav li a, .smldevice a { height: auto; box-shadow: 0 0 0 transparent; transform: translateZ(0); vertical-align: middle; overflow: hidden }
.navbar.navigation ul.navbar-nav li a:hover { text-decoration: none; color: #95cb0a }
.navbar.navigation ul.navbar-nav li.active a { color: #95cb0a }
.navbar .rtnavigation { padding: 0; float: right }
.navbar .rtnavigation ul.navbar-nav { list-style: none; margin: 0; padding: 0 }
.navbar .rtnavigation ul.navbar-nav li { float: right; position: relative }
.navbar .rtnavigation ul.navbar-nav li a { float: left; font: 600 13px/20px Roboto, sans-serif; background: #95cb0a; border: 2px solid #95cb0a; border-radius: 30px; padding: 5px 30px; color: #fff; position: relative; margin: 0 10px }
.navbar .rtnavigation ul.navbar-nav li a:active, .navbar .rtnavigation ul.navbar-nav li a:focus, .navbar .rtnavigation ul.navbar-nav li a:hover { text-decoration: none; color: #95cb0a; border: 2px solid #95cb0a; background: 0 0 }
.navbar .rtnavigation ul.navbar-nav li a::before, .navbar .rtnavigation ul.navbar-nav li.active a { color: #95cb0a; border: 2px solid #95cb0a; background: 0 0 }
.navbar .rtnavigation ul.navbar-nav li .dropdown-menu a { height: auto; padding: 10px; font: 600 14px/20px Roboto, sans-serif; background: no-repeat; border-radius: 0; color: #454545; text-transform: none; margin: 0; border: 0 }
.hading h1, .outer-heading h1, .slide-heading p, .softwarebanner ul li p, .topcontent .icon+h5 { text-transform: uppercase }
.navbar .rtnavigation ul.navbar-nav li .dropdown-menu a:hover { background: 0 0; color: #000; border: 0 }
.navbar .rtnavigation .dropdown-divider { float: left; width: 100%; margin: 0 }
.navbar .rtnavigation .dropdown-menu { padding: 0 }
.outer-topfooter { background: rgba(12,49,66,.95); border-bottom: 1px solid #114a63; padding: 10px 0 0 }
.topfooter-row.mid { border-left: 1px solid #114a63; border-right: 1px solid #114a63; padding: 0 0 0 30px }
.topfooter-row h3 { color: #fff; font: 400 20px/40px Barlow, Arial, sans-serif }
.topfooter-row p { color: #fff; font: 400 14px/20px Roboto, Arial, sans-serif; padding-bottom: 10px }
.contact-detail, .social { padding: 0; list-style: none }
.social { margin: 0 }
.social li { margin: 5px; display: inline-block }
.social li i { font-size: 32px; transition: all ease .3s; opacity: .75; -moz-transition: all ease .3s; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -ms-transition: all ease .3s }
.social li i:hover { text-decoration: none; opacity: 1; transition: all ease .3s; -moz-transition: all ease .3s; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -ms-transition: all ease .3s }
.social li .fa-linkedin-square,.social li .fa-twitter-square, .social li .fa-facebook-square, .social li .fa-instagram { color: #fff }
.contact-detail { margin: 0 }
.contact-detail li { color: #fff; font: 400 13px/20px Roboto, sans-serif; margin: 10px 0 }
.contact-detail li i { font-size: 13px; padding-right: 10px }
.contact-detail li a { color: #fff }
.subscribe { padding-top: 10px }
.topfooter-row input[type=text] { display: inline-block; width: 73%; border:1px solid #454545; background: #fff; padding: 10px; font: 400 14px/16px Roboto, sans-serif; border-radius: 5px; }
.topfooter-row input[type=text]:focus{ border:1px solid #454545;}
.topfooter-row input[type=text].is-invalid { border:1px solid #dc3545}
.topfooter-row input[type=text].is-invalid + a#btnGo + .invalid-feedback{ display:block;font:600 14px/16px Roboto, sans-serif;}
.topfooter-row input[type=submit],.topfooter-row a#btnGo { color: #fff; font: 600 13px/32px Roboto, sans-serif; border: 2px solid #95cb0a !important; background: #95cb0a; border-radius: 4px; padding:8px 18px; cursor: pointer; text-transform: uppercase; }
.topfooter-row input[type=submit],.topfooter-row a#btnGo:hover,.topfooter-row input[type=submit],.topfooter-row a#btnGo:focus{ border: 2px solid #95cb0a !important; background:#aadc27; color:#aadc27; text-decoration:none;}

.footer-lnk, .outerfooter-boot p { font: 400 14px/45px Roboto, sans-serif; color: #fff }
.outerfooter-boot { background: rgba(12,49,66,.95); height: 45px }
.outerfooter-boot p { float: left }
.outerfooter-boot p br { display: none }
.footer-lnk { float: right; width: auto }
.header-slider, .slide { width: 100%;margin-top: 40px; }
.footer-lnk a { color: #fff }
.footer-lnk a:hover { color: #fff; text-decoration: underline }
#home_header { height: 415px; display: block }
.slide-viewer { overflow: hidden; position: relative;  height: 540px }
.slide-group { height: 100%; position: relative }
.slide { display: none; height: 100%; position: absolute; background-position: 0 42%; background-size: cover; background-repeat: no-repeat }
.slide:nth-child(4), .slidecol { display: block }
.slide1-equestrian { background-image: url(../images/banner-equestrian_new.jpg) }
.slide2-motorcycling { background-image: url(../images/banner-motorcycling_new.jpg) }
.slide3-clubs { background-image: url(../images/banner-clubs_new.jpg) }
.slide4-software { background-image: url(../images/banner-software_new.jpg) }
.slide5-tickets { background-image: url(../images/banner-ticktes_new.jpg) }
.slide6-agshows { background-image: url(../images/banner-auction.jpg) }

.slide-buttons { position: absolute; z-index: 1; margin: 130px 0 0; padding: 0; width: 20% }
.slide-btn { color: #fff; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; list-style: none; padding:13px 0 13px 32px; margin-bottom: 0; position: relative; overflow: hidden; background: 0 0; z-index: 1; cursor: pointer; font: 400 35px/40px Barlow, Arial, sans-serif }
.slide-btn a { text-decoration: none; color: #fff; padding-left: 60px; background-repeat: no-repeat; background-position: 0 0 }
.slide-btn:nth-child(1) a { background-image: url(../images/icon-equestrian.svg) }
/*.slide-btn:nth-child(2) a { background-image: url(../images/icon-motorcycling.svg) }*/
.slide-btn:nth-child(2) a { background-image: url(../images/icon-auction.png); background-size: 20%; }
.slide-btn:nth-child(3) a { background-image: url(../images/icon-motorcycling.svg) }
.slide-btn:nth-child(4) a { background-image: url(../images/icon-clubs.svg); background-position: 10px 0 }
.slide-btn:nth-child(5) a { background-image: url(../images/icon-software.svg); background-position: 10px 0 }
.slide-btn:nth-child(6) a { background-image: url(../images/icon-tickets1.png); background-position: 4px 0 }
.slide-btn.active:before, .slide-btn:before { content: ""; position: absolute; background: #95cb0a; bottom: 0; top: 0; left: 0; right: 100%; z-index: -1; -webkit-transition: right .1s ease-out; transition: right .1s ease-out }
.slide-btn.active:before { -webkit-transition: right .4s ease-out; transition: right .4s ease-out }
.slide-btn.active:before, .slide-btn:hover:before { right: 0 }
.slidecol { float: left; min-height: 1px; width: 30% }
.slide-heading { padding-top: 82px; margin: 0; max-width: 50%; float: left; height: 100%; position: relative; width: 100%; text-align: center }
.slide-heading p { font: 60px/55px Barlow, Arial, sans-serif; color: #fff; margin-bottom: 30px; margin-top: 120px }
.header-book-btn, .header-more-info { font: 600 16px/24px Roboto, Arial, sans-serif }
.header-book-btn { display: inline-block; background: 0 0; padding: .5em 1.8em; border-radius: 20px; border: 2px solid #fff; color: #fff; margin: 0 10px 0 0 }
.header-book-btn:hover { color: #fff; text-decoration: none; background: #95cb0a }
.more-info-btn { position: absolute; right: 0; bottom: 70px }
.header-more-info { color: #b9ff03; }
.header-more-info:hover { color: #fff }
.smldevice { display: none; padding: 0; margin: 20px 0 0 }
.smldevice a { font: 600 13px/20px Roboto, sans-serif; background: #95cb0a; border: 2px solid #95cb0a; border-radius: 30px; padding: 5px 30px; color: #fff; position: relative; margin: 0 10px; display: inline-block }
.smldevice a:active, .smldevice a:focus, .smldevice a:hover { text-decoration: none; color: #95cb0a; border: 2px solid #95cb0a; background: 0 0 }
.softwarebanner ul { margin: 0; padding: 0; list-style: none }
.softwarebanner ul li { width: calc(100% / 3); float: left; color: #fff; text-align: center }
.softwarebanner ul li p { font: 50px/60px Barlow, Arial, sans-serif; color: #fff }
.softwarebanner ul li img { max-width: 100% }
.bannermenu { float: left; width: 31%; margin-left: 3%; margin-top: 70px }
.bannermenu ul { width: 100%; float: left }
.bannermenu ul li { width: 100%; padding: 10px 20px; text-align: left }
.hading, .hading h1, .outer-heading, .svc-btn span, .topcontent .address, .topcontent .email, .topcontent .phone, .topcontent .social { text-align: center }
#welcomevideo { width: 65%; float: left }
#welcomevideo video { width: 100%; height: 100% }
#bullet_outer { height: 415px; display: block }
#bullet_outer .bullets { position: absolute; z-index: 1; padding: 0; right: 18%; margin-top: 252px; list-style: none }
.svc-btn, .svc-menu { position: relative; z-index: 1 }
#bullet_outer .dots { width: 15px; height: 15px; border: 2px solid #fff; border-radius: 50%; margin: 20px 0; cursor: pointer }
#bullet_outer .active.dots, #bullet_outer .dots:hover { background: #fff }
.svntab-content { margin: 0 15px; width: 100% }
.svc-tab { height: 565px; margin: 30px 15px; width: calc(100% / 5 - 30px); float: left;border: 11px solid #fff;  box-shadow: 0px 8px 10px 7px #eee; }
.svc-tab .image-spread { background-color: #0c3142; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat }
#svc-tab-equestrian .image-spread { background-image: url(../images/svc-equestrian_new.jpg) }
#svc-tab-motorcycling .image-spread { background-image: url(../images/svc-motorcycling_new.jpg) }
#svc-tab-clubs .image-spread { background-image: url(../images/svc-clubs_new.jpg) }
#svc-tab-software .image-spread { background-image: url(../images/svc-software_new.jpg) }
#svc-tab-tickets .image-spread { background-image: url(../images/svc-tickets_new.jpg) }
.svc-menu { margin: 0; width: 100%; height: 100%; background-color: transparent; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; float: left }
.svc-menu:hover { background-color: rgba(12,49,66,.8) }
.svc-menu ul { opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; list-style: none }
.svc-menu:hover ul { opacity: 1 }
.svc-header { color: #fff; margin: 20px; font: 30px/34px Barlow, Arial, sans-serif }
.svc-btn a, .svc-btn small { font: 600 20px/30px Roboto, Arial, sans-serif }
.svc-header img { height: 65px }
.svc-btn { color: #fff; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; list-style: none; padding: 15px 20px 15px 50px; overflow: hidden; background: 0 0; cursor: pointer;  }
.svc-btn a { text-decoration: none; color: #fff; display: block; vertical-align: top }
.svc-btn span { height: 30px; width: 34px; display: inline-block; background: url(../images/tabing-icon.png) no-repeat; background-position-x: 0; background-position-y: 0; margin: 0 10px 0 0; vertical-align: top }
.svc-btn small { display: inline-block }
.svc-btn.active:before, .svc-btn:before { content: ""; position: absolute; background: #95cb0a; bottom: 0; top: 0; left: 0; right: 100%; z-index: -1; -webkit-transition: right .1s ease-out; transition: right .1s ease-out }
.svc-btn.active:before { -webkit-transition: right .4s ease-out; transition: right .4s ease-out }
.svc-btn.active:before, .svc-btn:hover:before { right: 0 }
.svc-btn span.eventicon { background-position: 0 2px }
.svc-btn span.stablesicon { background-position: 0 -63px }
.svc-btn span.resulticon { background-position: 0 -134px }
.svc-btn span.drawicon { background-position: 0 -199px }
.svc-btn span.venuesicon { background-position: 0 -272px }
.svc-btn span.joinclbicon { background-position: 0 -326px }
.svc-btn span.pricingicon { background-position: 0 -375px }
.svc-btn span.producticon { background-position: 0 -425px }
.svc-btn span.livescoreicon { background-position: 0 -464px }
.svc-btn span.scoreboardicon { background-position: 0 -513px }
.svc-btn span.speedicon { background-position: 0 -556px }
.svc-btn span.ticketsicon { background-position: 0 -597px }
.svc-btn span.ticktesevents { background-position: 0 -637px }
.pravicyContent { padding: 70px 0 }
.pravicyContent p { font: 400 16px/24px 'Open Sans', sans-serif; color: #454545; padding: 5px 0 }
.pravicyContent p em, .pravicyContent strong { font: 600 16px/24px 'Open Sans', sans-serif; color: #454545 }
.pravicyContent p em { padding: 5px 0 }
.pravicyContent h3 { font: 600 20px/24px 'Open Sans', sans-serif; color: #454545; padding: 20px 0 5px }
.pravicyContent h4 { font: 600 18px/24px 'Open Sans', sans-serif; color: #454545; padding: 0 }
.pravicyContent h5 { font: 600 16px/24px 'Open Sans', sans-serif; color: #454545; padding: 0 }
.refundpolicy.pravicyContent h4{ margin:10px 0;}
.refundpolicy.pravicyContent h5{ margin:15px 0 0 0}
.termsofservice.pravicyContent h4{ margin:10px 0;}
.termsofservice.pravicyContent p em { font-style:italic; color:#95cb0a;}
.termsofservice.pravicyContent p strong{ color:rgba(12,49,66,.95);}
.termsofservice.pravicyContent p.text1{ margin-left:20px;}
.termsofservice.pravicyContent p.text2{ margin-left:40px;}
.termsofservice.pravicyContent p.text3{ margin-left:60px;}
.termsofservice.pravicyContent ul{ margin-left:20px;}
/*.termsofservice.pravicyContent p{ font: 400 14px/20px 'Open Sans', sans-serif;}*/
.pravicyContent address, .pravicyContent ol li, .pravicyContent ul li { font: 400 16px/24px 'Open Sans', sans-serif; color: #454545 }
.pravicyContent ol, .pravicyContent ul { margin: 0 10px; padding: 0 10px}
.pravicyContent ol li, .pravicyContent ul li { padding: 5px }
.pravicyContent address { padding: 5px 0 }
.pravicyContent address a { color: #454545; text-decoration: underline }
.pravicyContent address a:hover { color: #454545; text-decoration: none }
.outer-heading { background: rgba(12,49,66,1); width: 100%; margin-bottom: 40px }
.outer-heading h1 { color: #fff; padding: 10px 0; font: 30px/40px Barlow, Arial, sans-serif }
.about-content p, .about-content ul li { color: #454545; font: 400 16px/24px "Open Sans", sans-serif }
.about-content {     padding: 22px; background: #f8f8f8; box-shadow: 0px 9px 13px #ddd;  margin-top: 50px;  margin-bottom: 50px;  border: 8px solid #fff;}
.about-content ul { margin: 0 0 10px 20px; padding: 0 }
.about-content ul li { padding: 3px 0 }
.about-content p { padding-bottom: 20px }
.about-content h2, .about-content h3 { color: #454545; font: 400 18px/24px "Open Sans", sans-serif }
.about-content h3 { padding-bottom: 3px }
.about-content h2 { padding-bottom: 10px }

.contactus { padding:0px 0 100px 0; }
.address{ margin:30px 0; }
.phone{margin:40px 0 30px;}
.email{margin:30px 0;}
.topcontent .address .icon{ margin-top:10px;}
.topcontent .email .icon{ margin-top:20px;}
.topcontent .phone .icon{ margin-top:10px;}
.topcontent .phone h5{ padding-top:15px;}
.topcontent .icon { display: inline-block; }
.topcontent { padding:110px 0 0 0; width:100%}
.topcontent .icon { border: 1px solid #f4f4f4;  width: 80px; height: 80px;  color: #fff;  line-height: 80px;  border-radius: 40px;  font-size: 20px;  -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out;  box-shadow: 0px 4px 5px #ddd;}
.topcontent .icon i { color: #93c501; font-size: 40px; line-height: 80px; }
.topcontent h5 { font: 400 24px/40px Roboto, sans-serif; color: #555; text-align:left;}
.topcontent p { color: #555; font: 400 16px/24px Roboto, sans-serif; margin: 0; text-align:left;}
.topcontent p strong { font-weight: 600; }
.topcontent ul li { color: #555; font: 400 16px/24px Roboto, sans-serif; margin: 0; text-align:left;}

.form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057;  background-color: #fff; background-clip: padding-box; border: 1px solid #e0e0e0; border-radius: 4px;  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; box-shadow: 2px 2px 4px 0px #eeeeee;}
.contactformouter { background: #fff; padding: 70px 0; }
.contactformouter h3 { font: 400 36px/56px Barlow, Arial, sans-serif; color: #454545; width: 100%; text-align:left;}
.contactform { width: 100%; margin:30px 0 0 0; }
.contactform label { font: 600 16px/30px Roboto, Arial, sans-serif; color: #454545; }
.reqvalidatior{ border-color:#f00}
.contactfoouter-featuresrm input[type=email], .contactform input[type=text], .contactform textarea { background: #ffffff;  border: 1px solid #e0e0e0;  box-shadow: 2px 2px 4px 0px #eeeeee;   border-radius: 4px;vertical-align: top; }
.contactform input[type=email]:focus, .contactform input[type=text]:focus, .contactform textarea:focus { border: 1px solid #454545; }
.contactform textarea { height: 150px; resize: none; padding: 10px; width: 100%; }
.contactform input[type=submit] {font: 600 13px/20px Roboto, sans-serif; background: #1562a6; border: 2px solid #1562a6; border-radius: 4px; padding: 5px 30px; color: #fff; position: relative; vertical-align: middle; margin: 0; cursor: pointer; }
.outer-faqs, .outer-gettheapp { animation: 40s linear 0s normal none infinite animatedBackground; vertical-align: middle; height: 400px; }
.contactform input[type=submit]:active, .contactform input[type=submit]:focus, .contactform input[type=submit]:hover { text-decoration: none; color: #fff; border: 2px solid #2889de; background: #2889de; }
.pleaseNote { padding: 20px; margin: 15px 19px 0; background-color: #bee5eb !important; color: #000; border-radius: 8px;  box-shadow: 0px 5px 8px #dddddd;  border: 3px solid #fff; }
.pleaseNote strong { color: #000; font: 600 16px/24px Roboto, sans-serif; }
.pleaseNote span { color: #000; font: 400 16px/24px Roboto, sans-serif; }
.green, .red { font: 600 16px/24px Roboto, sans-serif; float: left; margin: 10px 0 0; width: 100% }
.green { color: #118308 }
.red { color: red }
.outer-gettheapp { background: url(../images/innerpage-banner_new.jpg) center center no-repeat fixed; background-size: cover; animation: 40s linear 0s normal none infinite animatedBackground; vertical-align: middle; height: 400px }
.help-banner {
    background: url(../images/banner-help.jpg) center center no-repeat fixed;
    background-size: cover;
    animation: 40s linear 0s normal none infinite animatedBackground;
    vertical-align: middle;
    height: 400px
}
.hading { padding: 100px 0; min-height: 300px; width: 100%; margin-top: 100px }
.hading h1 { font: 400 86px/96px Barlow, Arial, sans-serif; color: #fff; width: 100% }
.animate { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.bar1, .bar2, .bar3 { width: 24px; height: 3px; background-color: #fff; margin: 4px 0; transition: .4s; display: block; border-radius: 2px }
.change .bar1 { -webkit-transform: rotate(-45deg) translate(-4px, 6px); transform: rotate(-45deg) translate(-4px, 6px) }
.change .bar2 { opacity: 0 }
.change .bar3 { -webkit-transform: rotate(45deg) translate(-4px, -6px); transform: rotate(45deg) translate(-4px, -6px) }
.leftmenutrigger { display: none }

/* unsubscribe start here */

.unsubscribe{padding: 100px 0;min-height: 300px;}
.callout { border-radius: 3px;  margin: 0 0 20px 0;  padding: 15px 30px 15px 15px;  border-left: 5px solid #eee;}
.callout p:last-child {  margin-bottom: 0;} 
.callout.callout-info {border-color: #0097bc; color:#008ca9; background:#ebf6f8; font:14px/20px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, Verdana, sans-serif}

/* ends here */


@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
.slide-btn:nth-child(1) a { background-position: -100px 0 }
.slide-btn:nth-child(2) a { background-position: -115px 0 }
.slide-btn:nth-child(3) a { background-position: -106px 0 }
.slide-btn:nth-child(4) a { background-position: -50px 0 }
.slide-btn:nth-child(5) a { background-position: -80px 0 }
}

.cover-box-new {width: 100%;  padding: 10px;
    box-sizing: border-box;
    background: #ffffff;
    box-shadow: 2px 9px 12px 2px #ccc;
}
@media all and (max-width: 340px) {
    .svntab-content {
        margin: 0;
        width: 100%;
    }
    svc-tab {
        width: calc(100% - 30px);
        margin: 10px 15px;
    }
}