/* Theme Name: Roto QL Author: the Roto QL Team Description: The Roto QL Team for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header s, beautiful typography and icons, and a flexible layout that looks great on any device, big or small. Version: 1.0 Text Domain: Roto QL Team */ /** * 1.0 Reset * * Modified from Normalize.css to provide cross-browser consistency and a smart * default styling of HTML elements. * * @see http://git.io/normalize * ---------------------------------------------------------------------------- */ @import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i'); @import url('../css/fontface/stylesheet.css'); @import url('https://fonts.googleapis.com/css?family=Raleway'); * { margin: 0px; padding: 0px; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { margin: 0px; padding: 0px; color: #000c38; font-size: 17px; line-height: 23px; font-family: 'Montserrat', sans-serif; background: #222222; } .clear { height: 0px; overflow: hidden; clear: both; } p { padding-bottom: 15px; line-height: 18px; } a { color: #00e1d7; } :active, :focus{ border:none; outline:none} a:hover { text-decoration: none; } input[type="text"], input[type="submit"], input[type="button"]{-webkit-appearance:none} h1,h2,h3,h4,h5,h6 { padding-bottom: 5px; font-weight: normal; font-family: 'Montserrat', sans-serif; } h1 { font-size: 42px; line-height: 48px; } h2 { font-size: 36px; line-height: 42px;} h3 { font-size:24px; line-height: 28px; } h4 { font-size: 20px; line-height: 24px; } h5 { font-size: 18px; line-height: 22px } h6 { font-size: 16px; line-height: 20px; } ul, ol { padding: 0px 0px 20px 15px; } ul, ol { padding: 0 0 15px 20px; } img { display: block; border: 0px; max-width: 100%; height: auto; } .center-align { text-align: center; } /* layout */ #layout { width: 100%; position: relative; background:#fff;} .home #layout { padding-top: 0; } #layout { padding-top: 0; } /* Wrapper */ .centering { max-width:1200px; margin: 0 auto; } .wrapper { max-width: 1200px; margin: 0 auto; } .stick { overflow: hidden; padding-top:} .home #homeBanner { margin-top: 55px; } /* header */ #header { padding: 0; position: fixed; left: 0px; top: 0px; width: 100%; z-index: 9999; } .home #header { position: absolute; } #header.fixed { position: fixed; } /*#header.fixed .topBar { margin-top: -75px; display: none; }*/ #header.fixed .menuBar { } #header.fixed .menuBar li a { } #header.fixed .menuBar li a i { color: #40b1f1; font-size: 20px; line-height: 20px; } #header.fixed .menuBar li { font-size: 15px; border-color: #999;} .menuBar li a i { display: none; } .menuBar li.menu-item-has-children a i { display: block; } .menuBar li.active:hover a, #header.fixed .menuBar li:hover li a:hover, #header.fixed .home .menuBar li li a:hover , #header.fixed .menuBar li li a:hover, #header.fixed .menuBar li:hover a, #header.fixed .menuBar li a:hover { background: #00e1d7; color: #fff; } #header.fixed .menuBar li:hover a i, #header.fixed .menuBar li a:hover i { color: #fff; } .menuBar li.active:hover li a, #header.fixed .menuBar li:hover li a, #header.fixed .home .menuBar li li a , #header.fixed .menuBar li li a { color: #000; background: none; } #header.fixed .menuBar li li a, .menuBar li li a { padding:12px 10px; } #header.fixed .topBar a.logo { display: block; } #header.fixed .topBar p { display: none; } /* topBar */ .topBar { width: 100%; overflow: hidden; transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; background:#000c38; padding-bottom:12px; } .topBar .wrapper { padding: 15px 0 17px; } .topBar .info { float: left; font-size: 14px; line-height: 20px; color: #fff; letter-spacing: 0.06em; } .topBar .info a { margin: 0 5px 0 0; color: #fff; text-decoration: none; } .topBar .info a + a { margin-left: 5px; } .topBar .info a + a:hover { text-decoration: underline; } .topBar .info a[href^="tel"] { cursor: text; } .topBar .singup { float: right; font-size: 14px; line-height: 20px; color: #fff; letter-spacing: 0.04em; } .topBar .singup a { margin: 0 5px; display: inline-block; vertical-align: top; color: #fff; text-decoration: none; } .topBar .singup li:nth-of-type(2) a { font-size: 23px; line-height: 20px; position: relative; bottom: 2px; } .topBar .singup ul { padding: 0px 0 0 2px; margin: 0px; list-style-type: none; display: inline-block; vertical-align: top; } .topBar .singup li { padding: 0 0 0 8px; display: inline-block; vertical-align: top; font-size: 18px; } .topBar .singup li a { margin: 0px; color: #898989; display: block; } .topBar .singup li a:hover { color: #fff; } .topBar .singup a:hover { color: #40b1f1; } .topBar p { clear: both; overflow: hidden; text-align: center; color: #fff; font-size: 14px; line-height: 20px; letter-spacing: 0.06em; padding: 0px; display: none; } .topBar a.logo { width: 103px; height: 25px; display: block; position: absolute; top: 13px; left: 50%; margin-left: -45px; } body.home .topBar p { display: block; } body.home .topBar a.logo { display: none; } /* menuBar */ .menuBar { position: relative; top: 0px; transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; width:100%; float:left; padding-top:22px; background: rgba(0,12,56,0.8);} .menuBar ul { padding: 0px; margin: 0px; list-style-type: none; text-align: center; } .menuBar li {margin-right: 0; display: inline-block; position: relative; vertical-align: top; font-size: 16px; color: #000; line-height: 20px; font-family: 'Montserrat', sans-serif; font-weight:400; } .menuBar li a { padding: 6px 26px 6px 30px; color: #fff; display: block; text-decoration: none; transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; } .menuBar li:hover a, .menuBar li a:hover { /*background: #40b1f1;*/ color: #00e1d7; } .menuBar li:hover a i, .menuBar li a:hover i { color: #fff; } .menuBar li a i { transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; } .menuBar li i { display: block; font-size: 18px; font-weight: bold; color: #40b1f1; } .menuBar li ul { display: none; width: 100%; position: absolute; left: 0px; top: 100%; background: #ececec; border: 1px solid #999999; } .menuBar li:hover ul { display: block; } .menuBar li li { border: 0px; margin-right: 0; text-transform: capitalize; border-top: 1px solid #999; min-width: inherit; width: 100%; font-size: 15px; } .menuBar li li:first-child { border: 0px; } .menuBar li:hover li a, .home .menuBar li li a , .menuBar li li a { color: #000; } .menuBar li:hover li a { background: none; height: auto !important; } .menuBar li.current-menu-item a, .menuBar li.current-menu-ancestor a {/* background: #f0f0f0;*/ color: #00e1d7; } .menuBar li.current-menu-item a i, .menuBar li.current-menu-ancestor a i { transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); color: #40b1f1;} .menuBar li.current-menu-item:hover a i, .menuBar li.current-menu-item a:hover i { color: #40b1f1; } .menuBar li.active a:hover { color: #fff; background: #40b1f1; } .menuBar li:hover li.active a, .menuBar li li.active a, #header.fixed .menuBar li li.active a, .menuBar li li.active a, .menuBar li:hover li a:hover , .menuBar li:hover li.current-menu-item a { background: #40b1f1; color: #fff; } .menuBar li.login { display: none; } .menuBar li.singup { display: none; } /* homeBanner */ #homeBanner { position: relative; background-position: top center; background-size: cover; display: table; width: 100%; } #homeBanner:after { float: left; width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ""; background: rgba(0,12,56,0.9);} /* innerBanner */ #innerBanner { position: relative; background-position: top center; display: table; width: 100%; background-size: cover; height:790px ; overflow:hidden} /* bannerBar */ .bannerBar { padding: 0px; text-align: center; position: relative; width: 100%; display: table-cell; vertical-align: middle; z-index:99; height: 630px; } /*.bannerBar .logo { margin-bottom: 10px; display: inline-block; vertical-align: top; } */ .bannerBar h1 { width: 100%; text-align:center; clear: both; font-size: 42px; line-height: 53px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight:700; padding: 100px 11% 0;} .bannerBar h1 strong {font-weight:700; } .bannerBar h1 span{ color:#00e1d7} .bannerBar h3 { padding: 25px 19% 32px; font-size: 18px; line-height: 24px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight:300; } .bannerBar p{ display:inline-block; margin:15px 9px 0 9px;} .bannerBar div.wistia_embed{ display:inline-block; margin:15px 9px 0 9px;} .bannerBar div div.wistia_click_to_play{ width:auto !important; display:inline-block;} .bannerBar .primary-btn{ display:inline-block} /* innerbannerBar */ .innerbannerBar { padding:220px 0 50px; text-align: center; position: relative; display: table-cell; vertical-align: middle; width: 100%; margin-top:51px; } .innerbannerBar:after { float:left; width:100%; height:100%; position:absolute; left:0; top:0; content:""; background:rgba(0,12,56,0.8)} .innerbannerBar *{ z-index:99} .innerbannerBar h1 { margin: auto; font-size: 53px; color: #fff; line-height: 50px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight:700; padding: 0 180px 20px; } .innerbannerBar h3{ font-size: 18px; color: #fff; line-height: 24px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight:300; } .innerbannerBar p { padding: 0 290px; font-size: 20px; line-height: 29px; color: #fff; padding-bottom: 20px; } .innerbannerBar.meet { top: auto; transform: none; overflow: hidden; } .innerbannerBar .text { padding-left: 0; width: 460px; float: right; text-align: left;} .innerbannerBar .text p { color: #fff; padding: 0px; font-size: 14px; line-height: 20px; font-family: 'Montserrat', sans-serif; font-weight:400; max-width:360px;} .innerbannerBar .text h1 { padding: 0 0 15px 0; font-family: 'Montserrat', sans-serif; font-weight:700; font-size:42px; line-height:42px; } .innerbannerBar .text h3 { padding: 0 0 15px 0; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:22px; line-height:22px; text-transform:capitalize} .innerbannerBar .text .link { font-size: 12px; color: #00e1d7; line-height: 24px; letter-spacing: 1px; display: block; padding-bottom: 10px; text-transform:uppercase } .innerbannerBar .text .link a { text-decoration: none; color:#00e1d7 } .innerbannerBar .text .link a:hover { color: #fff; } .innerbannerBar img.author { position: absolute; margin-left: -505px; left: 50%; bottom: 0px; } .innerbannerBar .wrapper { position: relative; overflow: hidden; } .innerbannerBar p img.alignnone { display: block; margin: 0 auto 30px; width: 467px; height: 92px; float: none !important; } .innerbannerBar p a { margin-top: 40px; } .page-template-maxdalury #innerBanner { height:680px;} .page-template-maxdalury .innerbannerBar .text{ width: 535px;} .page-template-maxdalury #innerBanner .innerbannerBar{padding: 200px 0 50px;} .innerbannerBar .links { padding: 45px 0 0; } .innerbannerBar a.watch:hover { color: #40b1f1; } .innerbannerBar a.watch { margin: 0 100px 0 30px; text-transform: uppercase; letter-spacing: 2px; text-decoration: none; font-size: 16px; line-height: 40px; color: #fff; background: url(images/play_btn.png) left center no-repeat; padding: 0 0 0 55px; display: inline-block; vertical-align: middle; } /* pricingBanner */ #pricingBanner { position: relative; background-position: top center; background-size: cover; min-height: 502px; } /* pricingbannerBar */ .pricingbannerBar { padding: 42px 0; overflow: hidden; text-align: center; } .pricingbannerBar h1 { font-size: 38px; color: #fff; line-height: 44px; letter-spacing: 0.08em; } .pricingbannerBar .one { padding: 0 30px 20px; width: 330px; display: inline-block; vertical-align: top; background: rgba(240,240,240,0.90); margin:55px 13px 10px; } .pricingbannerBar .one h3 { margin: 0 -30px 52px; font-size: 25px; line-height: 30px; text-transform: uppercase; padding: 9px 10px 8px; letter-spacing: 3px; color: #fff; background: #000; } .pricingbannerBar .one h3 span { font-size: 15px; line-height: 21px; padding-top: 4px; display: inline-block; vertical-align: middle; letter-spacing: 0.10em; } .pricingbannerBar .one + .one h3 { margin-bottom: 7px; color: #000; background: #e4e706; letter-spacing: 2px;} .pricingbannerBar span.price { display: block; font-size: 32px; line-height: 42px; } .pricingbannerBar span.price span { font-size: 30px; } .pricingbannerBar .fields { margin-top: 52px; text-align: left; padding: 53px 0 0 22px; border-top: 2px dotted #4fb5f1; } .pricingbannerBar .one+ .one .fields { margin: 0px; } .pricingbannerBar .one p { padding-bottom: 0; } .pricingbannerBar .row { width: 100%; float: left; margin: 0px 0 15px 0; } .pricingbannerBar .row label{ cursor: pointer; position:relative; z-index:9; float:left; font-size: 20px; line-height: 27px; color: #999999; padding-left:40px; } .pricingbannerBar .row.check label{ background: url(images/check.png) left 0px no-repeat; color:#000} .pricingbannerBar .row.cancel label{ background: url(images/cancel.png) left 0px no-repeat;} .pricingbannerBar .primary-btn { float: left; text-align:center; cursor: pointer; height: 33px; max-width: 94%; margin-top: 7px; display: block; width: 100%; } .pricingbannerBar #tab { /*display: none;*/ margin-top:12px; overflow: hidden; } .pricingbannerBar #tab li { overflow:hidden; } .pricingbannerBar .tabs ul { padding: 0px 0 12px 0; list-style: none; overflow: hidden; } .pricingbannerBar .tabs ul#tabs li { cursor: pointer; } .pricingbannerBar .tabs li { width: 50%; font-size: 12px; text-transform: uppercase; line-height:30px; min-height: 30px; float: left; text-align: center; border: 1px solid transparent; border-bottom-color: #999; } .pricingbannerBar .tabs li a { line-height: 15px; padding: 3px 4px 1px; display: inline-block; vertical-align: middle; color: #999; text-decoration: none; } .pricingbannerBar .tabs li a small { font-size: 10px; line-height: 10px; display: block; width:100%; text-align:center } .pricingbannerBar .tabs li:hover a, .pricingbannerBar .tabs li.active a { color: #000; } .pricingbannerBar .tabs li:hover, .pricingbannerBar .tabs li.active { border-color: #999; border-bottom-color: transparent; } .pricingbannerBar .notes { color: #6e6d6d; font-size: 15px; line-height: 18px; padding: 7px 0 10px; display: block; } .pricingbannerBar .notes span { font-size: 13px; color: #9f0707; } /* content */ #content { padding: 25px 0; width: 100%; clear: both; overflow: hidden; } .heading_sec { text-align: center; max-width: 80%; margin: auto; } .heading_sec h2 { padding: 0px 0 13px 0; } .heading_sec h3 { font-size:18px !important; padding-bottom: 35px; font-family: 'Montserrat', sans-serif; font-weight:300; line-height: 28px; text-transform: none !important; } /* benefitBar */ .benefitBar { padding: 61px 0 79px; clear: both; width: 100%; text-align: center; border-bottom: 1px solid #999999; overflow: hidden; clear: both; } .benefitBar .heading_sec h3 { padding-bottom: 13px; } .benefitBar ul { padding: 0px; margin: 0px -40px; list-style-type: none; } .benefitBar li { padding: 0 40px; width: 33.33%; float: left; } .benefitBar li p { font-size: 17px; line-height: 23px; letter-spacing: 0.07em; } .benefitBar h4 { text-transform: uppercase; color: #000; font-size: 23px; line-height: 30px; text-transform: uppercase; letter-spacing: 0.07em; } .benefitBar h4:after { content:""; margin: 12px 0 15px; position: relative; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 209px; display: block; height: 3px; background: url(images/border-bottom.jpg) top left repeat-x; } .benefitBar li img { position: absolute; max-height: 100%; left: 0; top: 0; right: 0; bottom: 0px; margin: auto; } .benefitBar li span.pic { margin: 8px 0 32px; width: 100%; height: 250px; display: block; position: relative; } /* featureBar */ .featureBar { padding: 75px 0 98px; clear: both; width: 100%; text-align: center; border-bottom: 1px solid #999999; overflow: hidden; clear: both; } .featureBar .heading_sec { padding-bottom: 14px; } .featureBar p { padding: 0 0 50px; font-size: 22px; line-height: 29px; color: #000;} .featureBar .repeat { padding: 0 0 65px; margin-bottom: 59px; clear: both; overflow: hidden; text-align: left; background: url(images/border-bottom1.jpg) center bottom no-repeat; } .featureBar .repeat:nth-last-of-type(1){ background: none; padding-bottom: 0px; margin-bottom: 0px; } .featureBar .repeat .image { width: 570px; float: left; } .featureBar .repeat .text { width: 385px; float: right; } .featureBar .repeat ul { padding: 0px 0 3px; margin: 0px; list-style-type: none; } .featureBar .repeat li { padding: 0 0 24px 15px; position: relative; } .featureBar .repeat p { font-size: 16px; line-height: 23px; color: #000; padding-bottom: 10px; } .featureBar .repeat .primary-btn { width: 230px; margin: auto; display: block; margin-top: 47px; text-align: center; position: relative; left: 6px; } .featureBar .repeat p strong { font-size: 17px; color: #40b1f1; display: block; padding-top: 7px; } .featureBar .repeat li:after { content: ""; width: 6px; height: 6px; display: block; position: absolute; top: 7px; left: 0px; background: #40b1f1; border-radius: 100%; } .featureBar .repeat.right .image { float: right; } .featureBar .repeat.right .text { float: left; width: 360px; } /* getstartBar */ .getstartBar { padding: 50px 0 55px; clear: both; width: 100%; text-align: center; overflow: hidden; clear: both; } .getstartBar .primary-btn { width: 230px; margin: 0px auto 0; display: block; margin-top: 30px; text-align: center; } .getstartBar h3 { padding-bottom: 25px; } /* howBar */ .howBar { padding: 90px 0px 90px; margin: 0px; text-align: center; overflow: hidden; border-bottom: 1px solid #e5e6eb; } .howBar h2{ font-weight:700; font-size:42px; color:#000c38; padding-bottom:80px;} .howBar ul { margin: 0px -40px; padding: 25px 0px 0; list-style-type: none; overflow: hidden; } .howBar li { padding: 0 40px; width: 33.33%; float: left; } .howBar li:last-child { margin-right: 0px; } .howBar li img { display: block; margin: auto auto 33px; } .howBar li .number { width: 40px; height: 40px; text-align: center; font-size: 24px; line-height: 40px; background: #cccccc; display: block; margin: auto auto 16px; border-radius: 100%; color: #fff; display:none } .howBar p { font-size: 15px; line-height: 22px; color:rgba(0,12,56,05); font-family: 'Montserrat', sans-serif; font-weight:300; padding:0 15%} /* rotoBar */ .rotoBar {padding: 85px 0px 90px; margin: 0px; text-align: center; overflow: hidden; } .rotoBar h2{ font-weight:700; font-size:42px; color:#000c38; padding-bottom:105px;} .rotoBar ul { overflow: hidden; margin: 0px; padding: 0px; list-style-type: none; } .rotoBar li { padding: 0px; float: left; width: 25%; } .rotoBar p { font-size: 15px; line-height: 22px; color:rgba(0,12,56,05); font-family: 'Montserrat', sans-serif; font-weight:300; padding:0 15%} .page-template-affiliate .rotoBar li { padding: 0 40px; width: 33.3%; } .page-template-affiliate .rotoBar ul { margin: 0px -40px; } .rotoBar li h4 { letter-spacing: 1px; position: relative; padding-bottom: 23px; margin-bottom: 17px; } .rotoBar li img { margin: 0 auto 40px; } .rotoBar li:last-child { margin-right: 0px; } .rotoBar .heading_sec h2 { padding-bottom: 10px; } .rotoBar figure { margin: 35px 0 10px; } .rotoBar figure a { margin-top: 55px; } .rotoBar ul.nba { padding-bottom: 55px; margin:0; } .rotoBar ul.nba li { width: 33.3%; padding: 0 ; } .rotoBar .sample a:last-child { margin: 0px; } .rotoBar ul.nba h4:before { display: none; } .rotoBar ul.nba h4 { margin-bottom: 0px; padding-bottom: 10px; } .rotoBar .sample { padding-top: 37px; } .rotoBar .sample h6 { padding-bottom: 10px; font-size: 14px; line-height: 18px;} .rotoBar .sample a { margin-bottom: 12px; overflow: hidden; display: inline-block; vertical-align: top; position: relative; background: #40b1f1; } .rotoBar .sample a img { margin: 0px; opacity: 0.50; transition: all 1s; -webkit-transition: all 1s; -ms-transition: all 1s; } .rotoBar .sample a span { padding: 5px; letter-spacing: 0.06em; width: 100%; position: absolute; left: 0px; top: 50%; text-align: center; font-size: 32px; line-height: 36px; color: #fff; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transition: all 1s; -webkit-transition: all 1s; -ms-transition: all 1s;} .rotoBar .sample a:hover img { transform: scale(1.1); opacity: 1; } .rotoBar .sample a:hover span { text-shadow: 2px 2px 2px rgba(0,0,0,0.4); } .rotoBar ul.nba + a.primary-btn { margin-bottom: 15px; } /* watchBar */ .watchBar { padding: 38px 0px 45px; margin: 0px; text-align: center; overflow: hidden; } .watchBar h2 { padding-bottom: 23px; line-height: 50px; } .watchBar .fullVideo { max-width: 600px; margin: auto; display: block; position: relative; } .watchBar .fullVideo img { display: block; } .watchBar .fullVideo .play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); font-size: 0px; line-height: 0px; display: block; width: 92px; height: 92px; background: url(images/play-btn.png) top left no-repeat; background-size: cover; } /* .watchBar.sports { border-bottom: 1px solid #999; padding-bottom: 72px; margin-bottom: 15px; }*/ /* maxdaluryBar */ .maxdaluryBar { padding: 70px 0px 80px; margin: 0px; text-align: center; overflow: hidden; background:#f7f7f9 } .maxdaluryBar .wrapper{ max-width:1150px;} .maxdaluryBar h2 { padding: 0 150px 50px; font-size: 33px; line-height: 43px; color:#000c38; font-family: 'Montserrat', sans-serif; font-weight:700 } .maxdaluryBar .fullVideo { max-width: 570px; margin: auto auto 40px; display: block; position: relative; } .maxdaluryBar .fullVideo img { display: block; } .maxdaluryBar .fullVideo .play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); font-size: 0px; line-height: 0px; display: block; width: 67px; height: 67px; background: url(images/play-btn.png) top left no-repeat; background-size: cover; } .maxdaluryBar .one { padding: 33px 68px 42px; margin:10px; width: 50%; max-width:540px; min-height:285px; float: left; background:#fff; border-radius:5px; -webkit-border-radius:5px; box-shadow: 0 0 20px rgba(0,0,0,0.14);} .maxdaluryBar .one + .one img.roto { margin: 0 auto 5px; } .maxdaluryBar .one + .one { background:#0234a1; float:right; padding: 33px 44px 42px;} .maxdaluryBar h3 { padding-bottom: 22px; font-size: 30px; line-height: 30px; color:#000c38; font-family: 'Montserrat', sans-serif; font-weight:700 } .maxdaluryBar .textwidget { padding-bottom: 27px; font-size: 18px; line-height: 28px; color: #000c38 ; font-family: 'Montserrat', sans-serif; font-weight:300 } .maxdaluryBar p { padding-bottom: 27px; font-size: 18px; line-height: 28px; color: #fff ; font-family: 'Montserrat', sans-serif; font-weight:300 } .maxdaluryBar .university{ background:#00e1d7; display:inline-block; width:184px; height:26px; line-height:28px; border-radius:3px; font-size:12px; -webkit-border-radius:3px; color:#fff; text-transform:uppercase; text-decoration:none; text-align:center; font-family: 'Montserrat', sans-serif; font-weight:700; margin-top:10px;} .maxdaluryBar .university:hover{ background:#fff; color:#00e1d7} .maxdaluryBar .primary-btn{ display:inline-block !important} .maxdaluryBar input[type="text"] { padding: 0 20px 0 20px; margin-bottom: 5px; display: block; width: 270px; height: 50px; background: #f0f1f3; border: 0px; font-size: 16px; color:rgba(0,12,56); font-family: 'Montserrat', sans-serif; font-weight:400; border-radius:3px; -webkit-border-radius:3px; } .maxdaluryBar .wysija-submit { padding: 0 10px; cursor: pointer; margin: 0px; border-radius: 3px; -webkit-border-radius: 3px; font-size: 16px; color: #fff; height: 50px; border:none; background: #0234a1; font-family: 'Montserrat', sans-serif; font-weight:400;} .mc4wp-form-fields{ position:relative} .maxdaluryBar input[type="email"] { padding: 0 20px 0 30px; margin-bottom: 5px; display: block; width: 250px; height: 50px; background: #f0f1f3; border: 0px; font-size: 16px; color:rgba(0,12,56); font-family: 'Montserrat', sans-serif; font-weight:400; border-radius:3px; -webkit-border-radius:3px; } .mc4wp-form-fields input[type="submit"] { padding: 0 10px; cursor: pointer; margin: 0px; border-radius: 3px; -webkit-border-radius: 3px; font-size: 16px; color: #fff; height: 50px; border:none; background: #0234a1; width:94px; font-family: 'Montserrat', sans-serif; font-weight:400; position: absolute; top: 0; left: 263px; border:solid 1px #0234a1} .mc4wp-form-fields input[type="submit"]:hover{background: #fff; border:solid 1px #0234a1; color:#0234a1} .maxdaluryBar input.primary-btn:hover { box-shadow: 0px -45px 0px rgba(0,0,0,0.2) inset; -webkit-box-shadow: 0px -45px 0px rgba(0,0,0,0.2) inset; -ms-box-shadow: 0px -45px 0px rgba(0,0,0,0.2) inset; } .maxdaluryBar form { margin: 15px 26px 0 8px; position: relative; } /* clientBar */ .clientBar { padding: 80px 0px 111px; margin: 0px; text-align: center; overflow: hidden; border-bottom: 1px solid #999999; } .clientBar p { padding: 0 0 42px; font-size: 22px; line-height: 29px; color: #000; letter-spacing: 0.06em; } .clientBar ul { margin: 0px; padding: 42px 0 0px; list-style-type: none; } .clientBar li { float: left; padding: 0 16px 3px 8px; background: url(images/line.jpg) bottom center no-repeat; } .clientBar li:last-child { padding-right: 0px; } /* signupBar */ .frequentlyBar { padding: 78px 0 67px 0; border-top: 1px solid #999; border-bottom: 1px solid #999; overflow: hidden; margin: 20px 0 13px 0; } .frequentlyBar h2 { padding-bottom: 37px; text-align: center; } .frequentlyBar .accordian-content { padding: 17px 35px 0; display: none; } .frequentlyBar .accordian-content p { font-size: 19px; line-height: 24px; color: #999; display:table-cell } .frequentlyBar h4 { font-size: 26px; line-height: 30px; } .frequentlyBar .accordian h4 { cursor: pointer; } .frequentlyBar .accordian { padding: 0px; list-style: none; max-width: 770px; margin: auto; } .frequentlyBar .accordian-content p strong, .frequentlyBar h4 strong { color: #40b1f1; } .frequentlyBar .accordian-content p strong { font-size: 21px; padding: 0 7px 0 0;} .frequentlyBar .accordian li { border-bottom: 2px dotted #999; padding: 40px 0; } .frequentlyBar .accordian li.active .accordian-content { display: block; } .frequentlyBar .accordian li.active { padding-bottom: 15px; } /* tierBar */ .tierBar { padding: 50px 0 55px; width: 100%; border-bottom: 1px solid #999; overflow: hidden; } .tierBar h2 { padding-bottom: 18px; line-height: 50px; } .tierBar ul { text-align: center; padding: 0px; list-style: none; margin: 15px -35px 0;} .tierBar li { display: inline-block; vertical-align: top; padding: 0 35px; } .tierBar li:first-child { margin: 0px; } .tierBar h6 { padding-bottom: 15px; margin-bottom: 20px; font-size: 14px; line-height: 28px; text-align: center; position: relative; } .tierBar h6:before { width: 40%; height: 3px; content:''; position: absolute; left: 30%; bottom: 0px; border-bottom: 3px dotted #40b1f1; } /* signupBar */ .workstationBar { width: auto; overflow: hidden; padding: 45px 0 0 0; } .workstationBar h2 { line-height: 50px; } .workstationBar ul { overflow: hidden; padding: 0px; list-style: none;} .workstationBar li { margin-top: 35px; width: 100%; overflow: hidden; } .workstationBar .pic { float: left; } .workstationBar .text { width: 270px; float: right; padding: 30px 0 0 0; position: relative; z-index: 1; } .workstationBar li.right .pic { float: right; } .workstationBar li.right .text { float: left; } .workstationBar h4 { padding-bottom: 10px; margin-bottom: 10px; letter-spacing: 1px; position: relative; } .workstationBar h4:before { width: 350px; height: 2px; content: ''; position: absolute; right: 0px; bottom: 0px; border-bottom: 2px dotted #338ec1; } .workstationBar li.right h4:before { right: auto; left: 0px; } .workstationBar li.right h4:after { right: auto; left: 340px; } .workstationBar li.right h4:first-of-type:after { right: auto; left: 400px; } .workstationBar li p { padding-bottom: 45px; line-height: 20px;} .workstationBar li h4:first-of-type:before { width: 410px; } .workstationBar li h4:first-of-type:after { right: 400px; } .workstationBar .center-align { padding: 55px 0; border-bottom: 1px solid #999; } .checkoutBar { margin-bottom: 10px; width: auto; overflow: hidden; text-align: center; } .checkoutBar ul { padding: 0px; list-style: none; margin: 0 -15px; overflow: hidden; } .checkoutBar li { width: 50%; padding: 0 15px; float: left; } .checkoutBar .col { padding: 65px 20px 55px; min-height: 420px; width: 100%; overflow: hidden; } .checkoutBar li img { margin: 0 0 17px 0; display: inline-block; } .checkoutBar h3 { padding-bottom: 10px; font-size: 30px; letter-spacing: 0.06em; line-height: 34px; } .checkoutBar p { font-size: 18px; line-height: 24px; } /* .payBar { padding: 58px 0 40px; width: auto; text-align: center; overflow: hidden; border-top: 1px solid #999; border-bottom: 1px solid #999; } .payBar .row { position: relative; overflow: hidden; margin: 0 -15px; text-align: center; margin-bottom: 20px;} .payBar .col2 { width: 46%; display: inline-block; vertical-align: top; padding: 10px 15px 0; } .payBar .col2:first-child { border-right: 3px dotted #40b1f1; } .payBar h5 { letter-spacing: 0.05em; text-transform: uppercase; } .payBar span.price { font-size: 62px; line-height: 65px; } .payBar span.price cite { font-size: 32px; line-height: 40px; display: inline-block; vertical-align: top; font-style: normal; } .payBar span.price span.save { font-size: 23px; line-height: 24px; color: #40b1f1; display: inline-block; vertical-align: middle; padding: 0 15px 5px; text-transform: uppercase; } .payBar .radio { width: 21px; height: 21px; position: relative; margin: 10px auto; } .payBar label { border: 3px solid #fff; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; box-shadow: 0px 0px 1px 1px #999; -webkit-box-shadow: 0px 0px 1px 1px #999; -ms-box-shadow: 0px 0px 1px 1px #999; position: absolute; left: 0px; top: 0px; width:19px; height:19px; display: block; } .payBar .radio input[type="radio"] { cursor: pointer; position:relative; z-index:99; width:20px; height:20px; opacity:0; } .payBar .radio input[type="radio"]:checked+label{ background: #4d4d4d; } .payBar ul { padding: 17px 0; list-style: none; } .payBar li { margin: 0 3px; display: inline-block; vertical-align: top; }*/ .maxdaluryBar.checkout { border: 0px; padding-bottom: 0px; } .confirmationBar { text-align: center; width: auto; border-bottom: 1px solid #999; overflow: hidden; padding: 33px 0 20px; } .confirmationBar img.icon { display: inline-block; margin-bottom: 30px; vertical-align: top; } .confirmationBar h2 { font-size: 34px; line-height: 38px; padding-bottom: 40px; } .confirmationBar p { font-size: 22px; line-height: 32px; padding-bottom: 33px; letter-spacing: 0.07em; } .confirmationBar p a { color: #000; } .confirmationBar p a:hover { text-decoration: none; } .programBar { text-align: center; padding: 50px 0 30px; width: auto; overflow: hidden; } .programBar h2 { font-size: 32px; line-height: 38px; padding-bottom: 35px; } .programBar .pic { max-width: 59%; display: inline-block; vertical-align: middle; } .programBar .text { max-width: 41%; display: inline-block; vertical-align: middle; padding: 40px; } .programBar .text p { line-height: 29px; } .programBar a.primary-btn { min-width: 240px; } .centering.blogpage { margin-top:230px;} .content_sec.blogpage { margin: 0 0 0 288px; width: 950px; padding: 205px 40px 100px 40px; } .blogpage h1 { padding-bottom: 30px; color: #40b1f1; font-size: 35px; font-weight: 400; letter-spacing: -0.03em; } .search-no-results .blogpage h1 { padding-bottom: 5px; } .blogpage .post { padding-bottom: 10px; margin-bottom:20px; border-bottom:solid 1px #ccc; overflow: hidden; } .blogpage .post:last-child {padding-bottom: 0px; margin-bottom:0px; border-bottom:none; } .blogpage .post img { float: left; margin: 0px 20px 10px 0; max-width: 230px; height: auto; } .blogpage h4.title { font-size: 25px; color: #40b1f1; line-height: 30px; padding-bottom: 5px; font-family: "Oswald",sans-serif; font-weight: 400; } .blogpage h4.title a { color: #40b1f1; text-decoration: none !important; } .blogpage .blogdetails small { padding-bottom: 5px; display: block; font-size: 16px; } .blogpage p a { color: #40b1f1; text-decoration: underline; } .blogpage p a:hover { text-decoration: none; } /*.blogpage .blog_sidebar { margin-left:60px; }*/ .blogpage .blog_sidebar h3 { padding: 0 0 5px; font-size: 22px; } .blogpage .blog_sidebar ul { padding: 0px; list-style: none; overflow: hidden; } .blogpage .blog_sidebar li { padding: 2px 0 2px 15px; color: #645e50; line-height: 22px; font-size: 16px;background: url("images/bullet.png") no-repeat left 9px; } .blogpage .blog_sidebar li a { color: #000000; text-decoration: none; } .blogpage .blog_sidebar li a:hover { color: #40b1f1; } .blogpage .blog_sidebar li.current-cat a { color: #40b1f1; } .blogpage .blog_sidebar .widget { padding-bottom: 25px; } .blogpage .blog_sidebar { } .blogpage .blog_sidebar { } .blogpage .blog_sidebar { } .single .content_sec.blogpage { overflow: hidden; } .single .blogpage h1 { padding-bottom: 5px; } .single .blogpage small { padding-bottom: 10px; } .single .blogpage img { max-width: 100%!important; } .single .blogpage .thumbnail { margin-bottom: 20px; } .single .blogpage p { padding-bottom: 20px; } .single .blogpage { } .wp-pagenavi {padding: 0 0 20px; } .wp-pagenavi a, .wp-pagenavi span { border: #645e50 solid 1px; padding: 5px 8px;font-size: 15px; color: #645e50; } .wp-pagenavi a:hover, .wp-pagenavi span.current { color: #FFF; border: #40b1f1 solid 1px; background: #40b1f1; } .blogpage .blog_sidebar { float: right; width: 26%; padding-top: 10px; } .ihc-logout-wrap.ihc-login-template-4{margin:0px !important;} .ihc-logout-wrap.ihc-login-template-4 a{ background:none!important; border-bottom:none!important; border-radius: 0px; color: #fff !important; font-weight: 400; padding:0 !important; margin:0 5px !important; text-transform: uppercase!important; font-size: 14px!important; letter-spacing: 0.04em; line-height: 20px!important } .ihc-logout-wrap.ihc-login-template-4 a:hover{ background:none !important} /*.topContent{ float:left; width:100%; margin-top:-37px; padding:15px 0; z-index:999; position:relative; background:rgba(0, 0, 0, 0.7)} .topContent p{ text-align:center; color:#fff; padding-bottom:0}*/ .page-id-300 .entry-header{ padding-top:30px;} .iump-register-form{ display:block} .screen-reader-text{ display:none} .blog_sidebar .search-form{ position:relative} .blog_sidebar .search-field, .search-form .search-field, #cat{ background: #efefef ; border: 0 none; border-radius: 0; color: #595959; display: block; font-size: 17px; height: 45px; letter-spacing: 0.04em; margin-bottom: 5px; padding: 0 95px 0 15px; width: 100%; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; } .search-form{ position: relative; max-width:250px; } #cat{ position: relative; max-width:290px; padding: 0 20px 0 20px; background: #efefef url("images/select_arrow.png") no-repeat 255px 20px; } #cat option{ padding:4px;} .blog_sidebar .search-submit, .search-form .search-submit{ background: #40b1f1 ; line-height: 46px; border: medium none; border-radius: 0; color: #fff; cursor: pointer; font-size: 14px; height: 45px; letter-spacing: 0.06em; margin: 0; padding: 0 10px; position: absolute; right: 0; text-transform: uppercase; top: 0; -webkit-appearance:none } .form-submit .submit, .form-submit input[type="submit"]{ background: #40b1f1 none repeat scroll 0 0; border: none!important; border-radius: 0; color: #fff; cursor: pointer; font-size: 14px; height: 45px; line-height: 46px; letter-spacing: 0.06em; margin: 0; padding: 0 20px!important; text-transform: uppercase; -webkit-appearance:none; margin-left:95px; border:none } .mc4wp-error p{ color:#ff0000 !important; padding-top:10px;} /*.search-no-results .blog_sidebar, .search-results .blog_sidebar{ display:none}*/ .search-no-results #leftbar .search-form{display:none} .search-no-results .page-header{ padding-bottom:15px;} #comments input, #comments textarea{ -webkit-appearance:none; border-radius:0; border: 1px solid #ccc; padding:4px; } #comments label{ vertical-align:top; width:90px; display: inline-block; } .required{ color:#ff0000} .comment-list{ list-style:none} #comments img{ float:left; max-width:60px; height:auto; margin-right:15px;} .comment-list cite{ font-style:normal} .comment-list .comment-metadata{ font-size: 14px; padding-bottom:10px;} #comments .comments-title{ font-size: 22px; padding-bottom:20px; line-height:26px;} #comments .reply{ margin-bottom:15px;} .blogpage { position:relative} .blogpage #leftbar{ max-width:670px; width:100%} .blogpage:after{ position:absolute; left:690px; top:0; width:1px; height:100%; background:#ddd; content:""} .infotext{ display:none} .fixed .infotext{ display:block} .info{ display:block} .fixed .info{ display:none} .infotext a{ color:#fff; font-size: 13px; text-decoration:none; float:left; font-family: 'Montserrat', sans-serif; font-weight:300;} .infotext a:hover{text-decoration:underline;} .infotext a b{ font-weight:normal} .page-template-comingsoon h1{ color:#000} .blog_sidebar.mobile, .blog_sidebar.mobile h3{ display:none; margin-left:0} .blog_sidebar.mobile .search-form { max-width: 290px;} .single-author .full{ padding-top:30px; padding-bottom:30px; } .logged-in .full{ padding-top:30px;} .home.logged-in .full{ padding-top:0px;} .logged-in .entry-header{ padding-bottom:25px} .home .bannerBar .box { max-width: 690px; } .home .bannerBar .box h3 { font-size: 18px; line-height:25px; padding-top: 20px; } #mailpopup{ max-width:340px;} #mailpopup .primary-btn {margin-top: 15px; clear:both} #mailpopup span{ margin-left:2%!important} #mailpopup .yikes-easy-mc-form input[type="text"], .yikes-easy-mc-form input[type="email"]{ margin:0 2%!important; width:96% !important; -webkit-border-radius: 0; -webkit-appearance: none; } #mailpopup .yikes-easy-mc-success-message { line-height:22px;} #mailpopup input[type="text"], #mailpopup input[type="email"] { -webkit-border-radius: 0px; border-radius: 0px !important; -webkit-appearance: none!important; box-shadow: none!important; } #mailpopup .yikes-easy-mc-form input[type="text"]:focus, #mailpopup .yikes-easy-mc-form input[type="url"]:focus, #mailpopup .yikes-easy-mc-form input[type="email"]:focus, #mailpopup .yikes-easy-mc-form input[type="number"]:focus, #mailpopup .yikes-easy-mc-form select:focus{ outline:none !important; background:#e8e6e6 !important} #mailpopup .yikes-easy-mc-submit-button{ background: #40b1f1 none repeat scroll 0 0; border: 0 none; border-radius: 10px; color: #fff; display: inline-block; font-size: 16px; letter-spacing: 0.13em; line-height: 20px; padding: 8px 26px 6px; text-decoration: none; text-transform: uppercase; transition: all 0.3s ease 0s; vertical-align: top; } .iump-register-form{ margin:0 auto; max-width:400px;} #ihc_submit_bttn{ padding:0 25px; border-radius: 10px;} .ihc-tos-wrap > input, .ihc-tos-wrap > a { left: -45px; position: relative;} .ihc-login-template-4 .impu-form-submit input{ background: #40b1f1 !important; border: medium none!important; border-radius: 10px; color: #fff!important; cursor: pointer; font-size: 14px; height: 45px; letter-spacing: 0.06em; margin: 0; padding: 0 10px; text-transform: uppercase; } .ihc-login-template-4 .impu-form-submit input:hover { box-shadow: 0px -45px 0px rgba(0,0,0,0.2) inset!important;; -webkit-box-shadow: 0px -45px 0px rgbargba(0,0,0,0.2) inset!important;; -ms-box-shadow: 0px -45px 0px rgbargba(0,0,0,0.2) inset!important; background: #40b1f1 !important;} .ihc_locker_8 .ihc-login-template-4 .impu-form-line-fr input[type="text"], .ihc-login-template-4 .impu-form-line-fr input[type="password"]{ color: #2b2b2b !important;} .ihc-login-template-4 .impu-form-label-remember{ color:#40b1f1} .ihc-ap-theme-1 .ihc-account-page-top-mess{ width:100%;} .ihc-ap-theme-1 .ihc-account-page-top-mess p{ line-height:24px;} span.payment { float: right; background: #40b1f1 none repeat scroll 0 0; border: 0 none; border-radius: 10px; color: #fff; display: inline-block; font-size: 16px; letter-spacing: 0.13em; line-height: 20px; padding: 8px 26px 6px; text-decoration: none; text-transform: uppercase; transition: all 0.3s ease 0s; vertical-align: top; } .iump-form-line-register span{ float:right} span.payment:hover { box-shadow: 0px -45px 0px rgba(0,0,0,0.2) inset!important;; -webkit-box-shadow: 0px -45px 0px rgbargba(0,0,0,0.2) inset!important;; -ms-box-shadow: 0px -45px 0px rgbargba(0,0,0,0.2) inset!important; background: #40b1f1 !important;} .ihc-login-template-4 .impu-form-line-fr input[type="text"], .ihc-login-template-4 .impu-form-line-fr input[type="password"]{ background-color: #eee !important;} .bannerBar .box { background:rgba(0, 159, 171, 0.2); border-radius:15px; padding:50px 50px 30px; display:inline-block; } .about_foot h2 { padding-bottom: 28px; text-align: center; } .about_foot { padding: 40px 0 0; overflow: hidden; } .about_foot .img_section { float: left; width: 58.8%; } .about_foot .right_content { float: right; width: 38.5%; } .about_foot .howBar { width: 100%; float:left; border-top: 1px solid #999999; margin-top: 54px; padding-top: 48px; } .about_foot .howBar h2 { padding-bottom: 5px; } .about_foot .howBar p a { } .about_foot .signupBar { width: 100%; float:left; border: none; } .about_foot .signupBar h2 { padding-bottom: 45px; } .about_foot .right_content p br { margin: 10px 0; } .about_foot .signupBar textarea { background: #efefef none repeat scroll 0 0; border: 0 none; color: #595959; display: block; font-size: 17px; height: 165px; letter-spacing: 0.04em; margin-bottom: 15px; padding: 20px; width: 100%; } .about_foot .right_content ul { padding: 0; list-style: none; } .about_foot .right_content li { padding: 0 10px 15px 15px; position: relative; width: 100%; float:left; font-size: 18px; line-height: 24px; letter-spacing: 0.07em; } .about_foot .right_content li:before { content: ''; position: absolute; left: 2px; top: 9px; width: 5px; height: 4px; background: #40b1f1; border-radius: 50%; -webkit-border-radius: 50%; } .about_foot .right_content li a { text-decoration: none; } .about_foot .right_content li a:hover { text-decoration: underline; } /*==============================================19-dec-2015================================================*/ .topBar .singup li a .fa-facebook { font-size: 20px; } .topBar .singup li a .fa-google-plus { font-size: 16px; } .bannerBar p { text-shadow: none; font-weight: normal; } .simpleBar h2 { padding-bottom: 0; } .simpleBar small { display: block; font-size: 24px; line-height: 30px; letter-spacing: 3px; padding-bottom: 10px; } .topBar .info a:first-child { cursor: default; } .maxdaluryBar .one form p { padding-bottom: 0; } .about_foot .signupBar input[type="email"] { padding: 0 20px; margin-bottom: -2px; display: block; width: 100%; height: 45px; background: #efefef; border: 0px; font-size: 17px; color: #595959; } .about_foot .signupBar textarea { margin-bottom: -2px; } .about_foot .signupBar { padding-bottom: 38px; } .about_foot .signupBar .ajax-loader { display: none; } .about_foot .signupBar input[type="submit"] { min-width: 230px; cursor: pointer; padding: 6px 25px 5px; border-radius: 10px; letter-spacing: 0.13em; font-size: 16px; color: #fff; line-height: 20px; display: inline-block; vertical-align: top; background: #40b1f1; text-decoration: none; text-transform: uppercase; border: 0px; transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; } .about_foot .signupBar input[type="submit"]:hover { box-shadow: 0px -35px 0px rgba(0,0,0,0.2) inset; -webkit-box-shadow: 0px -35px 0px rgba(0,0,0,0.2) inset; -ms-box-shadow: 0px -35px 0px rgba(0,0,0,0.2) inset; } .topBar .info { display: none; } .topBar .infotext { display: block; background:#0234a1; width:100%; height:64px; float:left;} .most_top{ width:100%; float:left; text-align:center } .most_top label{ color:#fff; font-family: 'Montserrat', sans-serif; font-size:13px; font-weight:300; padding-right:13px; letter-spacing: 0.2px;} .most_top label span{ color:#00e1d7; font-weight:700;} .most_top input[type="text"]{ background:rgba(255,255,255,0.1)!important; color:rgba(255,255,255,0.9); font-family: 'Montserrat', sans-serif; font-size:13px; font-weight:300; border:none; width:142px; height:28px; line-height:28px; border-radius: 4px; -webkit-border-radius: 4px; padding:0 12px;} .most_top input[type="submit"]{ background:#ffffff; color:#000c38; width:90px; height:30px; line-height:22px; font-size:13px; font-family: 'Montserrat', sans-serif; font-weight:400; border-radius: 4px; -webkit-border-radius: 4px; margin-left:-13px; cursor:pointer} .most_top input[type="submit"]:hover{ background:#000c38; color:#ffffff;} .most_top input[type="text"]:focus{color:rgba(255,255,255,1);} .topBar .social_icon{ float:left; width:auto} .about_foot .signupBar input[type="email"].wpcf7-not-valid { border: 1px solid #F00; } .about_foot .signupBar span.wpcf7-not-valid-tip { display: none; } .about_foot .signupBar div.wpcf7-validation-errors { border: none; margin: 0; color: #F00; } .about_foot .signupBar textarea.wpcf7-not-valid { border: 1px solid #F00; } .maxdaluryBar .mc4wp-alert.mc4wp-success { padding-top: 15px;} .maxdaluryBar .mc4wp-alert.mc4wp-success p { font-size: 15px; color: #008000; } .error404 h3{color: #fff;} .error404 .page-header { text-align: center; } .error404 .page-wrapper { text-align: center; } .error404 .msg a { display: inline-block; margin-top: 10px;margin-right:49px; } .error404 .msg { text-align: center; width: 100%; overflow: hidden; } .error404 .primary-btn:last-child { margin-right:0px;} .infographic_bar img {width: 100%;} .infographic_bar .innerbannerBar { padding: 40px 0 0; } .error404 .innerbannerBar { padding: 255px 0 255px 0; } .error404 .innerbannerBar h3 { padding:22px 0 5px; letter-spacing: 2px;} .error404 .innerbannerBar p { padding-bottom: 30px; padding-left:0px; padding-right:0px; letter-spacing: 0.09em;} .left_section { width: 25.6%!important; background: #091821; padding: 25px; } .right_section { width: 74.3%!important;background: #0a1c26!important; } .videobar_university .left_section { margin: 0; background: #091821; padding: 40px 25px 0; } .videobar_university .intro { padding: 22px 25px; border-bottom: 1px solid #00060d; border-top: 1px solid #00060d; margin: 0 -25px; background: #0a1c26; } .videobar_university .project h4 { text-transform: uppercase; font-size: 24px; line-height: 28px; font-weight: normal; padding-right: 20px; padding-bottom: 15px; } .videobar_university .project p { color: #b2b2b2!important; font-size: 14px; line-height: 26px; font-weight: normal; min-height: 355px; letter-spacing: 0.02em; } .videobar_university h2 { color: #40b1f1; font-size: 20px; line-height: 24px; font-weight: normal; border-bottom: 1px solid #102b3b; margin-bottom: 20px; padding: 25px 0 15px; } .videobar_university h2 span.total { color: #1c4c68; } .videobar_university .video_share { overflow: hidden; } .videobar_university .video_share a { margin: 0px 12px 0 0!important; width: 26px !important; height: 26px !important; display: block !important; float: left !important; } .videobar_university .video_share a img { display: none !important; } .videobar_university .video_share a.synved-social-provider-facebook { background: url(images/university_social1.png) no-repeat !important; } .videobar_university .video_share a.synved-social-provider-twitter { background: url(images/university_social2.png) no-repeat !important; } .videobar_university .video_share a.synved-social-provider-google_plus { background: url(images/university_social4.png) no-repeat!important; } .videobar_university .video_share a.synved-social-provider-instagram { margin-right: 0px !important; background: url(images/university_social3.png) no-repeat!important; } .videobar_university .video_share a:hover { opacity: 0.7; } .videobar_university .video_share a.synved-social-provider-mail { background: url(images/university_social5.png) no-repeat!important; } .videobar_university .video_share span { float:left; line-height: 26px; font-size: 12px; text-transform: uppercase; padding-right: 22px; } .videobar_university .intro cite { padding: 0 12px; display: inline-block; color: #ffd700; font-style: normal; text-transform: uppercase; border-radius: 5px; line-height: 30px; -webkit-border-radius: 5px; background: #3b411e; font-size: 18px; } .videobar_university .project { height: 501px; overflow: hidden; position: relative; } .videobar_university .project .projectshow { position: absolute; left: 0px; top: 0px; } .videobar_university .right_section .rsOverflow {background: none; } .videobar_university .right_section .rsDefault .rsThumbs { background: #0a1c26!important; padding: 0 25px 25px!important; cursor: default; } .videobar_university .right_section .videoGallery .rsTmb { padding:0px; position: relative; } .videobar_university .right_section .videoGallery .rsThumbs .rsThumb { border-right: 15px solid #0a1c26; border-bottom: none; width: 209px;cursor: pointer; } .videobar_university .right_section .rsDefault .rsThumbsArrow { height: 14px; width: 14px; border-bottom: none; } .videobar_university .right_section .videoGallery .rsTmb strong { color: #999999; font-size: 12px; line-height: 16px; text-transform: uppercase; display: block; letter-spacing: 0.02em; padding: 10px 15px 5px; } .videobar_university .right_section .videoGallery .rsTmb span { color: #fff; font-size: 14px; line-height: 20px; display: block; letter-spacing: 0.02em; padding: 0 25px 15px 15px; min-height: 70px; } .videobar_university .rsDefault .rsThumb.rsNavSelected img { /*opacity: 1;*/} .videobar_university .rsDefault .rsThumbsArrowDisabled { display: none!important; opacity: 1!important; } .videobar_university .mCSB_container { width: auto; } .videobar_university .rsDefault .rsThumbsArrow { top: auto !important; bottom: -1px;z-index: 9999; } .videobar_university .mCustomScrollBox { /* overflow: visible; */ } .videobar_university .rsDefault .rsThumbsHor { height: 296px; } .videobar_university #video-gallery { height: auto !important; overflow: hidden; position: relative; width: 100%; background: none; } .videobar_university .right_section .videoGallery .rsTmb { position: relative; } .videobar_university .right_section .videoGallery .rsTmb:hover img { opacity: 0.8; } .videobar_university .right_section .videoGallery .rsTmb:before { content: ''; display: none; z-index: 99; position: absolute; left: 0px; top: 0px; width: 102%; height:100%; background: rgba(44,44,44,0.8) url(images/rsthumb_hover.png) center 20px no-repeat; } .videobar_university .right_section .videoGallery .rsThumb.rsNavSelected .rsTmb:before { display: block; } .videobar_university .rsDefault .rsThumb.rsNavSelected { background: #000; } .videobar_university .rsDefault .rsThumb.rsNavSelected img { opacity: 1; } .videobar_university .rsDefault .rsThumb img { width: 99.8%; } .videobar_university .right_section .mid_title { display: block; padding: 23px 25px 10px; width: 100%; color: #40b1f1; font-size: 16px; line-height: 20px; } .videobar_university .right_section .mid_title strong { font-weight: normal; } .videobar_university .right_section .mCustomScrollBox { border-top: 1px solid #102b3b; padding-top: 13px; } .videobar_university .right_section .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .videobar_university .right_section .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; } .videobar_university .right_section .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 0; background: #40b1f1; border-radius: 0px; -webkit-border-radius: 0px; border-bottom: 3px solid #07131a; border-top: 3px solid #07131a; } .videobar_university .right_section .mCSB_scrollTools.mCSB_scrollTools_horizontal { height:14px; margin: 0!important; } .videobar_university .right_section .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerContainer { background: #07131a; } .videobar_university .right_section #mCSB_1_scrollbar_horizontal { bottom: 0!important; } .videobar_university .right_section .rsDefault .rsThumbsArrowLeft .rsThumbsArrowIcn { background: url(images/slider_scrall_left.png) no-repeat!important; top: 0px !important; left: 0px !important; margin: 0px !important; width: 14px !important; height: 14px !important; } .videobar_university .right_section .rsDefault .rsThumbsArrowRight .rsThumbsArrowIcn { background: url(images/slider_scrall_right.png) no-repeat!important; top: 0px !important; left: 0px !important; margin: 0px !important; width: 14px !important; height: 14px !important; } .videobar_university { width: 100%; background-size: cover; padding-bottom: 55px; } .videobar_university.loading { overflow: hidden; position: relative; background: #010809; } .videobar_university.loading .wrapper { opacity: 0; } .videobar_university.loading:before { content: 'LOADING...'; position: absolute; left: 0px; top: 45%; width: 100%; text-align: center; font-size: 40px; color: #fff; line-height: 50px; } .videobar_university #selectMe option { border: none; padding: 5px 25px; background: #112f40; font-size: 16px; } .videobar_university #selectMe { cursor: pointer; -webkit-border-radius: 0; } .videobar_university .mCSB_scrollTools .mCSB_draggerRail { height: 14px!important; margin: 0!important; background: #07131a; border-radius: 0px!important; -webkit-border-radius: 0px; position: relative; z-index: 999; } .videobar_university .mCSB_horizontal.mCSB_inside > .mCSB_container { margin: 0px!important; padding-bottom: 25px !important; } .videobar_university .mCSB_scrollTools .mCSB_dragger { z-index: 9991; } .videobar_university .rsDefault.rsWithThumbsHor .rsThumbsContainer { overflow: hidden; } .videobar_university .rsVideoContainer { width: 100%!important; height: 490px!important; } .videobar_university .rsVideoContainer iframe { width: 100%; height: 490px!important; position:relative!important; } .videobar_university .right_section .rsOverflow { height: 490px!important; } .videobar_university .mCSB_scrollTools .mCSB_draggerRail:before { background: url(images/slider_scrall_left.png) no-repeat!important; top: 0px !important; left: 1px !important; margin: 0px !important; width: 14px !important; height: 14px !important; content: ''; position: absolute; cursor: pointer; } .videobar_university .mCSB_scrollTools .mCSB_draggerRail:after { background: url(images/slider_scrall_right.png) no-repeat!important; top: 0px !important; right: 1px !important; margin: 0px !important; width: 14px !important; height: 14px !important; content: ''; position: absolute; cursor: pointer; } .videobar_university .video_share a.synved-social-provider-facebook.synved-social-button-follow, .videobar_university .video_share a.synved-social-provider-twitter.synved-social-button-follow, .videobar_university .video_share a.synved-social-provider-twitter.synved-social-button-follow, .videobar_university .video_share a.synved-social-provider-twitter.synved-social-button-follow, .videobar_university .video_share a.synved-social-provider-google_plus.synved-social-button-follow { display: none!important; } .videobar_university .video_share a.synved-social-provider-linkedin.synved-social-button-follow { display: none!important; } .videobar_university .video_share a.synved-social-provider-rss.synved-social-button-follow { display: none!important; } .videobar_university .video_share a.synved-social-provider-youtube.synved-social-button-follow { display: none!important; } .videobar_university select::-ms-expand { display: none;} .show_more_main { clear: both; overflow: hidden; width: 100%; } .marketplace-bar { text-align: center; color: #fff; height: 502px; width:100%; overflow: hidden; margin: auto; background: url(images/marketplace_bg.jpg) center top no-repeat; background-size: cover; } .marketplace-bar h1 { color: #ffffff; font-size: 38px; letter-spacing: 0.03em; font-weight: normal; padding-bottom: 10px; line-height: 44px; margin: auto;} .marketplace-bar .mid { max-width: 630px; margin: auto; position: relative; top: 40%; /*transform: translateY(-50%);*/ /*-webkit-transform: translateX(-50%)*/ } .marketplace-bar p { padding: 0 40px 10px; color: #fff; letter-spacing: 0.08em; font-size: 16px; line-height: 27px; } .marketplace-bar { } .marketplace-bar { } .marketplace-bar { } .how_it_work-bar .tabs { width: 100%; overflow: hidden; background: #0a1c26 url(images/how_it_work_bg.jpg) top repeat-x; } .how_it_work-bar .tabs ul { list-style: none; overflow: hidden; margin: 0; padding: 0; overflow: hidden; background: url(images/how_it_work_div.jpg) right 15px no-repeat; } .how_it_work-bar .tabs li { float: left; width: 20%; text-align: center; background: url(images/how_it_work_div.jpg) left 15px no-repeat; } .how_it_work-bar .tabs li a { padding: 8px 5px ; color: #fff; text-transform: uppercase; font-size: 12px; line-height: 20px; display: block; text-decoration:none } .how_it_work-bar .tabs li a span { display: block; margin: auto; width: 72px; height:45px; background: url(images/how_it_work_icon1.png) left top no-repeat; } .how_it_work-bar .wrapper { padding: 0 15px; max-width: 1030px; } .how_it_work-bar .tabs li a span.icon2 { background-image: url(images/how_it_work_icon2.png); } .how_it_work-bar .tabs li a span.icon3 { background-image: url(images/how_it_work_icon3.png); } .how_it_work-bar .tabs li a span.icon4 { background-image: url(images/how_it_work_icon4.png); } .how_it_work-bar .tabs li a span.icon5 { background-image: url(images/how_it_work_icon5.png); } .how_it_work-bar .tabs li a:hover span, .how_it_work-bar .tabs li.active a span { background-position: left bottom; } .how_it_work-bar .tabs li a:hover, .how_it_work-bar .tabs li.active a { background: #d9d9d9; color: #184159; } .how_it_work-bar h2 { text-align: center; color: #000; font-size: 39px; letter-spacing: 0.08em; font-weight: normal; padding-bottom: 10px; line-height: 44px; margin: auto;} .how_it_work-bar .work .left { width: 58%; float: left; } .how_it_work-bar .work .right { width: 42%; float: right; } .how_it_work-bar .work { padding: 48px 0; overflow: hidden; } .how_it_work-bar .work h2 { padding-bottom: 50px; } .how_it_work-bar .work th { color: #4c73b6; font-size: 11px; padding-top: 2px; font-weight: bold; border-bottom: 2px solid #ccc; height: 22px; } .how_it_work-bar .work th img { display: inline-block; } .how_it_work-bar .work tr.small th { font-size: 9px; padding-top: 4px; } .how_it_work-bar .work td { text-align: center; padding-top: 5px; border-bottom: 1px solid #e6e6e6; height: 30px; } .how_it_work-bar .work td img { display: inline-block; } .how_it_work-bar .work .right { padding: 0 20px; text-align: center; } .how_it_work-bar .work .block { padding: 30px 0 15px; } .how_it_work-bar .work .block p { padding: 0 10px; color: #000; font-size: 16px; line-height: 26px; letter-spacing: 0.08em; } .how_it_work-bar .work .block span { font-size: 24px; line-height: 40px; height: 40px; width: 40px; display: block; text-align: center; margin: 0 auto 10px; color: #fff; background: #38aff3; border-radius: 50%; -webkit-border-radius: 50%; } .how_it_work-bar .work .block { } .how_it_work-bar .work .block { } .how_it_work-bar .nfl_text { padding: 48px 0; margin: 0 -15px; overflow: hidden; } .how_it_work-bar .nfl_text h4 { padding: 3px 10% 50px; font-size: 22px; line-height: 29px; letter-spacing: 0.08em; text-align: center; } .how_it_work-bar .nfl_text img { display: block; margin: 0 auto 15px; } .how_it_work-bar .nfl_text .block { padding: 0 15px; width: 33.3%; text-align: center; float: left; border-left: 1px solid #e6e6e6; } .how_it_work-bar .nfl_text .block.first { border:none; } .how_it_work-bar .nfl_text .block p { padding: 0 25px; color: #000; font-size: 16px; line-height: 22px; letter-spacing: 0.08em; } .how_it_work-bar .nfl_text hr { border: none; border-bottom: 2px dotted #48b4f2; margin: 15px auto; display: block; width: 85px; } .how_it_work-bar .nfl_text .text { padding-bottom: 10px; min-height: 201px; } .how_it_work-bar .nfl_text a.btn { padding: 8px 20px 6px; border-radius: 10px; letter-spacing: 0.13em; font-size: 16px; color: #fff; line-height: 20px; display: inline-block; vertical-align: top; background: #40b1f1; text-decoration: none; text-transform: uppercase; border: 0px; transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; } .how_it_work-bar .nfl_text a.btn:hover { box-shadow: 0px -35px 0px rgba(0,0,0,0.2) inset; -webkit-box-shadow: 0px -35px 0px rgba(0,0,0,0.2) inset; -ms-box-shadow: 0px -35px 0px rgba(0,0,0,0.2) inset; } .browserBar.chrome .row{ width:30.8%; float:left; padding-top:0px; margin-right:3.7%; margin-bottom:3.5%} .browserBar.chrome .row a{ font-size:16px; line-height:21px ; color:#000; text-decoration:none} .browserBar.chrome .row:nth-child(3n){ margin-right:0px} .browserBar.chrome figure{ border:none} .browserBar.chrome figure img{ width:100%; max-width:100%} .innerbannerBar.chorme_ext_img{ text-align:left} .innerbannerBar.chorme_ext_img h1{ padding-left:0px} .innerbannerBar.chorme_ext_img p{ padding-left:0px; padding-right:0px; width:65%; font-size:18px; line-height:23px} #content.sports.chorme_ext .watchBar.sports h1{ font-size:40px; padding-bottom:18px} #content.sports.chorme_ext .watchBar.sports{ margin-bottom:50px} #content.sports.chorme_ext .watchBar.sports p{ font-size:22px; line-height:27px} #content.sports.chorme_ext .heading_sec{ padding-bottom:15px} #content.sports.chorme_ext h1{ text-align:center ;font-size:40px; padding-bottom:18px ;} #content.sports.chorme_ext .browserBar.chrome{ padding-top:15px} #content.sports.chorme_ext .signupBar.sports h2{ padding-bottom:0px} #content.sports.chorme_ext .signupBar.sports h3{ padding-bottom:13px} #content.sports.chorme_ext .signupBar{ padding-top:0px} #content.sports.chorme_ext .watchBar.sports{ padding-bottom:29px} #content.sports.chorme_ext .browserBar{ padding-bottom:18px} .pricingbannerBar .one + .one .price{ font-size:23px; line-height:30px} .pricingbannerBar .one + .one .price del{ padding-right:10px} .pricingbannerBar .one + .one .price br{ display:none} .pricingbannerBar .one.free .primary-btn{ margin-top:34px} .nfl_text.details.coming_soon{ min-height:340px; padding-top:122px} .tabscontent.active small{ padding-bottom:12px; display:block} .blogpage p { line-height: 23px; } #comments img.avatar { border: 1px solid #cccccc; display: block; float: left; height: auto; margin: 0 10px 10px 0; max-width: 100%; width: 50px; } #comments ol p {padding: 0; } #comments ol form p {padding: 0 0 15px; } #comments ol { list-style: none; padding: 0; } #comments label {line-height: 38px;} #comments textarea, #comments input[type="text"], #comments input[type="email"] , #comments input[type="url"] { width: 320px; font-size: 16px; } #comments input[type="text"], #comments input[type="email"] , #comments input[type="url"] { height: 38px; } #comments .form-submit .submit, #comments .form-submit input[type="submit"] {line-height: 38px; height: 38px; } .blogdetails h3 { padding: 0px 0 5px; } .alignleft, .alignnone { float: left !important; margin-right: 1em !important; margin-top: 10px !important; margin-bottom: 10px !important; } .alignright { float: right !important; margin-left: 1em !important; margin-top: 10px !important; margin-bottom: 10px !important; } .aligncenter { clear: both; display: block; margin: 10px auto; } .wp-caption { border: 1px solid #7b7b7b; } .wp-caption img { margin: 0 !important; padding: 5px; display: block; width: 100%; } .wp-caption p { text-align: center; padding: 3px 0 !important; font-size: 14px !important; line-height: 18px !important; color: #000 !important; } .comments-area{ float:left; width:100%;} .comments-area .comment-form{ float:left; width:100%} .comments-area .comment-form p { font-size:16px; padding-bottom: 15px;} .comments-area .comment-form p a{ color:#585858} .comments-area .comment-form label span.required{ color:#f00} .comments-area .comment-form input[type="submit"]{ -webkit-appearance:none; border-radius:0; } #form-allowed-tags{ display:none} .comment-form{ margin-top:0;} .comments-area{ margin:0} .comments-area h2{ padding-bottom:15px; line-height:40px} .comments-area ol.comment-list{ float:left; width:100%; list-style:none; margin:0} .comments-area ol.comment-list li{ float:left; width:100%; text-align:left; margin:0 0 20px 0; position:relative; } .comments-area ol.comment-list li article{ margin-left:65px; border-bottom:1px dashed #cccccc; padding-bottom:10px; } .comments-area ol.comment-list li .comment-meta{ background:none} .comments-area ol.comment-list li .comment-meta a { text-decoration: none; } .comments-area ol.comment-list li .comment-meta p{ text-align:left; color:#000; font-size:18px; line-height:20px; padding-bottom:0} .comments-area ol.comment-list li .comment-meta{ font-size:14px; line-height:18px; } .comments-area ol.comment-list li .comment-meta .vcard{ display:inline-block; font-size:16px; line-height:18px; padding-bottom:5px} .comments-area ol.comment-list li .comment-meta .vcard img{ float:left; width:60px; height:60px; margin:0 0 10px 0; position:absolute; left:0; top:0} .comments-area ol.comment-list li .comment-meta .vcard b{ font-weight:normal;} .comments-area ol.comment-list li .comment-meta .vcard span{ display:inline-block; float:none; width:auto;} .comments-area ol.comment-list li .comment-meta .comment-metadata{ display:inline-block; padding-bottom:5px} .comment-notes span{ width:auto;} .comments-area ol.comment-list li .comment-respond{ margin-top:20px;} .comments-area ol.comment-list li ol.children{ list-style:none; margin:20px 0 0 8px; float:left; width:99%} .comments-area ol.comment-list li article .reply{ font-size:16px; line-height:18px} label.error{ display:none !important} input.error{ border:1px solid #f00 !important} textarea.error{ border:1px solid #f00 !important} span.ValidationErrors{ display:none !important} input.ErrorField{ border:1px solid #f00 !important} textarea.ErrorField{ border:1px solid #f00 !important} .blog_sidebar .search-submit, .search-form .search-submit, #comments .form-submit .submit, #comments .form-submit input[type="submit"] { transition: all 0.3s ease 0s; } .blog_sidebar .search-submit:hover , .search-form .search-submit:hover, #comments .form-submit .submit:hover, #comments .form-submit input[type="submit"]:hover { box-shadow: 0 -50px 0 rgba(0, 0, 0, 0.2) inset; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } #comments textarea { resize: none; } .blogdetails h3#reply-title small { display: inline-block; padding: 0; } .innerbannerBar p img.alignnone.saber { margin:0 65px} .innerbannerBar p img.alignnone.saber { margin: 0 auto 20px !important; width: auto !important; height: auto !important; } .fullVideo.affi .wistia_embed { width: 100% !important; height: 100% !important; position: absolute; top: 0px; left: 0px; margin: auto; } .pricingbannerBar .fields { padding: 20px 0 0 10px; margin-top: 34px; overflow: hidden; } .pricingbannerBar .row { margin-bottom: 4px; } .pricingbannerBar .row label { font-size: 16px; background-size: 22px !important; background-position: left 3px!important; padding-left: 35px !important; } .pricingbannerBar .one.free .primary-btn { margin-top: 7px; } .pricingbannerBar .one h3 { font-size: 18px; margin-bottom: 40px; } .pricingbannerBar .one { margin-top: 25px; } .pricingbannerBar { padding-top: 30px; } .maxdaluryBar p { font-size: 17px; line-height: 22px; } .frequentlyBar .accordian li li { padding: 10px 0; } .frequentlyBar .accordian li ul { padding: 0px; list-style: none; } .clientBar ul { text-align: center; } .clientBar li { float: none; display: inline-block; } .innerbannerBar .links.topspace { padding: 10px 0 0;} .how_it_work-bar .nfl_text .block { min-height: 390px; margin-bottom: 20px; } .how_it_work-bar .nfl_text img { max-height: 70px; } .videobar_university .top_univer .widget-first { padding: 15px 18px 18px; float: right; margin: 40px 0 0; width: 440px; background: #eeeeee; } .videobar_university .top_univer .widget-first h2 { padding: 0 0 5px; margin: 0; letter-spacing: 0.01em; text-align: center; color: #000; font-weight: 400; border: none; font-size: 19px; } .videobar_university .top_univer .widget-first p { max-width: inherit; display: block; } .videobar_university .top_univer .widget-first input[type="email"] { color: #000; font-weight: 400; font-size: 15px; padding-left: 10px; border: 2px solid #757575; width: 100%; margin: 0; height: 36px; float:left; background: #fff; border-radius: 0; -webkit-border-radius: 0; } .videobar_university .top_univer .widget-first input[type="submit"] { position: absolute; right: 0px; top: 0px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; height: 36px; width: 84px; background: #1c3566; text-transform: none; } .videobar_university .top_univer .widget-first .mc4wp-form-fields { position: relative; padding-right: 90px; } .videobar_university .top_univer .widget-first .mc4wp-success, .videobar_university .top_univer .widget-first .mc4wp-error { width: 100%; float: left; padding: 8px 0 0; } .videobar_university .top_univer { position: relative; overflow: hidden; } .videobar_university .top_univer .widget-first .mc4wp-notice { width: 100%; float: left; padding: 8px 0 0; } .videobar_university .top_univer .widget-first .mc4wp-notice p, .videobar_university .top_univer .widget-first .mc4wp-error p { font-size: 14px; line-height: 17px; text-align: center; color: #ff0000; } .videobar_university .top_univer .widget-first .mc4wp-success p { font-size: 14px; line-height: 17px; text-align: center; color: #008000; } .videobar_university .top_univer .widget-first input[type="submit"]:hover { box-shadow: 0 -36px 0 rgba(0, 0, 0, 0.2) inset; cursor:pointer} .bannerBar .box .watch { padding-left: 45px; text-decoration: none; color: #ff00ee; font-size: 16px; display: inline-block; vertical-align: top; line-height: 40px; background: url(images/play123.png) center left no-repeat; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; margin-top: -20px; } .bannerBar .box .watch:hover { opacity: 0.8; } .wistia_popover_overlay { width: 100% !important; } #wistia-ak3zg0ud4v-1_popover_popover_close_button { opacity: 1 !important; } /*========22-june=========*/ .workstationBar li.right h4:first-of-type::after, .workstationBar li.right h4::after { left: 100% !important; right: auto !important; } .workstationBar li h4:first-of-type::before, .workstationBar h4::before { width: 102% !important; } .workstationBar li h4:first-of-type::after, .workstationBar h4::after { right: 100% !important; left: auto !important; } .home #homeBanner .wistia_responsive_padding { display: none; } .videoBar { padding-top: 25px; } .videobar_university .top_univer p { line-height: 21px; letter-spacing: 0.06em; } #videoscroll .checkout.chkbutton, #videoscroll .checkout.chkbutton_sec { background: #3b411e; border-radius: 5px; color: #ffd700; display: inline-block; font-size: 18px; font-style: normal; line-height: 20px; padding: 5px 12px; text-transform: uppercase; text-decoration: none; } .videobar_university .project p { min-height: 280px; } .videobar_university .checkout.chkbutton { margin-bottom: 40px; } .videobar_university .top_univer { padding: 15px 0 10px; } #videoscroll .checkout.chkbutton_sec { max-width: 340px; text-align: center; margin: 0 auto 15px; display: block; } .videobar_university .top_univer .widget-first { width: 430px; padding: 10px 15px 15px; margin: 35px 0 0; } .videobar_university .top_univer .widget-first h2 { font-size: 18px; } .rotoBar #tabs-container h2{ padding:40px 0 0px 0; border-top: 1px solid #999999; margin-top:40px} .rotoBar #tabs-container h3{} #wistia_grid_534_below{display:none} .rotoBar .TabVedioBox{float:left; width:100%; background:#133447; margin-bottom:28px;} .rotoBar .lefttab {float:left; max-width:230px; margin:0; text-align: left;} .rotoBar .lefttab span{ font-size:12px; padding:20px 0 12px 25px; display: block; color:#40b1f1} .rotoBar ul.tabs-menu{float:left; width:100%; text-align: left; margin:0} .rotoBar ul.tabs-menu li{float:left; width:100%; margin-bottom:5px; padding:0;} .rotoBar ul.tabs-menu li.current{background:#0d2532; color:#fff;} .rotoBar ul.tabs-menu li a{text-decoration:none; font-size:13px; background:#0d2532; padding:8px 0 8px 76px; display: block; text-align: left; color:#e4e4e4 } .rotoBar ul.tabs-menu li a:hover{background-color:#0d2532!important; color:#fff;} .rotoBar ul.tabs-menu li a img{ display: none;} .tab{float:right; width:740px; margin-bottom: -28px;} .tab .tab-content{ display:none; float:left; width:100%} .rotoBar ul.tabs-menu li:nth-child(1) a{ background: url(images/tabicon01.png) 25px center no-repeat;} .rotoBar ul.tabs-menu li:nth-child(2) a{ background: url(images/tabicon02.png) 25px center no-repeat;} .rotoBar ul.tabs-menu li:nth-child(3) a{ background: url(images/tabicon03.png) 25px center no-repeat;} .rotoBar ul.tabs-menu li:nth-child(4) a{ background: url(images/tabicon04.png) 25px center no-repeat;} .sport_partner li{ width:33.33%; float:left; padding:0 20px} /* Css Added on 17 Nov */ .twitter_testimonials_section{ float:left; width:100%; padding-top:15px} .twitter_testimonials_section ul { overflow: hidden; padding:0px 0 110px 0; text-align:center; float:left; width:100% } .twitter_testimonials_section li { width: 30%; float: none; padding: 2px 30px 0 30px; list-style-type:none; display:inline-block; vertical-align:top; } .twitter_testimonials_section li iframe{ /*min-height:201px;*/ background:#fff} .EmbeddedTweet{ border:none} .twitter_testimonials_section li iframe html p{ padding-bottom:0px; font-size:12px!important; line-height:19px} .twitter_testimonials_section h2{ color:#fff; font-size:25px; text-align:center; line-height:30px} .pricing-table{float:left; width:100%; text-align:center; padding-top:0px } .pricing-table .pricing-cols{width:100%; text-align:center;} .pricing-table .pricing-cols h2{ padding-bottom:5px} .pricing-table .pricing-cols .plan{ float:none; display:inline-block; width:32%; margin-right:60px; text-align:center; padding:13px 13px; background-color:#e6e7e8; vertical-align:top; margin-bottom:2%; min-height:475px; } .pricing-table .pricing-cols .plan_details {float:left; width:100%; background-color:#fff; border-radius:5px; padding:25px 24px 63px; position:relative;min-height:450px} .pricing-table .pricing-cols .plan_details h2{ font-size:19px; line-height:19px; border-bottom: solid 4px #e6e7e8; padding-bottom:18px; text-align:left; position:relative } .pricing-table .pricing-cols .plan_details h2 span{ position:absolute; right:0px; top:0px} .pricing-table .pricing-cols .plan_details .price_list .dollar{ font-size:21px; line-height:26px; color:#000; font-weight:700; float:left} .pricing-table .pricing-cols .plan_details .price_list .price{ font-size:40px; line-height:45px; color:#000; font-weight:700; width:auto; text-align: center; display:inline-block; padding-left:13px} .pricing-table .pricing-cols .plan_details .plan-price{ padding:30px 0 20px 0; border-bottom: solid 4px #e6e7e8} .pricing-table .pricing-cols .plan_details .price_list{ position:relative; text-align:left} .pricing-table .pricing-cols .plan_details .plan-price .meta{ font-size:16px; line-height:21px; color:#696c74; display:table-cell; height:42px; vertical-align:middle;} .pricing-table .pricing-cols .plan-features{ padding:28px 0; list-style:none; float:left; min-height:180px} .pricing-table .pricing-cols .plan-features li{ padding-bottom:15px; float:left} .pricing-table .pricing-cols .plan-features strong{width:77px; text-align:right; font-size:13px; line-height:18px; float:left; text-decoration:underline } .pricing-table .pricing-cols .plan-features span{ padding-left:10px; font-size:13px; line-height:18px; width:154px; text-align:left; float:left} .get_started{ background:#5ad65c; color:#fff; width:201px; display:inline-block; padding:10px 0; text-decoration:none; margin-top:0px; font-size:16px; font-weight:700} .get_started:hover{ background:#49b14b; text-decoration:none} /*.pricing-table.yearly .plan-price.monthly{ display:none}*/ .pricing-table .plan-price.yearly{display:none;} .pricing-table.yearly .plan-price.yearly{ display:block;} .pricing-table.yearly .plan-price.monthly{ display:none;} .pricing-table .plan_details h2 span{display:none; font-size:14px; color:#1ec185; line-height:17px; } .pricing-table.yearly .plan_details h2 span{display:block; font-size:14px; color:#1ec185; line-height:17px; } .twitter_testimonials_section.loading{background:#fff url(images/gif-load.gif) no-repeat center 40%; width:100%; height:100%; position:absolute; left:0px} .twitter_testimonials_section.loading ul{ display:none} #innerBanner.new_pricing{ min-height:685px; display:inline; float:left; width:100%} .pricing-table .pricing-cols{ padding-bottom:50px;} .pricing-table .switch_container { /* background-color: #e6e7e8;*/ display: inline-block; width: 300px; margin:10px 0; } .pricing-table .switch { background: #b2b5bc none repeat scroll 0 0; border: 3px solid #b2b5bc; border-radius: 26px; height: 30px; /* margin: 61px auto 50px;*/ position: relative; width: 50px; top:30%; left:124px; } .pricing-table .switch .monthly::before { left: auto; right: -4px; } .pricing-table .switch .monthly::before { transform: translateX(21px); } .pricing-table .switch .monthly::before, .pricing-table .switch .yearly::before { background: #fff none repeat scroll 0 0; border-radius: 26px; content: ""; display: block; height: 24px; left: -4px; opacity: 0; position: absolute; top: 0; transition-delay: 0s, 50ms; transition-duration: 0.35s; transition-property: transform; transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); width: 24px; } .pricing-table .switch .monthly { right: 24px; } .pricing-table .switch .monthly, .pricing-table .switch .yearly { color: #696c74; display: block; font-size: 14px; line-height: 21px; position: absolute; top: 0; width: 130px; } .pricing-table .switch .monthly.active::before, .pricing-table .switch .yearly.active::before { opacity: 1; transform: translateX(0px); } .pricing-table .switch .yearly::before { top: 10px; transform: translateX(-21px); } .pricing-table .switch .monthly::before, .pricing-table .switch .yearly::before { background: #fff none repeat scroll 0 0; border-radius: 26px; content: ""; display: block; height: 24px; left: -4px; opacity: 0; position: absolute; top: 0; transition-delay: 0s, 50ms; transition-duration: 0.35s; transition-property: transform; transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); width: 24px; } .pricing-table .switch .monthly.active, .pricing-table .switch .yearly.active { color: #000; } .pricing-table .switch .yearly { left: 24px; padding-left: 35px; top: -10px; } .pricing-table .switch .monthly, .pricing-table .switch .yearly { color: #b2b5bc; display: block; font-size: 14px; line-height: 21px; position: absolute; top: 0; width: 130px; } .pricing-table .switch .yearly::before { top: 10px; transform: translateX(-21px); } .pricing-table .switch .monthly::before, .pricing-table .switch .yearly::before { background: #fff none repeat scroll 0 0; border-radius: 26px; content: ""; display: block; height: 24px; left: -4px; opacity: 0; position: absolute; top: 0; transition-delay: 0s, 50ms; transition-duration: 0.35s; transition-property: transform; transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); width: 24px; } .pricing-table .switch .yearly { left: 24px; padding-left: 35px; top: -10px; } .pricing-table .switch .monthly, .pricing-table .switch .yearly { color: #696c74; display: block; font-size: 14px; line-height: 21px; position: absolute; top: 0; width: 130px; text-decoration:none; } .pricing-table .switch .yearly span { color: #1ec185; display: block; } .pricing-table .switch .monthly::before { left: auto; right: -4px; } .pricing-table .switch .monthly{ text-align:left} .pricing-table .switch .yearly{ top:-10px} .pricing-table .switch .yearly::before{ top:10px} #innerBanner.new_pricing { min-height: 610px!important; height: auto !important; } #innerBanner.new_pricing .wrapper:after { content: ''; position: relative; display: block; clear: both; width: 100%; height: 0px; } .twitter_testimonials_section li { padding: 0 10px; } .twitter_testimonials_section li p { padding: 0; } .twitter_testimonials_section li iframe { margin-bottom: 5px !important; } .plan_container { display: flex; margin: 0 auto 2%; width: 750px;} .pricing-table .pricing-cols .plan { flex: 1;} .pricing-table .pricing-cols .plan .plan_details { height: 100%; } .pricing-table .pricing-cols .plan .plan_details a.get_started { position: absolute; bottom:20px; left: 50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);} .plan_container{ width:100%;} .pricing-table .pricing-cols .plan{ margin-right:20px} /* 05 01 17 */ .pricing-table .pricing-cols .plan {margin-right: 10px!important;} .pricing-table .pricing-cols .plan-features span{width: 140px;} .pricing-table .pricing-cols .plan-features strong{width: 64px;} .pricing-table .pricing-cols .plan-features .projections strong, .pricing-table .pricing-cols .plan-features .vip strong, .pricing-table .pricing-cols .plan-features .other strong {width: 138px;} .pricing-table .pricing-cols .plan-features .projections span, .pricing-table .pricing-cols .plan-features .vip span, .pricing-table .pricing-cols .plan-features .other span{width: 40px;text-indent: -9999px;} .pricing-table .pricing-cols .plan-features li.include span{ background: url(images/tick.png) 10px 0px no-repeat; } .pricing-table .pricing-cols .plan-features li.not-include span{ background: url(images/cross.png) 10px 1px no-repeat; } /*******************16-3-2017*************/ .round_arrow{ background:url(images/arrow1.png) 10px 10px no-repeat; position: absolute; width:350px; height:85px; top:-10px; right:85px; color:rgb(214, 57, 0)} .button_box{ position:relative} #selectId{ margin-bottom:50px; width:350px; height:35px; /*border:1px solid #c1c1c1;*/ } /* .bannerBar.radio_banner .wrapper{max-width:880px;}*/ .radio_banner::after{ background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;} .bannerBar.radio_banner h1{ padding:0; font-weight: bold; letter-spacing:0; padding-bottom:10px;} .bannerBar.radio_banner h3{ padding-bottom:25px; } .round_arrow p{color:rgb(214, 57, 0)} .bannerBar.radio_banner .banner_radiocontent p{font-size:16px; line-height:22px;} .round_arrow strong{ float: left; left: 22px; padding-top: 23px; text-align: center; width: 100%; color:rgb(214, 57, 0); font-size:18px;} .round_arrow small{ display:block;} .banner_radiocontent{ list-style-type: none; margin: 0 -40px; padding: 0;} .banner_radiocontent li { float: left; padding: 0 40px; width: 25%; max-width: 306px } .bannerBar.radio_banner{ text-align:center; padding-top:153px; padding-bottom:170px;} .radio_banner h3{ color:#fff} .banner_radiocontent h5{color:#fff} .flip-clock-wrapper{ padding-left:36%; padding-top:10px} #layout.radio_layout{ padding-top:0} .radio_layout .topBar a.logo{ position:inherit ; margin-left:0; width:209px; display:block; height:57px } .flip-clock-wrapper{ width:50%; margin: 0 auto; padding:0 } .bannerBar.radio_banner .primary-btn{ width:300px; background:#3498db; border-radius:25px; font-size: 18px; font-weight: bold; text-transform: none; letter-spacing: normal; padding: 25px; } .bannerBar.radio_banner .primary-btn:hover{background:#2885d0; box-shadow:0 -75px 0 rgba(0, 0, 0, 0.2) inset } .bannerBar.radio_banner .primary-btn:after{display:none} .bannerBar.radio_banner h1{ font-size: 36px; padding-left:160px; padding-right:160px;} .bannerBar.radio_banner h3{ font-size: 20px; line-height:40px; padding-left:200px; padding-right:200px;} .bannerBar.radio_banner .primary-btn:hover{} .bannerBar.radio_banner .flip-clock-wrapper{ margin:44px 0 10px; background:#eee; display: inline-block; width:auto!important; padding: 35px 15px 3px; } .bannerBar.radio_banner .banner_radiocontent{margin:20px 0 0;} .flip-clock-wrapper ul { box-shadow:none!important; -webkit-box-shadow:none!important; border-radius:0!important; -webkit-border-radius:0!important} .featureBar.radio_feature{border:none; padding:0} .featureBar.radio_feature .repeat{background:none; padding:80px 0; margin-bottom:0} .featureBar.radio_feature .repeat .image {width:auto; max-width:600px; padding-right:30px;} .featureBar.radio_feature .repeat.right .image {padding:0 0 0 30px;} .featureBar.radio_feature .repeat .text{width:auto!important; float:none!important;; overflow: hidden; position:relative} .featureBar.radio_feature .repeat .text h4{ font-size:28px; line-height:39px; font-weight:bold; margin-bottom:15px; } .featureBar.radio_feature .repeat .text p{ font-size:16px; line-height:29px; } .featureBar.radio_feature .repeat li{padding:0 0 0 10px} .featureBar.radio_feature .repeat li:after{ background:#000; width:4px; height:4px;} .featureBar.radio_feature .repeat:nth-child(2n){background:#f5f5f5} .featureBar.radio_feature .primary-btn{ width:350px; background:#3498db; float:left; border-radius:25px; font-size: 18px; font-weight: bold; text-transform: none; letter-spacing: normal; padding: 25px; margin-top:10px; left:0 } .featureBar.radio_feature ul{padding-top:30px} .featureBar.radio_feature .primary-btn:hover{background:#2885d0; box-shadow:0 -75px 0 rgba(0, 0, 0, 0.2) inset} .featureBar.radio_feature .primary-btn:after, .featureBar.radio_feature .primary-btn:before{display:none!important} .featureBar.radio_feature + .centering .watchBar.sports{border:none;padding:80px 0; margin-bottom:0} .page-template-radio .watchBar h2{font-size:28px; line-height:39px; font-weight:bold; letter-spacing:0} .page-template-radio #content{padding:0} .page-template-one_last_step .watchBar.sports{border:none;padding:80px 0; margin-bottom:0} .page-template-one_last_step #content{padding:0} .page-template-one_last_step .selectdropdown{float:left; width:100%; margin-bottom:60px;} .page-template-one_last_step .selectdropdown_list{ max-width:350px; margin:0 auto; position:relative} .page-template-one_last_step .selectdropdown h5{font-size:18px; text-align:left; color:#5b5b5b; width:100%; float:left; outline:none; padding:5px 42px 5px 10px!important; border:solid 1px #ccc; float:left; padding:0; background: url(images/sel_arrrow.png) right 12px no-repeat; cursor:pointer} .page-template-one_last_step #selectId{font-size:18px; text-align:left; font-weight:normal; color:#5b5b5b; list-style:none; width:100%!important; max-width:inharit!important; outline:none; padding:0!important; position:absolute; top:35px; margin-bottom:0; background:#fff; height:auto!important; z-index:999; display:none; border: solid 1px #ccc; border-radius:4px; -webkit-border-radius:4px } .page-template-one_last_step #selectId li{float:left; width:100%; } .page-template-one_last_step #selectId li a{float:left; width:100%; padding:5px 10px; color:#5b5b5b; text-decoration:none; font-size:18px; } .page-template-one_last_step #selectId li a:hover{background:#158fc3; color:#fff} .page-template-one_last_step select{-moz-appearance: none; -webkit-appearance: none; padding-left:10px; padding-right:42px; background: url(images/sel_arrrow.png) right 12px no-repeat; /* -ms-text-align-last: center; -moz-text-align-last: center; text-align-last: center; text-align: center;*/} .page-template-one_last_step select option{font-size:18px; } .page-template-radio #footer, .page-template-one_last_step #footer{padding:20px 0} .page-template-radio #footer img, .page-template-one_last_step img{ float:left} .page-template-radio #footer aside, .page-template-one_last_step aside{float:right; } .page-template-radio #footer aside p, .page-template-one_last_step #footer aside p{ font-size:16px; padding:15px 0 0 0; letter-spacing:0} .page-template-one_last_step .banner_radiocontent p{ padding:5px 0 10px 0;} .page-template-radio .topContent strong, .page-template-one_last_step .topContent strong{font-size:14px; color:#fff; padding-bottom:10px; padding-top:10px;} .page-template-radio .topContent, .page-template-one_last_step .topContent {background:#000; padding-bottom:35px;} .featureBar.radio_feature.padding_top{padding-top:40px;} .page-template-one_last_step .watchBar.sports.padding_top{padding-top:110px;} .page-template-one_last_step .heading_sec h3{padding-bottom:0} .page-template-radio .watchBar.sports .heading_sec{font-size:28px; padding-bottom:30px; line-height:30px} .page-template-one_last_step .watchBar.sports .heading_sec{font-size:28px; padding-bottom:60px; line-height:30px} .footer_radio_top .centering{max-width:680px;} .featureBar.radio_feature .limit-offer{float:left; width:100%; text-align:center; max-width:350px; padding-top:15px;} .featureBar.radio_feature .limit-offer strong{float:left; width:100%;font-size:18px; color:rgb(214, 57, 0); letter-spacing:0} .featureBar.radio_feature .limit-offer span{float:left; width:100%; font-size:14px; color:rgb(214, 57, 0); padding-top:0px;} .featureBar.radio_feature .limit-offer1{float:left; width:100%; max-width:225px; text-align:center; max-width:218px; padding:0 0 65px 45px; position:absolute; bottom:75px; right:20px; background: url(images/arrow01.png) left bottom no-repeat;} .featureBar.radio_feature .limit-offer1 strong{float:left; width:100%;font-size:17px; color:rgb(214, 57, 0); letter-spacing:0; line-height:20px; } .featureBar.radio_feature .limit-offer1 span{float:left; width:100%; font-size:14px; color:rgb(214, 57, 0); padding-top:5px;} /* @media only screen and (max-width: 1210px) { .round_arrow{right:-5px;} .featureBar.radio_feature .limit-offer1{right:-5px; } } @media only screen and (max-width: 1023px) { .featureBar.radio_feature .repeat .image{max-width:350px;} .featureBar.radio_feature .primary-btn{width:280px; padding:20px} .page-template-one_last_step .banner_radiocontent li, .page-template-radio .banner_radiocontent li{padding:0 20px} .round_arrow{ background:url(images/arrow1.png) 10px 0px no-repeat; width:230px; top:-0px; right:10px} .bannerBar.radio_banner .primary-btn{width:250px;} .page-template-radio #footer, .page-template-one_last_step #footer{padding:20px} .bannerBar.radio_banner h3{ padding-left:82px; padding-right:82px;} .watchBar.sports .heading_sec{} .round_arrow{right:5px;} .bannerBar.radio_banner h1 { padding-left: 40px; padding-right: 40px;} .featureBar.radio_feature .limit-offer1{position:inherit!important; bottom:0; background:none; padding:0} } @media only screen and (max-width: 767px) { .page-template-one_last_step #homeBanner{ background-size:cover!important; display:inherit!important; float:left; width:100%} .page-template-one_last_step .radio_banner{ display:inherit!important; float:left; width:100%} .page-template-radio #homeBanner{ background-size:cover!important; display:inherit!important; float:left; width:100%} .page-template-radio .radio_banner{ display:inherit!important; float:left; width:100%} .bannerBar.radio_banner{padding-top:50px; } .bannerBar.radio_banner h1{ padding:0 20px; font-size:28px; line-height:32px; } .bannerBar.radio_banner h3{line-height:26px; padding:30px 20px;} .bannerBar.radio_banner h3 br{display:none} .round_arrow{position:inherit!important; background:none; width:100%} .round_arrow strong{padding-top:0} .page-template-one_last_step .banner_radiocontent li, .page-template-radio .banner_radiocontent li{width:50%; max-width:inherit!important;} .footer_radio_top h3{font-size:28px; line-height:36px;} .footer_radio_top .orange{width:280px; padding: 15px 25px;} .featureBar.radio_feature .repeat, .featureBar.radio_feature + .centering .watchBar.sports{padding:40px 0} .footer_radio_top{padding:60px 0 30px 0} .page-template-radio #footer img, .page-template-one_last_step img{max-width:140px;} .page-template-radio #footer aside p, .page-template-one_last_step p{font-size:13px; padding-top:10px} .page-template-one_last_step p{font-size:18px;} .featureBar.radio_feature .repeat .image, .featureBar.radio_feature .repeat.right .image{width:100%; max-width:inherit!important; padding:0} .featureBar.radio_feature .repeat .text{width:100%!important; max-width:inherit!important; padding-right:0; float:left!important; } .page-template-one_last_step #header, .page-template-radio #header{width:100%; text-align:center} .page-template-one_last_step .topBar a.logo, .page-template-radio .topBar a.logo{position:inherit!important; display: inline-block; width: 170px; margin-top:10px; height: 40px;} .round_arrow{height:35px;} .page-template-one_last_step .watchBar.sports.padding_top{padding-top:30px} .page-template-one_last_step #selectId{width:280px;} .page-template-one_last_step .watchBar.sports .heading_sec{font-size:20px;} .page-template-one_last_step .watchBar.sports h2{font-size:28px;} .featureBar.radio_feature .limit-offer{width:280px;} .bannerBar.radio_banner{padding-bottom:10px;} .page-template-one_last_step .selectdropdown_list{ max-width:320px;} .page-template-one_last_step .selectdropdown h5{font-size:16px;} .page-template-one_last_step #selectId li a{font-size:16px; padding:4px 10px} } @media only screen and (max-width: 479px) { .page-template-one_last_step .selectdropdown{float:left; width:100%; margin-bottom:20px;} .page-template-one_last_step .selectdropdown_list{ max-width:280px;} .page-template-one_last_step .selectdropdown h5{font-size:14px;} .page-template-one_last_step #selectId li a{font-size:14px; padding:2px 10px} .page-template-one_last_step .banner_radiocontent li, .page-template-radio .banner_radiocontent li{width:100%;} .page-template-radio #footer aside, .page-template-one_last_step aside {width: 100%; text-align: center;} .page-template-radio #footer, .page-template-one_last_step #footer{width: 100%; text-align: center;} .page-template-radio #footer img, .page-template-one_last_step img {display:inline-block; float: none;} } */ /*New mobile page css goes here 21/06/2017*/ body.page-template-template-mobile{ background:#fff; font-family: "Montserrat",sans-serif;} .page-template-template-mobile a{ text-decoration:none} .page-template-template-mobile h1, h2, h3, h4, h5, h6{font-family: "Montserrat",sans-serif;} .page-template-template-mobile .wrapper { padding: 0 15px; max-width: 930px; margin: 0 auto; position: relative; } /* header-part */ .page-template-template-mobile #header-part { position: absolute; left: 0px; top: 0px; width: 100%; height: 74px; } .page-template-template-mobile #header-part.sticky { position: fixed; background: #f2f4f9; z-index: 100; -webkit-animation:stickyhead ease-in-out 0.4s 0.1s both;-moz-animation:stickyhead ease-in-out 0.4s 0.1s both;animation:stickyhead ease-in-out 0.4s 0.1s both; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3); } .page-template-template-mobile #header-part .wrapper { max-width: 1230px; } .page-template-template-mobile #header-part .logo { padding: 25px 0px 0px 0px; float: left; } @-webkit-keyframes stickyhead{ 0%{opacity:0;-webkit-transform:translateY(-100%)} 100%{opacity:1;-webkit-transform:translateY(0)} } @-moz-keyframes stickyhead{ 0%{opacity:0;-moz-transform:translateY(-100%)} 100%{opacity:1;-moz-transform:translateY(0)} } @keyframes stickyhead{ 0%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)} 100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)} } /* nav-bar */ .page-template-template-mobile .nav-bar { padding-top: 23px; float: right; width: 80%; } .page-template-template-mobile .nav-bar a.download { padding: 0 19px; line-height: 34px; float: right; font-weight: 500; color: #FFF; font-size: 16px; border-radius: 20px; -webkit-border-radius: 20px; background: #00DAC6; } .page-template-template-mobile .nav-bar a.download:hover { background: #0234A1; } .page-template-template-mobile .nav-bar .menu-main-menu-container { } .page-template-template-mobile .nav-bar ul { list-style: none; margin: 8px 24px 0px 0px; float: right; border-right: #e8e8ed solid 1px; } .page-template-template-mobile .nav-bar li { padding: 0 23px 0 3px; font-size: 16px; float: left; line-height: 21px; letter-spacing: 0.01em; } .page-template-template-mobile .nav-bar li a { color: #9ca1b2; } .page-template-template-mobile .nav-bar li a:hover { color: #000c38; } /* content-part */ .page-template-template-mobile #content-part { } /* intro box */ .page-template-template-mobile .introbox { padding: 148px 0px 83px 0px; overflow: hidden; } .page-template-template-mobile .introbox .left-text { padding: 80px 0 42px 3px; float: left; width: 408px; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .page-template-template-mobile .introbox .right-img { float: right; width: 315px; } .page-template-template-mobile .introbox h1 { padding-bottom: 28px; font-weight: 300; line-height: 52px; font-size:42px } .page-template-template-mobile .introbox p { padding: 0 0 20px 2px; font-size: 18px; color: #798096; font-weight: 300; } .page-template-template-mobile .introbox .mailchimp { padding: 32px 0px 0px 0px; max-width: 315px; } .page-template-template-mobile .introbox .mailchimp input[type="text"], .introbox .mailchimp input[type="email"] { padding: 0 25px; height: 54px; color: #555; width: 100%; font-size: 17px; display: block; margin-bottom: 15px; border: #e8e8ed solid 1px; border-radius: 30px; -webkit-border-radius: 30px; background: #FFF; } .page-template-template-mobile .introbox .mailchimp input[type="submit"] { width: 100%; height: 54px; border-radius: 30px; -webkit-border-radius: 30px; cursor: pointer; font-size: 16px; color: #FFF; font-weight: 500; border: 0px; background: #00DAC6; } .page-template-template-mobile .introbox .mailchimp input[type="submit"]:hover { background: #0234A1; } .page-template-template-mobile .introbox .mc4wp-error { padding-top: 30px; } .page-template-template-mobile .introbox .mc4wp-error p { color: #F00; font-size: 17px; } /* block box */ .page-template-template-mobile .blockbox { overflow: hidden; } .page-template-template-mobile .blockbox .blocks { padding: 150px 0px 137px 0px; overflow: hidden; width: 100%; float: left; } .page-template-template-mobile .blockbox .blocks .wrapper { overflow: hidden; } .page-template-template-mobile .blockbox .blocks .left-text { padding-top: 20px; float: right; text-align: center; width: 431px; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .page-template-template-mobile .blockbox .blocks .right-img { margin-left: 1px; float: left; width: 315px; } .page-template-template-mobile .blockbox .blocks .content { padding: 41px 20px 42px 20px; width: 100%; border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 35px; background: #FFF; } .page-template-template-mobile .blockbox .blocks .left-text img { margin: 0 auto 25px auto; } .page-template-template-mobile .blockbox .blocks h3 { padding-bottom: 8px; color: #000015; font-weight: 600; text-transform:capitalize } .page-template-template-mobile .blockbox .blocks a.button1 { width: 100%; max-width: 316px; margin: 0 auto; display: block; height: 54px; border-radius: 30px; -webkit-border-radius: 30px; font-size: 16px; color: #FFF; font-weight: 500; line-height: 54px; background: #00DAC6; } .page-template-template-mobile .blockbox .blocks a.button1:hover { background: #00847e; } .page-template-template-mobile .introbox a.button_1 { width: 100%; max-width: 316px; display: block; height: 54px; border-radius: 30px; -webkit-border-radius: 30px; font-size: 16px; color: #FFF; font-weight: 500; line-height: 54px; background: #00DAC6; text-align:center; text-transform:capitalize } .page-template-template-mobile .introbox a.button_1:hover { background: #00847e; text-align:center; } .page-template-template-mobile .introbox a.button_2 { margin-bottom:20px; width: 100%; max-width: 316px; display: block; height: 54px; border-radius: 30px; -webkit-border-radius: 30px; font-size: 16px; color: #FFF; font-weight: 500; line-height: 54px; background: #0530a1; text-align:center ; text-transform:capitalize} .page-template-template-mobile .introbox a.button_2:hover { background: #00847e; text-align:center} .page-template-template-mobile .blockbox .blocks.blocks2 { } .page-template-template-mobile .blockbox .blocks.blocks2 .left-text { right: auto; left: 18px; } .page-template-template-mobile .blockbox .blocks.blocks2 .right-img { float: right; } .page-template-template-mobile .blockbox .blocks.bg2, .blockbox .blocks.bg4 { padding: 147px 0px 134px 0px; } .page-template-template-mobile .blockbox .blocks.bg2 .content { background: #0432a1; } .page-template-template-mobile .blockbox .blocks.bg2 p, .blockbox .blocks.bg2 h3 { color: #FFF; } .page-template-template-mobile .blockbox .blocks.bg2 a.button1 { color: #00dcd1; background: #fff; } .page-template-template-mobile .blockbox .blocks.bg2 a.button1:hover { background: #0432a1; } .page-template-template-mobile .blockbox .blocks.bg4 a.button1 { color: #fff; background: #0234A1; } .page-template-template-mobile .blockbox .blocks.bg4 a.button1:hover { background: #052371; } .page-template-template-mobile .blockbox .middle_box { padding: 102px 0px 97px 0px; float: left; width: 100%; text-align: center; background: #FFF; } .page-template-template-mobile .middle_box .mid{ margin-top:30px} .page-template-template-mobile .btn_box{ margin-top:30px} .page-template-template-mobile .middle_box .mid a.button_1 {margin-right: 20px; width: 100%; max-width: 316px; display:inline-block; height: 54px; border-radius: 30px; -webkit-border-radius: 30px; font-size: 16px; color: #FFF; font-weight: 500; line-height: 54px; background: #0530a1; text-align:center } .page-template-template-mobile .middle_box .mid a.button_1:hover { background: #052371; text-align:center} .page-template-template-mobile .blockbox .mailchimpwidget img { margin: 0 auto 9px auto; } .page-template-template-mobile .blockbox .middle_box h4 { padding-bottom: 28px; color: #858ba0; } .page-template-template-mobile .blockbox .mailchimpwidget input[name="PHONE"] { display: none; } .page-template-template-mobile .blockbox .mailchimpwidget .mc4wp-form-fields { margin: 0 auto; height: 54px; width: 315px; position: relative; margin: 0 auto; border: #e8e8ed solid 1px; border-radius: 30px; -webkit-border-radius: 30px; background: #FFF; } .page-template-template-mobile .blockbox .mailchimpwidget .mc4wp-form-fields input[type="email"] { padding: 0 25px; height: 54px; float: left; width: 210px; color: #555; font-size: 17px; border: 0px; background: none; } .page-template-template-mobile .blockbox .mailchimpwidget .mc4wp-form-fields input[type="submit"] { position: absolute; right: 0px; top: 0px; width: 106px; height: 54px; border-radius: 30px; -webkit-border-radius: 30px; cursor: pointer; font-size: 16px; color: #FFF; font-weight: 500; border: 0px; background: #00DAC6; } .page-template-template-mobile .blockbox .mailchimpwidget .mc4wp-form-fields input[type="submit"]:hover { background: #0234A1; } .page-template-template-mobile .blockbox .mailchimpwidget .mc4wp-error { padding-top: 20px; text-align: center; } .page-template-template-mobile .blockbox .mailchimpwidget .mc4wp-error p { color: #F00; } /* content box */ .page-template-template-mobile .contentbox { padding: 90px 0px 0px 0px; overflow: hidden; } .page-template-template-mobile .contentbox .entry { padding: 200px 0px 200px 0px; background: #0234A1; text-align: center; } .page-template-template-mobile .contentbox h1 { color: #FFF; } .page-template-template-mobile .contentbox p { color: #FFF; } /* text box */ .page-template-template-mobile .textbox { padding: 90px 0px 0px 0px; overflow: hidden; } .page-template-template-mobile .textbox .wrapper { max-width: 1230px; } .page-template-template-mobile .textbox .entry { padding: 50px 0px 30px 0px; color: #FFF; background: #0234A1; } .page-template-template-mobile .textbox h1 { padding-bottom: 15px; color: #FFF; } .page-template-template-mobile .textbox p { padding-bottom: 25px; color: #FFF; } .page-template-template-mobile .textbox h2, .textbox h3, .textbox h4, .textbox h5 { padding-bottom: 10px; } .page-template-template-mobile .textbox a { color: #FFF; text-decoration: underline; } .page-template-template-mobile .textbox a:hover { text-decoration: none; } .page-template-template-mobile .textbox ul, .textbox ol { padding: 0 0 20px 20px; color: #FFF; } .page-template-template-mobile .textbox ul { list-style: disc; } .page-template-template-mobile.textbox blockquote { font-style: italic; } .page-template-template-mobile .textbox li { font-size: 18px; line-height: 22px; } /* footer-part */ .page-template-template-mobile #footer-part { } /* footer box */ .page-template-template-mobile .footerbox { padding: 82px 0px 0px 0px; } .page-template-template-mobile .footerbox .widget_media_image img { margin: 0 auto 10px auto; } .page-template-template-mobile .footerbox .widget_mc4wp_form_widget h4 { padding-bottom: 54px; color: #858ba0; text-align: center; } .page-template-template-mobile .footerbox .widget_mc4wp_form_widget input[name="PHONE"] { display: none; } .page-template-template-mobile .footerbox .widget_mc4wp_form_widget .mc4wp-form-fields { margin: 0 auto; height: 54px; width: 315px; position: relative; margin: 0 auto; border: #e8e8ed solid 1px; border-radius: 30px; -webkit-border-radius: 30px; background: #FFF; } .page-template-template-mobile .footerbox .widget_mc4wp_form_widget .mc4wp-form-fields input[type="email"] { padding: 0 25px; height: 54px; float: left; width: 210px; color: #555; font-size: 17px; border: 0px; background: none; } .page-template-template-mobile .footerbox .widget_mc4wp_form_widget .mc4wp-form-fields input[type="submit"] { position: absolute; right: 0px; top: 0px; width: 106px; height: 54px; border-radius: 30px; -webkit-border-radius: 30px; cursor: pointer; font-size: 16px; color: #FFF; font-weight: 500; border: 0px; background: #00DAC6; } .page-template-template-mobile .footerbox .widget_mc4wp_form_widget .mc4wp-form-fields input[type="submit"]:hover { background: #0234A1; } .page-template-template-mobile .footerbox .widget_mc4wp_form_widget .mc4wp-error { padding-top: 20px; text-align: center; } .page-template-template-mobile .footerbox .widget_mc4wp_form_widget .mc4wp-error p { color: #F00; } .page-template-template-mobile .footerbox .footer_btn { padding: 18px 0px 9px 0px; max-width: 345px; margin: 0 auto; text-align:center } .page-template-template-mobile .footerbox .footer_btn a.btn_download{ background: #00dac6 ; border-radius: 30px; color: #fff; display: block; font-size: 16px; font-weight: 500; height: 54px; line-height: 54px; max-width: 345px; text-align: center;width: 100%;} .page-template-template-mobile .footerbox .footer_btn a.btn_download:hover{ background: #00847e none repeat scroll 0 0; text-align: center;} /* .page-template-template-mobile .footerbox .footer_btn a { display: block; text-align: center; line-height: 54px; height: 54px; width: 100%; font-weight: 600; color: #000016; font-size: 16px; border: #e8e8ed solid 1px; border-radius: 30px; -webkit-border-radius: 30px; background: #FFF; margin-bottom:20px } .page-template-template-mobile .footerbox .footer_btn a:hover { color: #FFF; background: #000c38; }*/ .page-template-template-mobile .blockbox .blocks .left-text p{ line-height:24px} .middle_box .wistia_responsive_padding, .middle_box .wistia_responsive_wrapper { margin:0 !important; } .middle_box .wistia_responsive_padding { display: inline-block; width: 316px;} .middle_box .wistia_responsive_padding a.watch { width: 100%; display: block; height: 54px; border-radius: 30px; -webkit-border-radius: 30px; font-size: 16px; color: #FFF; font-weight: 500; line-height: 54px; background: #00DAC6; text-align:center; text-transform:capitalize } .middle_box .wistia_responsive_padding a.watch:hover { background: #00847e; text-align:center} .middle_box .wistia_click_to_play { width: 100% !important;} /* copyright box */ .page-template-template-mobile .copyrightbox { padding-bottom: 45px; text-align: center; } .page-template-template-mobile .copyrightbox .execphpwidget { padding-bottom: 10px; color: #a4a9b8; font-size: 14px; } .page-template-template-mobile .copyrightbox p { font-size: 14px; color: #000531; padding-top:10px } .page-template-template-mobile .copyright{ text-align:center;} .footerbox h4 {color: #858ba0; padding-bottom: 30px; text-align: center;} .footerbox .copyright { color: #a4a9b8; font-size: 14px; padding-bottom: 10px;} .copyright p { color: #000531; font-size: 14px} /* ************ 07 07 17 **************** */ /*#header{ background:#000c38}*/ .flogo img{max-width:120px} #header .logo{ float:left; margin-right:44px; max-width:120px; top:-5px; position:relative} #header .menu-header-menu-container { float:left; margin-left:70px} .login_section{ background:#0234a1; padding:19px 0 18px 0; margin:0;} .login_section .info{ display:none} .login_section .infotext{ display:flex; float:left; padding-top:4px; letter-spacing:0.2px} .login_section .infotext p{ padding-right:20px} .login_section .infotext .tel{ font-weight:inherit} .login_section .infotext .tel i{ padding-right:5px} .login_section .infotext span{ display:inline-block; color:#00e1d7} .login_section .singup{ float:right} .login_section .singup a{ float:right; color: #fff; font-size: 13px; text-decoration:none; border:solid 1px rgba(255,255,255,0.3); padding:0 13px 0 13px; line-height:26px; border-radius:3px; -webkit-border-radius:3px; font-family: 'Montserrat', sans-serif; font-weight:400; text-transform:capitalize} .login_section .singup a:hover{ color:#000c38;background:#fff;} .login_section .singup a:nth-child(2){ margin-right:22px; padding-right:19px; border:none; border-right:solid 1px rgba(255,255,255,0.2); } .login_section .singup a:nth-child(2):hover{ color:#00e1d7; background:none;} .login_section .social_icon{ max-width:200px; text-align:center; margin:0 auto;} .login_section .social_icon ul{width:100%; text-align:center; margin:0; padding:0} .login_section .social_icon ul li{ display:inline-block; list-style:none; width:26px; margin:0 3px; vertical-align:top} .login_section .social_icon ul li a {font-size: 14px; line-height:28px; text-align:center; color: #0234a1; float:left; width:26px; height:26px; border-radius:50%; -webkit-border-radius:50%; background:#fff } .login_section .social_icon ul li a:hover { color: #fff; background:#40b1f1 } .rotoBar .heading_sec h2{ color:#000c38; font-size:42px; font-family: 'Montserrat', sans-serif; font-weight:700} .privacy_policy{ float:right; color:rgba(255,255,255, 0.4); font-size:14px; font-family: 'Calibri' Raleway, sans-serif;} .privacy_policy a{ color:rgba(255,255,255, 0.4); text-decoration:none; display:inline-block; font-family: 'Calibri' Raleway, sans-serif;} .privacy_policy a:hover{color:rgba(255,255,255, 0.8);} .privacy_policy img{ display:none} #content{ padding:0} .stats { overflow:hidden; width:100%; background:#f7f7f9; padding:80px 0 38px} .stats .rotoBar{ border:none} #content.sports{} #content.sports .rotoBar{ padding:0} #content.sports .rotoBar .heading_sec{max-width: 61%; padding-bottom:56px;} #content.sports .rotoBar ul.nba li .col01{ border:solid 1px #dddee5; height:374px;} #content.sports .rotoBar ul.nba li { width:100%; text-align:left; } #content.sports .rotoBar ul.nba li .col01 { float:left; width:100%; text-align:center; padding:60px 26px 40px; max-width:314px; } #content.sports .rotoBar ul.nba li .col01 h6{font-size:26px !important; line-height:26px; padding:34px 0 15px 0; color:#000c38 !important; font-family: 'Montserrat', sans-serif; font-weight:700;} #content.sports .rotoBar ul.nba li .col01 span{font-size:16px; line-height:30px; color:#000c38; font-family: 'Montserrat', sans-serif; font-weight:300;} #content.sports .rotoBar ul.nba li .sample{ padding-top:0} #content.sports .rotoBar li img{margin: 0 auto 20px;} #content.sports .rotoBar ul.nba li .sample.textarea{ float:right; width:75%; max-width:820px; padding:0px; box-shadow:0 0 20px rgba(0,0,0,0.14);} #content.sports .rotoBar ul.nba li .sample.textarea .statspro{ float:left; text-align:left; width:50%;padding: 46px 10px 40px 28px; background:#fff; height: 374px; max-width:410px; } #content.sports .rotoBar ul.nba li .sample.textarea .statspro h5{ text-align:center; color:#000c38; font-size:22px; font-family: 'Montserrat', sans-serif; font-weight:400; padding-bottom:28px;} #content.sports .rotoBar ul.nba li .sample.textarea .statspro + .statspro{ background:#0234a1; } #content.sports .rotoBar ul.nba li .sample.textarea .statspro + .statspro h5{color:#fff; text-align:center;} #content.sports .rotoBar ul.nba li .sample.textarea .statspro + .statspro small{ background:none; border:solid 1px #fff; color:#fff} #content.sports .rotoBar ul.nba .sample.textarea small{ font-size:14px; color:#000c38; line-height:30px; background:#f7f7f9; padding:3px 19px; margin:0 3px 10px 3px; display:inline-block; font-family: 'Montserrat', sans-serif; font-weight:400; } .strategies { width:100%; border-bottom:solid 1px #e5e6eb; padding:92px 0 88px 0; overflow:hidden} .strategies ul{ float:left; width:100%; padding:0; margin:0} .strategies ul li{ float:left; width:100%; list-style:none} .strategies ul li .Lit_sport { float:left; width:25%; border:solid 1px #fff; text-align:center; padding:35px 25px; min-height:410px;} .strategies ul li .Lit_sport h6{ font-size:22px; line-height:22px; color:#000c38; font-family: 'Montserrat', sans-serif; font-weight:700; padding:45px 0 20px; } .strategies ul li .Lit_sport p{ font-size:15px; line-height:22px; color:rgba(0,12,56); font-family: 'Montserrat', sans-serif; font-weight:300; } .strategies ul li .Lit_sport img { display:inline-block} .strategies ul li .Lit_sport:hover { border:solid 1px #e5e6eb;} .strategies ul li .Lit_sport:hover h6{ font-size:26px; line-height:34px; color:#000c38;} .strategies ul li .Lit_sport:hover p{ font-size:16px; line-height:22px; color:rgba(0,12,56,1); } .lineup { width:100%; padding:92px 0; overflow:hidden} .lineup ul{ float:left; width:100%; padding:0; margin:0} .lineup ul li{ float:left; width:100%; list-style:none} .lineup ul li .Lit_sport { float:left; width:25%; border:solid 1px #fff; text-align:center; padding:35px 25px; min-height:400px;} .lineup ul li .Lit_sport h6{ font-size:22px; line-height:22px; color:#000c38; font-family: 'Montserrat', sans-serif; font-weight:700; padding:45px 0 20px; } .lineup ul li .Lit_sport p{ font-size:15px; line-height:22px; color:rgba(0,12,56); font-family: 'Montserrat', sans-serif; font-weight:300; } .lineup ul li .Lit_sport img { display:inline-block} .lineup ul li .Lit_sport:hover { border:solid 1px #e5e6eb;} .lineup ul li .Lit_sport:hover h6{ font-size:26px; line-height:34px; color:#000c38;} .lineup ul li .Lit_sport:hover p{ font-size:16px; line-height:22px; color:rgba(0,12,56,1); } .projections{ width:100%; overflow:hidden; background:#000c38; background-size:43% 100% !important} .projections .left{ float:left; width:100%; max-width:43%;} .projections .tierBar{ display:inline-block; width:100%; max-width:57%; border:none; color:rgba(255,255,255,0.5); padding:0 } .projections .tierBar .right{ display:table-cell; width:100%; vertical-align:middle; height:538px; padding:0 0 0 95px;} .projections .tierBar h2{ font-size:36px; line-height:54px; font-family: 'Montserrat', sans-serif; font-weight:700; color:#fff} .projections .tierBar p{ font-size:16px; line-height:28px; font-family: 'Montserrat', sans-serif; font-weight:300; color:rgba(255,255,255,0.5); padding-bottom:38px;} .left_slider .workstationBar, .right_slider .workstationBar{ padding:0; overflow:visible} .left_slider .member-item .repeat{ position:relative; padding:90px 0} .left_slider .member-item .image{ float:left; max-width:560px;} .left_slider .text{ position:absolute; top:50%; right:25px; width:425px; transform: translateY(-50%); -webkit- transform: translateY(-50%); padding:0 } .left_slider .text h3{ font-family: 'Montserrat', sans-serif; font-weight:700; font-size:36px; color:#000c38; line-height:54px; padding-bottom:0 } .left_slider .text p{ font-family: 'Montserrat', sans-serif; font-weight:300; font-size:16px; color:rgba(0,12,56); line-height:28px; } .left_slider .slick-dots { position:absolute; right:25px; width:425px; top:50%; transform: translateY(-50%); -webkit- transform: translateY(-50%); margin-top:160px;} .left_slider .slick-dots li { width:10px; height:10px; float:left; margin-right:14px;} .left_slider .slick-dots li button { background:#e5e6eb; width:10px; height:10px; display:block; border:none; text-indent:-9999px; border-radius:50%; -webkit-border-radius } .left_slider .slick-dots li.slick-active button { background:#00e1d7; cursor:pointer } .left_slider .slick-prev { display:none !important} .left_slider .slick-next { /*text-indent:-9999px;*/ position: absolute; width:84px; height:84px; display:block; background:#00e1d7; border-radius:50%; -webkit-border-radius:50%; right:500px; top:50%; margin-top:-42px; border:none;} .left_slider .slick-next span{bottom: -78px;color: #9499ab;position: relative;} .left_slider .slick-next:hover {background:#0234a1;} .left_slider .slick-next:after{ float:left; width:28px; height:28px; position:absolute; top:28px; left:20px; border-top:solid 2px #fff; border-right:solid 2px #fff; transform: rotate(-315deg); -webkit-transform:rotate(-315deg); content:""} .right_slider{width:100%; overflow:hidden; background:#f7f7f9; padding:90px 0 55px 0} .right_slider .centering{width:100%; max-width:890px;} .right_slider .image{ float:right; padding-right:20px;} .right_slider .text{ float:left; width:425px; padding-left:10px; top:50%; position: absolute; transform: translateY(-50%); -webkit- transform: translateY(-50%); padding-top:0} .right_slider .text h3{ font-family: 'Montserrat', sans-serif; font-weight:700; font-size:36px; color:#000c38; line-height:54px; padding-bottom:0 } .right_slider .text p{ font-family: 'Montserrat', sans-serif; font-weight:300; font-size:16px; color:rgba(0,12,56); line-height:28px; } .right_slider .slick-dots { position:absolute; left:25px; width:425px; top:50%; transform: translateY(-50%); -webkit- transform: translateY(-50%); margin-top:176px;} .right_slider .slick-dots li { width:10px; height:10px; float:left; margin-right:14px;} .right_slider .slick-dots li button { background:#e5e6eb; width:10px; height:10px; display:block; border:none; text-indent:-9999px; border-radius:50%; -webkit-border-radius } .right_slider .slick-dots li.slick-active button { background:#00e1d7; cursor:pointer } .right_slider .slick-prev { display:none !important} .right_slider .slick-next { /*text-indent:-9999px;*/ position: absolute; width:84px; height:84px; display:block; background:#00e1d7; border-radius:50%; -webkit-border-radius:50%; right:-110px; top:50%; margin-top:-42px; border:none;} .right_slider .slick-next span{bottom: -78px;color: #9499ab;position: relative;} .right_slider .slick-next:after{ float:left; width:28px; height:28px; position:absolute; top:28px; left:20px; border-top:solid 2px #fff; border-right:solid 2px #fff; transform: rotate(-315deg); -webkit-transform:rotate(-315deg); content:""} .right_slider .slick-next:hover {background:#0234a1;} /* signupBar */ .signupBar { padding:114px 0 130px 0; margin: 0px; text-align: center; overflow: hidden; border-bottom: 1px solid #999999; } .signupBar.sports h3{ font-size:42px; color:#000c38; font-family: 'Montserrat', sans-serif; font-weight:700; line-height:54px; padding-bottom:18px;} .signupBar.sports p{ font-size:18px; color:#000c38; font-family: 'Montserrat', sans-serif; font-weight:300; line-height:28px; padding:0 25% 48px;} .signupBar.sports .primary-btn{ display:inline-block; padding: 0px 15px 0px; margin:0 10px; border-radius:3px; -webkit-border-radius:3px; font-family: 'Montserrat', sans-serif; font-weight:700; font-size:15px; vertical-align:top} .page-template-affiliate .signupBar { background:#f7f7f9; padding:90px 0 87px 0; border:none} .page-template-affiliate .signupBar .wrapper { max-width:995px; padding:68px 180px 58px; background:#fff; box-shadow: 0 0 15px rgba(0,0,0,0.1); } .page-template-affiliate .signupBar h2{ font-size:32px; line-height:43px; font-family: 'Montserrat', sans-serif; font-weight:300;} .page-template-affiliate .signupBar .primary-btn{ display:inline-block; margin-top:40px;} #content.one_place{ float:left; width:100%; padding:76px 0 0 0; background:#f7f7f9; border-bottom:solid 1px #edeef1 } #content.one_place .heading_sec h2{ font-size:42px; color:#000c38; font-family: 'Montserrat', sans-serif; font-weight:700; line-height:54px; padding-bottom:18px; letter-spacing:0.3px} #content.one_place .heading_sec h3{ font-size:18px !important; color:rgba(0,12,56); font-family: 'Montserrat', sans-serif; font-weight:300; line-height:28px; padding:0 9% 48px;} #content.one_place .fullVideo { text-align:center;} #content.one_place .fullVideo img{ /*max-width:990px;*/ display:inline-block; vertical-align:bottom} .featureBar { padding: 100px 0 100px; clear: both; width: 100%; text-align: center; overflow: hidden; clear: both; border:none } .featureBar h2 { font-size:36px; color:#000c38; font-family: 'Montserrat', sans-serif; font-weight:700; line-height:54px; padding-bottom:18px; } .featureBar .repeat p { font-size:16px; color:rgba(0,12,56); font-family: 'Montserrat', sans-serif; font-weight:300; line-height:28px; } .featureBar .repeat .text{ width:100%; max-width:415px; display:table} .featureBar .repeat .primary-btn{ float:left; left:0; margin-top: 27px;} .featureBar .repeat .middle_center{ display: table-cell; height:530px; vertical-align: middle;} .home .featureBar .repeat .middle_center { height:400px; } .home #content.withbg .featureBar .repeat .middle_center { height:590px; } .home #content.author_image .featureBar .repeat .middle_center { height:500px; } .withbg .featureBar { padding: 80px 0 70px;} #content.withbg{position:relative} #content.withbg .wrapper{ max-width:900px} #content.withbg .image{ float:right; width:auto } #content.withbg .image img{ float:right; } #content.withbg .text{ float:left; } #content.withbg h2{ color:#00e1d7} #content.withbg p{ color:#fff} #content.withbg:after{ float:left; width:100%; height:100%; top:0; left:0; position:absolute; content:""; background:rgba(0,12,56,0.9); z-index:9} #content.withbg *{ z-index:99; position:relative} /* keysBar */ .keysBar { padding: 64px 0px 58px; margin: 0px; text-align: center; overflow: hidden; border-bottom: 1px solid #999999; } .keysBar ul { margin: 0px -12px; padding: 5px 0 0 0 ; list-style-type: none; } .keysBar li { padding: 0 12px; float: left; width: 25%; } .keysBar li img { margin: 0 0 30px; } .keysBar li:last-child { margin-right: 0px; } .keysBar li p:empty{ display:none} #content.icon_section{ float:left; width:100%; background:#131f49; padding:86px 0;} #content.icon_section .wrapper{ max-width:1120px;} #content.icon_section .keysBar{ padding:0; border:none} #content.icon_section .keysBar img{ display:inline-block; margin: 0 0 42px;} #content.icon_section .keysBar h4{ font-size:26px; color:#fff; font-family: 'Montserrat', sans-serif; font-weight:700; line-height:20px; letter-spacing:0; padding-bottom:20px} #content.icon_section .keysBar p{ font-size:15px; color:rgba(255,255,255,0.5); font-family: 'Montserrat', sans-serif; font-weight:300; line-height:24px; padding:0 13%;} #content.icon_section .keysBar p br{ display:none} .keysBar.inner{ background:#131f49; padding: 70px 0px 68px;} .keysBar.inner .wrapper{ max-width:1120px;} .keysBar.inner h2{ font-size:42px; color:#fff; font-family: 'Montserrat', sans-serif; font-weight:700; line-height:54px; padding-bottom:18px;} .keysBar.inner h3{ font-size:18px; color:#fff; font-family: 'Montserrat', sans-serif; font-weight:300; line-height:28px; padding:0 20% 75px;} .keysBar.inner h3 a{font-weight:700; text-decoration:none} .keysBar.inner h3 a:hover{ text-decoration:underline} .keysBar.inner li img{ display:inline-block; margin: 0 0 38px;} .keysBar.inner li h4{ font-size:22px; color:#fff; font-family: 'Montserrat', sans-serif; font-weight:700; line-height:24px; letter-spacing:0; padding-bottom:15px} .keysBar.inner li p{ font-size:15px; color:rgba(255,255,255,0.5); font-family: 'Montserrat', sans-serif; font-weight:300; line-height:24px; padding: 0 13%;} .keysBar.inner li p br{ display:none} #content.author_image{ padding-top:80px} #content.author_image .image{width: 595px;} #content.author_image .featureBar{ padding:0 0 0 0} #content.author_image h2{ font-size:36px; color:#000c38; font-family: 'Montserrat', sans-serif; font-weight:700; line-height:43px; padding-bottom:18px; width:90%} #content.author_image p{ font-size:16px !important; color:rgba(0,12,56); font-family: 'Montserrat', sans-serif; font-weight:300; line-height:28px; padding:0 ; width:90%} #content.author_image .repeat .text{ max-width:550px;} #content.author_image .repeat ul { padding-top:40px; list-style:none; margin-right:-60px;} #content.author_image .repeat ul li{ display:inline-block; list-style:none; font-size:14px; color:#000c38; font-family: 'Montserrat', sans-serif; font-weight:400; padding:0 15px 10px 0;} #content.author_image .repeat ul li:after { display:none} #content.case_study{ float:left; width:100%; background:#f6f6f6; padding:40px 0 80px 0;} #content.case_study .wrapper{ max-width:1150px;} #content.case_study .featureBar{ padding:0; box-shadow:0 0 15px rgba(0,0,0,0.1); background:#fff; overflow:visible} #content.case_study .repeat{ background-size:50% 100% !important; background-position:top right !important} #content.case_study .middle_center{ height:530px;} #content.case_study .image{ float:right} #content.case_study .text{ float:left; padding:0 70px; width: 50%; max-width:inherit} #content.case_study .text h2, .featureBar .repeat p{ width: 90%;} #content.case_study .text h2{ line-height:46px;} #content.case_study .case_button{ float:left; width:100%; background:#f6f6f6; padding:40px 0 40px 0; text-align:center; margin-top:40px;} #content.case_study .case_button .primary-btn { margin-top:0; display:inline-block; float:none} #content.software{ float:left; width:100%; padding:90px 0 38px 0;} #content.software .featureBar { padding:0} #content.software h1{font-size:33px; color:#000c38; font-family: 'Montserrat', sans-serif; font-weight:700; line-height:43px; padding-bottom:70px;} #content.software .videoBar{ padding:0; border-bottom:none} #content.software .wistia_embed{ max-width:790px; margin:0 auto} .simpleBar{ min-height:632px; text-align:center; position:relative; padding: 105px 0 95px; text-align: center; width: 100%; overflow: hidden; background: #40b1f1;} .simpleBar:after{ position:absolute; left:0; top:0; height:100%; width:100%; background:rgba(0,12,56); content:""; z-index:9} .simpleBar .centering::before, .simpleBar .centering::after { display:none} .simpleBar .centering{ z-index:99; left:50%; top:50%; position:absolute; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%)} .simpleBar .centering h2{ font-size:42px; color:#fff; font-family: 'Montserrat', sans-serif; font-weight:700; line-height:54px; padding-bottom:18px; } .simpleBar .centering p{ font-size:18px; color:#fff; font-family: 'Montserrat', sans-serif; font-weight:300; line-height:28px; padding: 0 20%;} .simpleBar .centering .primary-btn{ display:inline-block; margin-top: 34px; } .simpleBar h2 span { line-height: 28px; letter-spacing: 2px; font-size: 24px; display: block; } .simpleBar span.price { font-size: 52px; line-height: 57px; padding: 5px; color: #fff; display: block; } /* .signupBar .heading_sec { max-width: 90%; } .signupBar h2 { padding-bottom: 45px; line-height: 50px; } .signupBar form { display: block; margin: auto; width: 570px; } .signupBar input[type="text"] { padding: 0 20px; margin-bottom: 15px; display: block; width: 100%; height: 45px; background: #efefef; border: 0px; font-size: 17px; color: #595959; letter-spacing: 0.04em; -webkit-border-radius: 0; } .signupBar input[type="email"] { padding: 0 20px; margin: 0; display: block; width: 100%; height: 45px; background: #efefef; border: 0px; font-size: 17px; color: #595959; letter-spacing: 0.04em; -webkit-border-radius: 0; } .signupBar span.wpcf7-not-valid-tip { display: none; padding-top: 10px; } .signupBar div.wpcf7-validation-errors { margin: 0; padding: 0px; border: none !important; color: #F00; } .signupBar div.wpcf7-mail-sent-ok { margin: 0; padding: 0px; border: none !important; color: #008000; } .signupBar textarea { padding: 20px; margin: 0; display: block; width: 100%; height: 200px; background: #efefef; border: 0px; font-size: 17px; color: #595959; letter-spacing: 0.04em; -webkit-border-radius: 0; } .signupBar .wpcf7-not-valid { border: 1px solid #ff0000 !important; } .signupBar .wpcf7-not-valid-tip { display: none; } .signupBar .primary-btn { display: block; width: 230px; text-align: center; margin: 43px auto auto; padding: 8px 26px 6px; -webkit-appearance:none } .signupBar input.primary-btn { cursor: pointer; margin-top: 15px; padding: 7px 26px 4px; } .signupBar.free { padding: 88px 0px 34px; border: 0px; } .frequentlyBar + .signupBar { border-bottom: 0px; padding-bottom: 80px; } */ /* videoBar */ video{ max-width:100%} .videoBar { padding: 61px 0 75px; clear: both; width: 100%; text-align: center; border-bottom: 1px solid #999999; } .videoBar .heading_sec h2 { padding: 0px; } .videoBar .fullVideo { margin-bottom: 35px; display: block; position: relative; } .videoBar .fullVideo video { display: block;} .videoBar .fullVideo img { display: block;} .videoBar .fullVideo .play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); font-size: 0px; line-height: 0px; display: block; width: 115px; height: 115px; background: url(images/play-btn.png) top left no-repeat; } .videoBar .thumbs { clear: both; overflow: hidden; width: 100%; } .videoBar .thumbs .one { width: 469px; float: left; } .videoBar .thumbs .one iframe , .videoBar .thumbs .one video { display: block; } .videoBar .thumbs .one + .one { float: right; } .videoBar .thumbs .one span { font-size: 30px; position: absolute; top: 50%; left: 0px; width: 100%; display: none; color: #fff; line-height: 36px; text-transform: uppercase; z-index: 1; padding: 0px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); letter-spacing: 0.06em; } .videoBar .thumbs .one .image { margin-bottom: 10px; position: relative; background: #ffffff; } .videoBar .thumbs .one .image:after { content: ""; width: 100%; height: 100%; display: none; position: absolute; top: 0px; left: 0px; } /*.videoBar .thumbs .one.active .image:after { background: rgba(0,0,0,0.7); }*/ .videoBar .thumbs .one.active a.play-btn { display: none; } .videoBar .thumbs .one.active span { display: block; } .videoBar a.play-btn { width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; font-size: 0px; line-height: 0px; background: url(images/play-btn.png) center center no-repeat; background-size: 71px 71px; z-index: 1; } .videoBar .thumbs .one p { font-size: 18px; line-height: 24px; color: #000; text-align: left; letter-spacing: 0.06em; } .fullVideo.product{ margin: 40px auto 0; max-width:640px; position: relative;} .fullVideo.product .wistia_embed { display: block; width:100% !important; min-height:400px !important } .topContent { overflow: hidden; width: 100%; text-align: center; margin-top: 0; padding:48px 0px; display: block !important; background:#e5e6eb} .topContent ul { list-style: none; overflow: hidden; padding: 0; margin: 0; width: 100%; } .topContent ul li { display:inline-block; vertical-align: middle; padding: 0 25px; } .topContent ul li a { display: inline-block; vertical-align: middle; } .topContent ul li img { height: auto !important; } .topContent strong { color: #393939; display: block; text-align: center; font-weight: normal; font-size: 12px; font-weight: normal; } .topContent strong{font-family: 'Montserrat', sans-serif; font-weight:600; text-align:center; font-size:32px; color:#000c38; padding-bottom:78px; } .primary-btn{ display:block; text-align:center; width:240px; height:56px; background:#0234a1; color:#fff; border:solid 1px #0234a1; text-transform:capitalize; line-height:56px; text-decoration:none; padding: 0px 15px 0px; border-radius:3px; -webkit-border-radius:3px; font-family: 'Montserrat', sans-serif; font-weight:700; font-size:15px; box-shadow:0px 9px 10px rgba(0,0,0,0.2)} .primary-btn:hover, .primary-btn.active{background:#fff; color:#0234a1; border:solid 1px #0234a1; box-shadow:none} .primary-btn.active:hover{background:#0234a1; color:#fff; border:solid 1px #0234a1;box-shadow:0px 9px 10px rgba(0,0,0,0.2) } .primary-btn.white{ display:block; text-align:center; width:240px; height:56px; background:#fff; color:#0234a1; border:solid 1px #0234a1; text-transform:capitalize; line-height:56px; text-decoration:none; padding: 0px 15px 0px; border-radius:3px; -webkit-border-radius:3px; font-family: 'Montserrat', sans-serif; font-weight:700; font-size:15px; box-shadow:0px 9px 10px rgba(0,0,0,0.2)} .primary-btn.white:hover, .primary-btn.white.active{background:none; color:#fff; border:solid 1px #fff; } .page-template-product #innerBanner{ height: 690px; background-size:907px auto; background-repeat:no-repeat; background-position:center 100%; background-color:#000c38 } .page-template-product .innerbannerBar{padding: 210px 0 50px; } .page-template-product .innerbannerBar h1{ font-size:42px; line-height:54px; font-weight:600; padding: 0 160px 64px;} .page-template-product .innerbannerBar .primary-btn{ display:inline-block; width:inherit} .page-template-product .innerbannerBar .primary-btn div{ width:206px !important; color:#000c38; cursor:pointer} .page-template-product .innerbannerBar .primary-btn:hover div{ color:#fff} .page-template-product .signupBar{ background:#f7f7f9} .page-template-sports #innerBanner{ height: 680px; background-color:#000c38 } .page-template-sports .innerbannerBar h2{ font-size:48px; line-height:56px; font-weight:600; padding: 0 90px 64px; color:#fff} .page-template-sports .innerbannerBar h2 a{ color:#00e1d7; text-decoration:none} .page-template-sports .rotoBar{ padding:0} .page-template-sports .signupBar{ background:#f7f7f9} #content.sport{width:100%; padding:75px 0; overflow:hidden } #content.sport .wrapper{max-width: 1140px;} #content.sport .heading_sec{max-width: 76%;} #content.sport .rotoBar { border:none} #content.sport .rotoBar h3{padding: 10px 12% 70px;} #content.sport .sub_item{ margin-top:50px; padding:60px 40px 32px; border:solid 1px #e5e6eb; border-radius:5px; -webkit-border-radius:5px; display:inline-block; clear:both} #content.sport .rotoBar li{ min-width:285px; padding: 0px 0 28px; float: left; width: 25%;} #content.sport .rotoBar li h4 { position: relative; padding-bottom: 25px; margin-bottom: 0; font-family: 'Montserrat', sans-serif; font-weight:700; font-size:30px; line-height:30px;} #content.sport .rotoBar li img { margin: 0 auto 16px; } #content.sport .rotoBar li:last-child { margin-right: 0px; } #content.sport .rotoBar li a{ display:inline-block; min-height:213px; } #content.sport .rotoBar li a.learn_more { display:inline-block; width:178px; height:48px; min-height: inherit; font-family: 'Montserrat', sans-serif; font-weight:700; font-size:15px; line-height:48px; background:#0234a1; color:#fff; border-radius:3px; -webkit-border-radius:3px; text-decoration:none; border:solid 1px #0234a1;} #content.sport .rotoBar li a.learn_more:hover { border:solid 1px #0234a1; background:#fff; color:#0234a1} .browserBar { padding: 40px 0 80px; width: 100%; overflow: hidden; text-align: center; } .browserBar figure { margin-bottom: 20px; width: 100%; border-bottom: 1px solid #dfdfdf; } .browserBar figure img { display: inline-block; vertical-align: bottom; } .browserBar h4 { letter-spacing: 1px;padding-bottom: 15px; } .browserBar p { line-height: 26px; padding: 0 100px 30px; } .browserBar .row { overflow: hidden; padding-top: 60px; } .browserBar .row:first-child {padding: 0px; } .browserBar.get_access{ overflow: hidden; width: 100%; padding:90px 0px; background:#f7f7f9; position:relative} .browserBar.get_access img{ float:right} .get_access_content{ float:left; width:500px; height:400px; background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding:53px 60px 60px; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%)} .get_access_content p{font-family: 'Montserrat', sans-serif; font-weight:300; font-size:28px; line-height:40px; padding:0; text-align:center} .get_access_content p span{ color:#00e1d7; font-weight:700} .get_access_content .shadow{ float:left; width:100%; background:#f6f6f6; padding:40px 0 40px 0; text-align:center; margin-top:46px;} .get_access_content .shadow a{ display:inline-block;} .everywhere { width:100%; padding:84px 0 94px 0; border-bottom:solid 1px #e5e6eb; text-align:center; overflow:hidden } .everywhere h2 { font-size: 42px; line-height: 54px; font-family: 'Montserrat', sans-serif; font-weight:600; text-align:center; padding-bottom:18px; color:#000c38} .everywhere p { font-size: 18px; line-height: 28px; font-family: 'Montserrat', sans-serif; font-weight:300; text-align:center; padding:0 13% 40px;} .everywhere img{ display:inline-block; margin-top:60px;} .everywhere .primary-btn{ display:inline-block ; } .watchBar.sports{ padding: 80px 0px 60px} .watchBar.sports .fullVideo{max-width: 770px; text-align:center} .watchBar.sports h2 { font-size:42px; line-height:43px; font-family: 'Montserrat', sans-serif; font-weight:700; text-align:center; padding-bottom:74px; color:#000c38} .watchBar.sports .fullVideo .primary-btn{ display:inline-block; top:-134px; position:relative} .courselisting {width: 100%; overflow:hidden; background:#f7f7f9; padding: 100px 0 70px; } .courselisting .wrapper{ max-width: 1080px; } .courselisting ul.tabs { list-style: none; margin: 0 -50px; padding: 0; } .courselisting ul.tabs li { float:left; width:20%; padding:0 0; font-size:22px; line-height:24px; min-height:50px; font-family: 'Montserrat', sans-serif; font-weight:400; color:rgba(0,12,56,0.3)} .courselisting ul.tabs li a{ color:rgba(0,12,56,0.3); text-decoration:none; text-align:center; width:100%; display:block; padding-bottom:16px; } .courselisting ul.tabs li a:hover, .courselisting ul.tabs li a.active{ color:rgba(0,12,56,1); font-size:28px; line-height:30px; border-bottom:solid 2px #00e1d7 } .courselisting ul.tab-content-video { list-style: none; margin:80px 0 22px 0; padding: 0; float:left; width:100% } .courselisting ul.tab-content-video li { float:left; width:33.33%; margin-bottom:50px; } .courselisting ul.tab-content-video li:nth-child(3n-1){ text-align:center} .courselisting ul.tab-content-video li:nth-child(3n){ text-align:right} .courselisting ul.tab-content-video li:nth-child(3n+1){ clear:left} .courselisting ul.tab-content-video li .text {padding:25px; display:block; min-height:145px; text-align:left} .courselisting ul.tab-content-video li a{ display:inline-block} .courselisting ul.tab-content-video li figure { position: relative; overflow: hidden; } ..courselisting ul.tab-content-video li figure cite { position: absolute; left: 24px; top: 24px; width: 80px; height: 30px; line-height: 30px; text-align: center; background: rgba(32,51,23,0.8); color: #44bbff; font-size: 16px; } .courselisting ul.tab-content-video figure cite.blue { background: rgba(6,16,22,0.8); } .courselisting ul.tab-content-video strong { color: #999999; font-size: 14px; line-height: 20px; text-transform: uppercase; font-weight: normal; display: block; } .courselisting ul.tab-content-video .block{box-shadow: 0 0 20px rgba(0,0,0,0.14); border-radius:6px; -webkit-border-radius:6px; max-width:300px; width:100%; background:#fff;} .courselisting ul.tab-content-video .block img{ border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0;} .courselisting ul.tab-content-video h3 { color: #00e1d7; font-size: 16px; line-height: 20px; padding: 0 0 15px 0; font-family: 'Montserrat', sans-serif; font-weight:700; text-transform:uppercase;} .courselisting ul.tab-content-video span { display: block; color: #999999; font-size: 14px; line-height: 18px; padding: 12px 0; } .courselisting ul.tab-content-video p { padding-bottom: 25px; color: #000c38; font-size: 16px; line-height: 24px; padding: 0; font-family: 'Montserrat', sans-serif; font-weight:300; } .courselisting ul.tab-content-video *{ text-decoration:none} .courselisting #loadMore{ float:left; width:100%; text-align:center} .courselisting #loadMore .seemore{ display:inline-block; text-align:center; width:240px; height:56px; background:#fff; color:#0234a1; border:solid 1px #0234a1; text-transform:capitalize; line-height:56px; text-decoration:none; padding: 0px 15px 0px; border-radius:3px; -webkit-border-radius:3px; font-family: 'Montserrat', sans-serif; font-weight:700; font-size:15px; box-shadow:0px 9px 10px rgba(0,0,0,0.2)} .courselisting #loadMore .seemore:hover, .seemore.active{background:#0234a1; color:#fff; border:solid 1px #0234a1; } .page-template-university .watchBar.sports h2{ font-size:33px !important;} .page-template-affiliate .watchBar.sports h2{ font-size:33px !important;} .watchBar.sports.course_video { border-top: 1px solid #999999; padding-bottom: 40px; margin-top: 35px; } .courselisting li figure cite { font-style: normal;border-radius: 5px; -webkit-border-radius: 5px; } .courselisting li figure cite.yellow { color: #ffd700; } .courselisting li figure cite.green { color: #8fe56a; } .courselisting h1 { text-align: center; font-size: 26px; line-height: 30px; padding-bottom: 38px; margin-bottom: 55px; position: relative; } .courselisting h1:before { content: ''; border-bottom: 2px dotted #40b1f1; width: 175px; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: 0px; } .videobar_university { overflow: hidden; color: #fff; background: #000c38 ; padding-top:205px; } .videobar_university h1 { color: #fff; font-size:53px; line-height:50px; font-family: 'Montserrat', sans-serif; font-weight:700; text-align:center } /* .page-template-product .watchBar.sports{ padding-bottom:0} */ .twitter{ padding: 85px 0px 90px; background:#000c38; overflow: hidden; } .twitter .heading_sec{max-width: 90%;} .twitter h2 { font-size:42px; line-height:43px; font-family: 'Montserrat', sans-serif; font-weight:700; text-align:center; padding-bottom:64px; color:#fff} .twiter_content.right ul { overflow: hidden; margin: 0 -15px; padding:0 } .twiter_content.right li { width: 33.33%; float:left; min-height: 208px; padding: 15px; } .twiter_content.right li iframe { margin: 0!important; background:#fff; min-height:270px; border-radius:5px; -webkit-border-radius:5px; } .twiter_content.right .EmbeddedTweet { max-width: 98% !important; } #option .slider {float: left; width: 100%} .moving_slide { float: left; width: 100%;} .moving_slide.slick-center { transform: scale(1.2, 1.2); position: relative;z-index:999;} .moving_slide video { margin-top: -60px !important} .moving_slide.slick-slide{ opacity:0.3; } .moving_slide.slick-slide.slick-current{ opacity:1; margin:0px 0;} .moving_slide.slick-slide p{ font-size:20px; text-align:center; padding-top:25px; display:none; transition-delay:1s; -webkit-transition-delay:1s} #videoscroll .slick-list { overflow: visible !important;} .moving_slide.slick-slide.slick-active p{ display:block; transition-delay:1s; -webkit-transition-delay:1s} .moving_slide.slick-slide.slick-active a:after{ float:left; position:absolute; top:0%; left:0%; height:100%; width:100%; content:""; background: url(images/play_btn_black.png) center 44% no-repeat;} #videoscroll{ max-width:1200px; margin:0 auto 0 auto; display:inline-block; position:relative; } #videoscroll #bannerBg{ width:1200px; margin:0px 0 0 0; float:left; padding:40px 0 50px; overflow:hidden} #videoscroll .slick-arrow { position:absolute; bottom:0px;} #videoscroll .slick-prev { left:0px; padding:10px 0 10px 44px; font-size:15px; color:#fff; font-family: 'Montserrat', sans-serif; font-weight:700; background: url(images/prev_btn.png) left center no-repeat; border:none; cursor:pointer; z-index:999} #videoscroll .slick-next { right:0px; padding:10px 44px 10px 0; font-size:15px; color:#fff; font-family: 'Montserrat', sans-serif; font-weight:700; background: url(images/next_btn.png) right center no-repeat; border:none; cursor:pointer; z-index:999 } .select_box{ float:left; width:100%; text-align:center; padding:20px 0 40px; } .select_box h4{ display:inline-block; font-size:18px; color:#fff; font-family: 'Montserrat', sans-serif; font-weight:400; padding-right:10px;} .select_box #selectMe{ display:inline-block; float:none; width:246px; height:56px; color:#fff !important; border-radius:3px; -webkit-border-radius:3px; appearance:none; -webkit-appearance:none; -moz-appearance:none; font-family: 'Montserrat', sans-serif; font-weight:700; font-size:18px; text-align:left; text-indent:20px; height:56px; border:none; background:#00e1d7 url(images/select-arrow.png) right center no-repeat} .select_box #selectMe option{ color:#fff !important;} @media screen and (-webkit-min-device-pixel-ratio:0) { .select_box #selectMe{text-indent:40px;} } #videoscroll .slick-next:hover{ color:#00e1d7; background: url(images/next_btn.png) right center no-repeat;} #videoscroll .slick-prev:hover {color:#00e1d7; background: url(images/prev_btn.png) left center no-repeat;} /* browserBar */ .page-template-affiliate .innerbannerBar{ padding: 205px 0 50px;} .page-template-affiliate .innerbannerBar h1 {padding: 0 180px 27px;} .page-template-affiliate .innerbannerBar p{font-size:18px; line-height:24px; color:#fff; font-family: 'Montserrat', sans-serif; font-weight:300; padding: 0 145px;} .page-template-affiliate .fullVideo.affi { padding-top: 31%; position: relative; max-width: 640px; margin: 20px auto 0; } .page-template-affiliate .innerbannerBar .links{ text-align:center; padding-top:34px; } .page-template-affiliate .innerbannerBar .links .primary-btn{ display:inline-block} .question-ans { padding: 100px 0 100px; width:100%; overflow:hidden; } .question-ans .wrapper{ max-width:1060px;} .question-ans h2{ font-size:36px; line-height:43px; color:#000c38; font-family: 'Montserrat', sans-serif; font-weight:700; padding-bottom:100px;} .question-ans h4{ font-size:22px; line-height:43px; color:#000c38; font-family: 'Montserrat', sans-serif; font-weight:700; padding-bottom:10px;} .question-ans p{ font-size:16px; line-height:28px; color:#000c38; font-family: 'Montserrat', sans-serif; font-weight:300; } .question-ans ul{ list-style:none; float:left; width:100%; padding:0} .question-ans ul li{ float:left; width:50%; padding:70px 80px 34px 35px ; border-top:solid 1px #e5e6eb; border-left:none} .question-ans ul li:nth-child(2n){ border-left:solid 1px #e5e6eb; padding-left:70px;} .question-ans ul li:nth-child(1), .question-ans ul li:nth-child(2){ border-top:none; padding-top:37px;} .page-template-new-pricing-template .signupBar{ background:#f7f7f9} .page-template-new-pricing-template #innerBanner{ height:460px;} .page-template-new-pricing-template .innerbannerBar { padding: 235px 0 50px;} .page-template-new-pricing-template .innerbannerBar h1{ font-size:42px; line-height:54px; padding:0 20px 15px} .page-template-new-pricing-template .innerbannerBar h3{padding: 10px 22% 20px;} .page-template-new-pricing-template .innerbannerBar h3 a{ text-decoration:none} .page-template-new-pricing-template .innerbannerBar h3 a:hover{ text-decoration:underline} .page-template-new-pricing-template .keysBar{ border:none} .pricing-table{ background:#f7f7f9; padding:75px 0 85px 0} #monthly_billing { width:100%; max-width:1050px; margin:0 auto} #monthly_billing .package_caption{ float:left; width:20%; } #monthly_billing .package_details{ float:left; width:16%;} #monthly_billing .top_head{ float:left; width:100%; font-family: 'Montserrat', sans-serif; font-weight:300; font-size:17px; background:00e1d7; color:#00e1d7; border-radius:5px 5px 0 0 ; -webkit-border-radius:5px 5px 0 0 ; margin-top:-5px; text-align:center; padding:15px 15px; margin-bottom:42px; position:relative} #monthly_billing .package_details.premium .top_head{ background:#00e1d7; color:#fff; } #monthly_billing .package_details.premium .top_head:after{ float:left; position:absolute; bottom:-15px; left:50%; margin-left:-22px; border-top:solid 22px #00e1d7; border-left:22px solid transparent; border-right:22px solid transparent; border-bottom:none; content:""; } #monthly_billing ul { float:left; width:100%; margin:0; padding:0; list-style:none } #monthly_billing ul li{ float:left; width:100%; border-bottom:solid 1px #dddee5; border-right:solid 1px #dddee5; padding:0 20px; text-align:center; height:68px} #monthly_billing ul li strong{ float:left; width:100%; font-size:20px; font-family: 'Montserrat', sans-serif; font-weight:700 } #monthly_billing ul li.pricing_table_title span{ float:left; width:100%; font-size:20px; font-family: 'Montserrat', sans-serif; font-weight:300; padding-bottom:18px; } #monthly_billing ul li p{ float:left; width:100%; font-size:14px; font-family: 'Montserrat', sans-serif; font-weight:300; color:rgba(0,12,56) } #monthly_billing .package_caption ul { padding-top:196px; border-bottom:none;} #monthly_billing .package_caption ul li{ padding-left:0} #monthly_billing .package_caption ul li { float:left; width:100%; font-size:18px; text-align:left; padding:22px 0px; line-height:31px; font-family: 'Montserrat', sans-serif; font-weight:300; color:rgba(0,12,56); height:68px; } #monthly_billing .package_caption ul li strong{ text-align:left; } #monthly_billing .package_caption ul li, #monthly_billing .package_caption ul li{ border-right:solid 1px #dddee5;} #monthly_billing .package_caption ul li h4, #monthly_billing ul li p strong, #monthly_billing ul li p span{color:#000c38 !important;} #monthly_billing .package_details ul li:first-child{ height:174px; padding-top:0} #monthly_billing .package_details ul li:first-child strong{ margin-top:-15px;} #monthly_billing .package_details ul li:last-child{ padding:22px 20px; height:auto; } #monthly_billing .package_details.premium { background:#0234a1; border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;} #monthly_billing .package_details.premium ul li { border-bottom:solid 1px #0234a1;} #monthly_billing .package_details.premium ul li p, .price .cols.premium ul li strong, .price .package_details.premium ul li span { color:#fff !important} #monthly_billing .package_details.premium ul li p strong, #monthly_billing .package_details.premium ul li p span{color:#fff !important;} #monthly_billing .action_button { float:left; width:100%; line-height:40px; text-decoration:none; background:#0234a1; font-family: 'Montserrat', sans-serif; font-weight:700; font-size:13px; color:#fff; border-radius:5px; -webkit-border-radius:5px; border:solid 1px #0234a1; } #monthly_billing .action_button.active, #monthly_billing .action_button:hover { background:#fff; color:#0234a1;} #monthly_billing .package_details.premium .action_button { background:#00e1d7} #monthly_billing .package_details.premium .action_button:hover { background:#00e1d7; color:#fff;} #monthly_billing .package_caption ul li:last-child, #monthly_billing .package_details ul li:last-child{border-bottom:none;} .NotInclude{ background: url(images/cross_img.png) center center no-repeat; float:left; width:100%; height:68px;} .Include{ background: url(images/tick_img.png) center center no-repeat; float:left; width:100%; height:68px;} .premium .NotInclude{ background: url(images/cross_img_w.png) center center no-repeat; float:left; width:100%; height:68px;} .pricing-table .switch_container { background-color:none; display: inline-block; width:484px; margin: 0 0 60px 17%;} .pricing-table .switch_container a.active{float:left; width:242px; line-height:55px; text-decoration:none; background:#0234a1; font-family: 'Montserrat', sans-serif; font-weight:700; font-size:15px; color:#fff; border-radius:5px; -webkit-border-radius:5px; border:solid 1px #0234a1; border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0} .pricing-table .switch_container a{float:left; width:242px; line-height:55px; text-decoration:none; background:#dde2ef; font-family: 'Montserrat', sans-serif; font-weight:700; font-size:15px; color:#b5c2e0; border-radius:5px; -webkit-border-radius:5px; border:solid 1px #dde2ef; border-radius:0 0 5px 5px; -webkit-border-radius:5px 5px 0 0} #annnual_billing { width:100%; max-width:1050px; margin:0 auto} #annnual_billing .package_caption{ float:left; width:20%; } #annnual_billing .package_details{ float:left; width:16%;} #annnual_billing .top_head{ float:left; width:100%; font-family: 'Montserrat', sans-serif; font-weight:300; font-size:17px; background:00e1d7; color:#00e1d7; border-radius:5px 5px 0 0 ; -webkit-border-radius:5px 5px 0 0 ; margin-top:-5px; text-align:center; padding:15px 15px; margin-bottom:35px; position:relative} #annnual_billing .package_details.premium .top_head{ background:#00e1d7; color:#fff; } #annnual_billing .package_details.premium .top_head:after{ float:left; position:absolute; bottom:-15px; left:50%; margin-left:-22px; border-top:solid 22px #00e1d7; border-left:22px solid transparent; border-right:22px solid transparent; border-bottom:none; content:""; } #annnual_billing ul { float:left; width:100%; margin:0; padding:0; list-style:none } #annnual_billing ul li{ float:left; width:100%; border-bottom:solid 1px #dddee5; border-right:solid 1px #dddee5; padding:0 20px; text-align:center; height:68px} #annnual_billing ul li strong{ float:left; width:100%; font-size:20px; font-family: 'Montserrat', sans-serif; font-weight:700 } #annnual_billing ul li.pricing_table_title span{ float:left; width:100%; font-size:20px; font-family: 'Montserrat', sans-serif; font-weight:300; padding-bottom:18px; } #annnual_billing ul li p{ float:left; width:100%; font-size:14px; font-family: 'Montserrat', sans-serif; font-weight:300; color:rgba(0,12,56) } #annnual_billing .package_caption ul { padding-top:189px; border-bottom:none;} #annnual_billing .package_caption ul li{ padding-left:0} #annnual_billing .package_caption ul li { float:left; width:100%; font-size:18px; text-align:left; padding:22px 0px; line-height:31px; font-family: 'Montserrat', sans-serif; font-weight:300; color:rgba(0,12,56); height:68px; } #annnual_billing .package_caption ul li strong{ text-align:left; } #annnual_billing .package_caption ul li, #annnual_billing .package_caption ul li{ border-right:solid 1px #dddee5;} #annnual_billing .package_caption ul li h4, #annnual_billing ul li p strong, #annnual_billing ul li p span{color:#000c38 !important;} #annnual_billing .package_details ul li:first-child{ height:174px; padding-top:0} #annnual_billing .package_details ul li:first-child strong{ margin-top:-15px;} #annnual_billing .package_details ul li:last-child{ padding:22px 20px; height:auto} #annnual_billing .package_details.premium { background:#0234a1} #annnual_billing .package_details.premium ul li { border-bottom:solid 1px #0234a1;} #annnual_billing .package_details.premium ul li p, .price .cols.premium ul li strong, .price .package_details.premium ul li span { color:#fff !important} #annnual_billing .package_details.premium ul li p strong, #annnual_billing .package_details.premium ul li p span{color:#fff !important;} #annnual_billing .action_button { float:left; width:100%; line-height:40px; text-decoration:none; background:#0234a1; font-family: 'Montserrat', sans-serif; font-weight:700; font-size:13px; color:#fff; border-radius:5px; -webkit-border-radius:5px; border:solid 1px #0234a1; } #annnual_billing .action_button.active, #annnual_billing .action_button:hover { background:#fff; color:#0234a1;} #annnual_billing .package_details.premium .action_button { background:#00e1d7} #annnual_billing .package_details.premium .action_button:hover { background:#00e1d7; color:#fff;} #annnual_billing .package_caption ul li:last-child, #annnual_billing .package_details ul li:last-child{border-bottom:none;} .NotInclude{ background: url(images/cross_img.png) center center no-repeat; float:left; width:100%; height:68px;} .Include{ background: url(images/tick_img.png) center center no-repeat; float:left; width:100%; height:68px;} .logo.mobile{ display:none} /* footer */ #footer { padding: 85px 0 0; overflow: hidden; background: #000c38;} #footer .one { margin-right: 30px; width: 170px; float: left; } #footer .one a { margin: 13px 0 0 10px; display: block; } #footer .two { margin-right: 30px; width:180px; float: left; } #footer .third { margin-right: 30px; width: 220px; float: left; } #footer .fourth { width: 515px; float: left; padding-left:90px; } #footer .fourth .widget_mc4wp_form_widget{ max-width:350px; padding-top:38px;} #footer h3 { padding: 0 13px 3px 0; margin-bottom: 18px; font-size: 18px; color: #fff; line-height: 20px; font-family: 'Montserrat', sans-serif; font-weight:700; display: inline-block; vertical-align: top; } #footer ul li { padding-bottom: 12px; font-size: 15px; line-height: 20px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight:300; } #footer ul li a { display: inline-block; color: #fff; text-decoration: none; letter-spacing:0; } #footer ul li a:hover { text-decoration: none; color:#00e1d7 } #footer ul li.current_page_parent a { color: #40b1f1; } .privacy_policy span{ padding:0 8px;} #footer ul li a[href^="mailto"] { color: #00e1d7; } #footer ul { padding: 0px; margin: 0px; list-style-type: none; } #footer .fourth #mc4wp_form_widget-2 h3.widget-title { padding-bottom: 11px; font-size: 14px; line-height: 20px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight:400; border:none; text-transform:none; margin:0; padding-left:8px; } #footer form { clear: both; } #footer form input[type="submit"] { display: block; height: 50px; padding: 2px 10px 0; font-size: 13px; width:94px; background:#fff; color:#000c38; border-radius:3px; -webkit-border-radius:3px; font-family: 'Montserrat', sans-serif; font-weight:700; font-size:16px; } #footer form input[type="submit"]:hover {background: #fff; border:solid 1px #0234a1; color:#0234a1} #footer form input[type="email"] { padding-right: 20px; padding-left:20px; width:247px; height:50px; background:rgba(255,255,255,0.1); border-radius:3px !important; -webkit-border-radius:3px !important; color:rgba(255,255,255,0.2); font-family: 'Montserrat', sans-serif; font-weight:300; font-size:16px; border:none !important } #footer form input[type="email"]:focus { color: #fff; } #footer .mc4wp-alert.mc4wp-success { padding-top: 15px;} #mc4wp_form_widget-2 p{ padding-bottom:0} #footer .social { clear: both; padding: 40px 0 0; } #footer .social a { margin-right: 12px; font-size: 20px; line-height:34px; text-align:center; color: #000c38; float:left; width:32px; height:32px; border-radius:50%; -webkit-border-radius:50%; background:#fff } #footer .social a:hover { color: #fff; background:#40b1f1 } #footer .social a:last-child { font-size: 20px; } #footer .copyright { padding:42px 0 24px 0; margin-top: 85px; clear: both; overflow: hidden; text-align: center; border-top:solid 1px #1a244c } #footer .copyright p { padding-bottom: 0px; float:left; font-family: 'Calibri' Raleway, sans-serif; } #footer .copyright h6 { color: #fff; padding-bottom: 19px; float:left; font-size:14px; padding-left:42px; font-family: 'Calibri' Raleway, sans-serif; } #footer .copyright h6 i { color: #fff; display: inline-block; vertical-align: top; margin: 5px 2px 0; } #footer p { font-size: 14px; line-height: 18px; color: rgba(255,255,255,0.4); } #footer p img { display: inline-block; vertical-align: top; } #footer p span { color: #0c69b9; font-family: 'Calibri' Raleway, sans-serif; display: inline-block; vertical-align: top; margin: 0 2px; } #footer p a { color: #fff; text-decoration: none; } #footer p a:hover { text-decoration: underline; } #back-to-top { position: fixed; bottom: 80px; display: none; right: 25px; z-index: 9999; width: 34px; height: 34px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; opacity: 0; background:#3c3b3b; } #back-to-top:after { width: 16px; height: 16px; content:''; position: absolute; left: 50%; top: 50%; border-top: 4px solid #fff; border-left: 4px solid #fff; transform:rotate(45deg); margin: -6px 0 0 -7px; background:#3c3b3b} #back-to-top.show { opacity: 0.8; } #back-to-top.show:hover { opacity: 1; } a.close, .mobilemenu { display: none; } /*data-testid["big-play-button"]{background: url(images/play_btn.png) left center no-repeat !important; float:left; width:180px; height:180px;}*/ [data-testid="big-play-button__wrapper"] { background:rgba(217,219,255,0.6) !important; z-index:99 !important} [data-testid="big-play-button__button"] {background: url(images/play_btn.png) center center no-repeat !important; float:left; width:180px!important; height:180px!important; margin-top:15px !important;} [data-testid="big-play-button__horizontally-centered-contents"] { float:left; width:180px!important; height:180px!important;} [data-testid="big-play-button__button"]:hover{ opacity:0.5} .fail{ font-size: 12px !important; color: #ff0000 !important;} .success{ font-size: 12px !important; color: #32cd32 !important;} /* **************************** */ .bannerBar h3 a{ text-decoration: none;} blockquote{ font-style:italic} .full.deafult_page{padding-top: 200px; padding-bottom: 50px;} .full.deafult_page .entry-title { padding:20px 0;} .full.deafult_page p {color: rgba(0,12,56); font-family: 'Montserrat', sans-serif; font-weight:300; font-size:18px; line-height:28px} .full.deafult_page ul li, .full.deafult_page ol li {color: rgba(0,12,56); font-family: 'Montserrat', sans-serif; font-weight:300; font-size:18px; line-height:28px} .signupBar.sports .wistia_embed{ width:240px; display:inline-block !important; padding:0; cursor:pointer} .signupBar.sports .wistia_embed #wistia_14.thumb_container{ width:100%} #text-11 img{ max-height:100px; padding:0 !important; margin-bottom:15px;} #text-11 a{ margin:0 !important; width:250px !important;} #text-11 a img{ max-width:170px !important;} .nav-bar .android{ float:right; width:90px; margin:5px 0px 0px 10px } .nav-bar .android:hover{ opacity:0.8} .nav-bar .android img{border-radius:5px} .nav-bar .apple{ float:right; width:90px; border-radius:5px; margin:5px 0px 0px 0px} .nav-bar .apple:hover{opacity:0.8} .nav-bar .apple img{border-radius:5px} /*.btn_box{ width:100%; text-align:left} .btn_box .android{ float:none; display:inline-block; width:137px; margin:0 0 20px 11px} .btn_box .android:hover{opacity:0.8} .btn_box .android img{ border-radius:5px} .btn_box .apple{ float:none; display:inline-block; width:157px ;margin:0 0 20px 0} .btn_box .apple img{border-radius:5px} .btn_box .apple:hover{opacity:0.8}*/ .left-text .android{ float:none; display:inline-block; width:200px} .left-text .android img{ border-radius:11px} .left-text .android:hover{opacity:0.8} .left-text .apple{ float:none; display:inline-block; width:200px} .left-text .apple img{ border-radius:11px} .left-text .apple:hover{opacity:0.8} .footer_btn .android{ float:none; display:inline-block!important; width:150px!important} .footer_btn .android img{ border-radius:11px} .footer_btn .android:hover{opacity:0.8} .footer_btn .apple{ float:none; display:inline-block!important; width:150px!important} .footer_btn .apple img{ border-radius:11px} .footer_btn .apple:hover{opacity:0.8} .page-template-template-mobile .btn_box .android{ margin-bottom:10px} .page-template-template-mobile .btn_box .apple{ margin-bottom:10px} .page-template-template-mobile .middle_box .mid .android{ float:none; display:inline-block; width:200px} .page-template-template-mobile .middle_box .mid .android img{border-radius:11px} .page-template-template-mobile .middle_box .mid .android img:hover{opacity:0.8} .page-template-template-mobile .middle_box .mid .apple{ float:none; display:inline-block; width:200px} .page-template-template-mobile .middle_box .mid .apple img{border-radius:11px} .page-template-template-mobile .middle_box .mid .apple img:hover{opacity:0.8} .button_store{ margin-bottom:20px} .home #content.withbg .featureBar .repeat .middle_center .android{ float:none; display:inline-block; width:200px; margin-right:10px} .home #content.withbg .featureBar .repeat .middle_center .android img{border-radius:11px} .home #content.withbg .featureBar .repeat .middle_center .android img:hover{opacity:0.8} .home #content.withbg .featureBar .repeat .middle_center .apple{ float:none; display:inline-block; width:200px} .home #content.withbg .featureBar .repeat .middle_center .apple img{border-radius:11px} .home #content.withbg .featureBar .repeat .middle_center .apple img:hover{opacity:0.8} .right_slider .text .android{ float:left; display:inline-block; width:175px; margin-right:10px} .right_slider .text .android img{border-radius:11px} .right_slider .text .android img:hover{opacity:0.8} .right_slider .text .apple{ float:left; display:inline-block; width:175px; } .right_slider .text .apple img{border-radius:11px} .right_slider .text .apple img:hover{opacity:0.8} .home .bannerBar h1 span{color: #00E5D7;} .home .bannerBar .primary-btn {background: #00E5D7 none repeat scroll 0 0; border: 1px solid #00E5D7; color:#fff} .home .bannerBar .primary-btn:hover{ background:#fff; color:#0234a1; border: solid 1px #fff} .home .bannerBar .primary-btn.active {background: #fff none repeat scroll 0 0; border: 1px solid #0234a1; box-shadow: none; color: #0234a1;} .home .bannerBar .primary-btn.active:hover{background: #00E5D7 none repeat scroll 0 0; border: 1px solid #00E5D7; color:#fff} #monthly_billing .prev{ display:none; background:#0234a1; padding:5px 10px; float:left; color:#fff; border:none; border-radius:5px; text-transform:uppercase; position:absolute;left:10px; z-index:99; cursor:pointer; top:4px;} #monthly_billing .next{ display:none; background:#0234a1; padding:5px 10px; float:right; color:#fff; border:none; border-radius:5px; text-transform:uppercase; position:absolute;right:10px; z-index:99; cursor:pointer; top:4px;} #annnual_billing .prev{ display:none; background:#0234a1; padding:5px 10px; float:left; color:#fff; border:none; border-radius:5px; text-transform:uppercase; position:absolute;left:10px; z-index:99; cursor:pointer; top:4px;} #annnual_billing .next{ display:none; background:#0234a1; padding:5px 10px; float:right; color:#fff; border:none; border-radius:5px; text-transform:uppercase; position:absolute;right:10px; z-index:99; cursor:pointer; top:4px;} .moving_slide video{position: relative !important; height: 466px!important; left: -18px!important; width: 674px!important;}