@import url(https://fonts.googleapis.com/css?family=Open+Sans); [v-cloak] { height: 50%; background-color: white; opacity: 0; pointer-events: none; } /* .apploader:before { border: 16px solid #f3f3f3; border-top: 16px solid #3498db; border-radius: 50%; width: 120px; height: 120px; animation: spin 2s linear infinite; } */ @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @font-face { font-family: 'robotoblack'; src: url('../fonts/roboto-black-webfont.eot'); src: url('../fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-black-webfont.woff2') format('woff2'), url('../fonts/roboto-black-webfont.woff') format('woff'), url('../fonts/roboto-black-webfont.ttf') format('truetype'), url('../fonts/roboto-black-webfont.svg#robotoblack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotobold'; src: url('../fonts/roboto-bold-webfont.eot'); src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-bold-webfont.woff2') format('woff2'), url('../fonts/roboto-bold-webfont.woff') format('woff'), url('../fonts/roboto-bold-webfont.ttf') format('truetype'), url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotomedium'; src: url('../fonts/roboto-medium-webfont.eot'); src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-medium-webfont.woff2') format('woff2'), url('../fonts/roboto-medium-webfont.woff') format('woff'), url('../fonts/roboto-medium-webfont.ttf') format('truetype'), url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotoregular'; src: url('../fonts/roboto-regular-webfont.eot'); src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-regular-webfont.woff2') format('woff2'), url('../fonts/roboto-regular-webfont.woff') format('woff'), url('../fonts/roboto-regular-webfont.ttf') format('truetype'), url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotolight'; src: url('../fonts/roboto-light-webfont.eot'); src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-light-webfont.woff2') format('woff2'), url('../fonts/roboto-light-webfont.woff') format('woff'), url('../fonts/roboto-light-webfont.ttf') format('truetype'), url('../fonts/roboto-light-webfont.svg#robotolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'lane_-_narrowregular'; src: url('../fonts/lanenar-webfont.eot'); src: url('../fonts/lanenar-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lanenar-webfont.woff2') format('woff2'), url('../fonts/lanenar-webfont.woff') format('woff'), url('../fonts/lanenar-webfont.ttf') format('truetype'), url('../fonts/lanenar-webfont.svg#lane_-_narrowregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lane-Narrow'; src: url('../fonts/Lane-Narrow.eot?#iefix') format('embedded-opentype'), url('../fonts/Lane-Narrow.woff') format('woff'), url('../fonts/Lane-Narrow.ttf') format('truetype'), url('../fonts/Lane-Narrow.svg#Lane-Narrow') format('svg'); font-weight: normal; font-style: normal; } html, body { -webkit-font-smoothing: antialiased; } * { outline: 0 none !important; } a { outline:0 none !important; } :focus { outline: 0 none !important; } ::-ms-clear { display: none; } ::-ms-reveal { width : 0; height: 0; } video { width:100%; height:100%;} input { -webkit-appearance: none; border-radius: 0; } #home-banner{ background-size:cover; min-height:700px; /*margin-bottom: 35px;*/ background:top center; } #home-banner div#bgImage0, #home-banner div#bgImage1 { min-height:700px; /*margin-bottom: 35px;*/ background:top center; } .navbar-default{background:rgba(0,0,0,0); border:none;} #inner_wrapper .navbar-default { box-shadow:0px 0 2px #ccc; } .navbar-fixed-top { -webkit-transition: background 2s; /* For Safari 3.1 to 6.0 */ transition: background 2s; height:100px; } .navbar-fixed-top.darkHeader { background:#fff; height:100px; box-shadow:0px 0 2px #ccc; } .nav{padding-top:25px;} .navbar-default .navbar-nav>li>a{font-size:14px;} .nav .signup a { background:#5c9b0b !important; border:solid 2px #4c8009; border-radius:25px; text-transform:uppercase; color:#FFF !important; font-family: 'robotobold'; -webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1); -moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1); box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1); transition: all 0.3s ease; } .nav .signup a:hover, .nav .signup a:focus { background:#2480ad !important; border:solid 2px #196c95; transition: all 0.3s ease; } .nav .donate a { background:transparent !important; border:solid 2px #2480ad; border-radius:25px; color:#000 !important; transition: all 0.3s ease; } .nav .donate a:hover, .nav .donate a:focus { border:solid 2px #5c9b0b; transition: all 0.3s ease; } .dropdown-menu { background: #FFFFFF; border: 1px solid #ccc; } .dropdown-menu:after, .dropdown-menu:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .dropdown-menu:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #FFFFFF; border-width: 7px; margin-left: -7px; } .dropdown-menu:before { border-color: rgba(0, 0, 0, 0); border-bottom-color: #ccc; border-width: 8px; margin-left: -8px; } .dropdown-menu>li { border-bottom:solid 1px #eee; } .dropdown-menu>li:last-child { border-bottom:none; } .dropdown-menu>li>a { padding:8px 10px !important; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background-color:#1879a9 !important; color:#FFF !important; } #noscript-warning { font-family: Arial,Helvetica,sans-serif; position: fixed; top: 0; left: 0; width: 100%; z-index: 999999999; text-align: center; font-weight: bold; font-size: 12pt; color: white; background-color: #AE0000; padding: 10px 0; display: block; } .slide_captions { width:100%; float:left; } .slide_captions h2 { padding-top:150px; font-family: 'Lane-Narrow'; font-size:60px; color:#231f20; line-height:72px; } .slide_captions h2 span { color:#1879a9; } .slide_captions p { width:458px; max-width:100%; font-family: 'robotolight'; font-size:17px; color:#000000; line-height:24px; text-align:justify; } .slide_captions a { font-family: 'robotobold'; font-size:14px; color:#1879a9; text-transform:uppercase; border:solid 2px #1879a9; border-radius:5px; padding:13px 30px; margin-right:25px; margin-top:30px; display: inline-block; text-decoration:none; transition: all 0.3s ease; } .slide_captions a:hover .fa { -webkit-transform: translateX(4px); transform: translateX(4px); transition: all 0.3s ease; } .slide_captions a:hover { color:#231f20; border:solid 2px #231f20; text-decoration:none; transition: all 0.3s ease; } .home-banner, .how-it-works { position:relative; } .money_banner { position: absolute; top: -110px; left: 80px; z-index:2; } .banner_scroll a, .feature_scroll a, .report_scroll a, .news_scroll a, .testimonial_scroll a, .footer_scroll a { width: 50px; height: 82px; float: left; background: url(../images/scroll.png) no-repeat 0 0 !important; position: absolute; top: -130px; left: 48%; z-index: 99; } .feature_scroll a { top: -160px; } .report_scroll a { top: -118px; } .news_scroll a { top: -110px; } .testimonial_scroll a { top: -135px; } .footer_scroll a { top: -145px; } .banner_scroll .slide_arrow { width:23px; height:31px; position:absolute; left: 14px; -webkit-animation: jump 1s infinite; -moz-animation: jump 1s infinite; -o-animation: jump 1s infinite; -ms-animation: jump 1s infinite; animation: jump 1s infinite; } .banner_scroll a:hover { background-position:0 -82px; } @-webkit-keyframes jump { 0% {top: 0; -webkit-animation-timing-function: ease-in; } 40% {} 50% {top: 35px; height: 30px; -webkit-animation-timing-function: ease-out; } 55% {top: 45px; height: 30px; border-radius: 70px / 60px; -webkit-animation-timing-function: ease-in;} 65% {top: 35px; height: 30px; border-radius: 70px; -webkit-animation-timing-function: ease-out;} 95% { top: 0; -webkit-animation-timing-function: ease-in; } 100% {top: 0; -webkit-animation-timing-function: ease-in; } } @-moz-keyframes jump { 0% {top: 0; -moz-animation-timing-function: ease-in; } 40% {} 50% {top: 35px; height: 30px; -moz-animation-timing-function: ease-out; } 55% {top: 45px; height: 30px; border-radius: 70px / 60px; -moz-animation-timing-function: ease-in;} 65% {top: 35px; height: 30px; border-radius: 70px; -moz-animation-timing-function: ease-out;} 95% { top: 0; -moz-animation-timing-function: ease-in; } 100% {top: 0; -moz-animation-timing-function: ease-in; } } @-o-keyframes jump { 0% {top: 0; -o-animation-timing-function: ease-in; } 40% {} 50% {top: 35px; height: 30px; -o-animation-timing-function: ease-out; } 55% {top: 45px; height: 30px; border-radius: 70px / 60px; -o-animation-timing-function: ease-in;} 65% {top: 35px; height: 30px; border-radius: 70px; -o-animation-timing-function: ease-out;} 95% { top: 0; -o-animation-timing-function: ease-in; } 100% {top: 0; -o-animation-timing-function: ease-in; } } @-ms-keyframes jump { 0% {top: 0; -ms-animation-timing-function: ease-in; } 40% {} 50% {top: 35px; height: 30px; -ms-animation-timing-function: ease-out; } 55% {top: 45px; height: 30px; border-radius: 70px / 60px; -ms-animation-timing-function: ease-in;} 65% {top: 35px; height: 30px; border-radius: 70px; -ms-animation-timing-function: ease-out;} 95% { top: 0; -ms-animation-timing-function: ease-in; } 100% {top: 0; -ms-animation-timing-function: ease-in; } } @keyframes jump { 0% { top: 0; animation-timing-function: ease-in; } 50% { top:35px; height: 30px; animation-timing-function: ease-out; } 55% { top: 45px; height: 30px; animation-timing-function: ease-in; } 65% { top: 35px; height: 30px; animation-timing-function: ease-out; } 95% { top: 0; animation-timing-function: ease-in; } 100% { top: 0; animation-timing-function: ease-in; } } /*@-webkit-keyframes shrink { 0% { bottom: 0; margin-left: -30px; width: 30px; height: 30px; -webkit-animation-timing-function: ease-in; } 50% { bottom: 30px; margin-left: -10px; width: 20px; height: 5px; -webkit-animation-timing-function: ease-out; } 100% { bottom: 0; margin-left: -30px; width: 60px; height: 75px; -webkit-animation-timing-function: ease-in; } } @-moz-keyframes shrink { 0% { bottom: 0; margin-left: -30px; width: 30px; height: 30px; -moz-animation-timing-function: ease-in; } 50% { bottom: 30px; margin-left: -10px; width: 20px; height: 5px; -moz-animation-timing-function: ease-out; } 100% { bottom: 0; margin-left: -30px; width: 30px; height: 30px; -moz-animation-timing-function: ease-in; } } @-o-keyframes shrink { 0% { bottom: 0; margin-left: -30px; width: 30px; height: 30px; -o-animation-timing-function: ease-in; } 50% { bottom: 30px; margin-left: -10px; width: 30px; height: 5px; -o-animation-timing-function: ease-out; } 100% { bottom: 0; margin-left: -30px; width: 30px; height:30px; -o-animation-timing-function: ease-in; } } @-ms-keyframes shrink { 0% { bottom: 0; margin-left: -30px; width: 30px; height: 30px; -ms-animation-timing-function: ease-in; } 50% { bottom: 30px; margin-left: -10px; width: 30px; height: 5px; -ms-animation-timing-function: ease-out; } 100% { bottom: 0; margin-left: -30px; width: 30px; height: 30px; -ms-animation-timing-function: ease-in; } } @keyframes shrink { 0% { bottom: 0; margin-left: -30px; width: 30px; height: 30px; animation-timing-function: ease-in; } 50% { bottom: 30px; margin-left: -10px; width: 30px; height: 5px; animation-timing-function: ease-out; } 100% { bottom: 0; margin-left: -30px; width: 30px; height: 30px; animation-timing-function: ease-in; } }*/ .inner_content { padding-top:100px; } .how-it-works h1, .sa-how-it-works h1, .latest-news h2, .endorsements h2, #inner_wrapper h1 { font-family: 'Lane-Narrow'; font-size:44px; color:#575252; text-transform:uppercase; text-align:center; margin-top:40px; } .how-it-works h1:after, .sa-how-it-works h1:after, .latest-news h2:after, .endorsements h2:after, #inner_wrapper h1:after { background-color: #1879a9; content: ""; display: block; height: 5px; width: 88px; border-radius: 5px; margin:5px auto; } .sa-how-it-works h1 { color:#FFF; } #inner_wrapper h1 { margin-bottom: 20px; } #how_work { margin-top: -100px; padding-bottom: 100px; display: block; } .latest-news h2, .endorsements h2 { margin-top: 50px; margin-bottom: 50px; } .endorsements h2 { margin-bottom:20px; } .how_work_img { text-align: center; width: 100%; display: block; padding: 25px 0 100px 0; } .blue-bar { background:#1879a9; padding:65px 0 40px 0; } .blue-bar span { -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .blue-bar span:hover { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } .blue-bar h2 { font-family: 'Lane-Narrow'; font-size:44px; color:#FFF; text-transform:uppercase; text-align:center; margin-top:0px; margin-bottom:40px; } .blue-bar h2:after { background-color: #FFF; content: ""; display: block; height: 5px; width: 88px; border-radius: 5px; margin:15px auto; } .blue-bar h4 { margin-top:0px; float: left; } .blue-bar h4 a { font-family: 'Lane-Narrow'; font-size:24px; color:#FFF; text-transform:uppercase; text-align:left; clear: both; text-decoration:none; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .blue-bar h4 a:hover { -webkit-transform: translateY(-8px); transform: translateY(-8px); text-decoration:none; } .blue-bar p { font-family: 'robotolight'; font-size: 14px; color: #caedff; line-height: 21px; padding-bottom: 30px; float: left; } .middle-signupbar { background:#FFF; padding:17px 0; } .middle-signupbar p { font-family: 'robotolight'; font-size:30px; color: #4e4e4e; text-transform:uppercase; margin:0px; padding:0px; line-height: 65px; } .signup_btn { border: solid 2px #91c700; border-radius: 50px; text-transform: uppercase; font-size: 30px; color: #91c700; font-family: 'robotobold'; padding: 8px 28px; vertical-align: middle; display: inline-block; -webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1); -moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1); box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1); transition: all 0.3s ease; } .signup_btn:hover, .signup_btn:focus { border: solid 2px #2480ad; color: #000; text-decoration:none; transition: all 0.3s ease; } .banner1 { background:#f1f1f1 url(../images/report_banner1.jpg) no-repeat top right; background-size:cover; } .banner2 { background:#f1f1f1 url(../images/report_banner2.jpg) no-repeat top right; background-size:cover; } .banner3 { background:#f1f1f1 url(../images/report_banner3.jpg) no-repeat top right; background-size:cover; } .account_slider h2 { font-family: 'Lane-Narrow'; font-size: 40px; color: #333333; text-transform: uppercase; margin-top:50px; margin-bottom:30px; padding: 0px; } .account_slider p { font-family: 'robotolight'; font-size: 16px; color: #444444; line-height: 24px; padding-right: 30px; } /*.account_slider ul { margin:0px; padding:0px; margin-bottom: 50px; }*/ .slide_list { padding-top:5px; } .account_slider .slide_list span { background: url(../images/list_arrow.png) no-repeat left 10px; font-family: 'robotoregular'; font-size: 14px; color: #666666; line-height: 27px; text-transform: uppercase; list-style: none; padding-left: 20px; margin-bottom:0px; width: 100%; width: auto; clear: both; float: left; cursor: default; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .account_slider .slide_list span:hover { margin-left:10px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .latest-news { padding-bottom:60px; } .news_box { background:#FFF; padding:18px 12px 13px 12px; -webkit-box-shadow: 0px 0px 5px 0px rgba(87,87,87,0.32); -moz-box-shadow: 0px 0px 5px 0px rgba(87,87,87,0.32); box-shadow: 0px 0px 5px 0px rgba(87,87,87,0.32); position: inherit; z-index: 2; } .news_box_outer:before, .news_box_outer:after { z-index:0; position: absolute; content: ""; bottom: 15px; left: 20px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .news_box_outer:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 20px; left: auto; } .news_box h4 { margin-top:0px; margin-bottom: 4px; } .news_box h4 a { font-family: 'robotoregular'; font-size:16px; color:#1879a9; text-transform:uppercase; text-decoration:none; } .news_box h4 a:hover, .news_box h4 a:focus { color:#000; text-decoration:none; } .news_box span { font-family: 'robotolight'; font-size:12px; color:#a1a1a1; text-transform:uppercase; padding-bottom: 10px; display: inline-block; } .news_box p { font-family: 'robotolight'; font-size:14px; color:#666666; } .newsletter { background:#1879a9; padding:35px 0; } .newsletter h3 { font-family: 'Lane-Narrow'; font-size: 30px; color: #FFF; text-transform: uppercase; margin-bottom:0px; margin-top:0px; } .newsletter span { font-family: 'robotolight'; font-size:16px; color:#FFF; text-transform: uppercase; } .newsletter .email_icon { background: #2aafc3; width: 68px; height: 58px; color: #FFF; font-size: 28px; text-align: center; line-height: 54px; float:left; } .nletter_form a { background: #2aafc3; border: none; display: inline-block; padding: 12px 20px; float: left; font-family: 'robotoblack'; font-size: 24px; color: #FFF; text-decoration:none; transition: all 0.3s ease; } .nletter_form a:hover { background: #231f20; transition: all 0.3s ease; } .newsletter input[type=text]{ background: #FFF; border: none; display: inline-block; padding: 18px 15px; float: left; font-family: 'robotolight'; font-size: 16px; color: #919191; text-transform: uppercase; max-width: 315px; width: 100%; } .newsletter input[type=text]:focus { outline:none; box-shadow:none; } .nletter_form input[type="submit"] { background: #2aafc3; border: none; display: inline-block; padding: 12px 50px 12px 20px; float: left; font-family: 'robotoblack'; font-size: 24px; color: #FFF; text-decoration:none; transition: all 0.3s ease; } .nletter_form input[type="submit"]:hover { background: #231f20; transition: all 0.3s ease; } .nletter_form:after{ content: "\f1d9"; font-family: FontAwesome; font-size: 22px; position: absolute; right: 35px; top: 14px; width: 20px; height: 20px; z-index: 999; color: #fff; } .footer-nav { background:url(../images/footer_pattern.png) repeat; padding: 40px 0; } .footer-nav h3 { font-family: 'Lane-Narrow'; font-size: 24px; color: #FFF; text-transform: uppercase; margin-bottom:15px; margin-top:0px; } .footer-nav ul { margin:0px; padding:0px; list-style:none; } .footer-nav ul li a { font-family: 'robotolight'; font-size: 14px; color: #ffffff; padding-bottom: 8px; float: left; clear: both; text-decoration:none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .footer-nav ul li a:hover, .footer-nav ul li a:hover { color: #e18400; text-decoration:none; margin-left:3px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .footer-logos { padding:30px 0 25px 0; } .footer-logos p { font-family: 'robotolight'; font-size: 12px; color: #000000; line-height:20px; } .footer-logos p span { font-family: 'robotobold'; } .footer-logos p a { color: #1879a9; text-decoration:none; } .footer-logos p a:hover, .footer-logos p a:focus { color: #000; text-decoration:underline; } .footer-logos ul { margin:0px; padding:0px; list-style:none; } .footer-logos ul li { display:inline-block; padding-left: 28px; } .footer-logos .signup a { background: #5c9b0b !important; border: solid 2px #4c8009; border-radius: 25px; padding:9px 18px; text-transform: uppercase; color: #FFF !important; font-family: 'robotobold'; -webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1); -moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1); box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1); transition: all 0.3s ease; } .footer-logos .signup a:hover, .footer-logos .signup a:focus { background: #2480ad !important; border: solid 2px #196c95; transition: all 0.3s ease; text-decoration:none; } .footer-logos .watch a { background:#1879a9; font-family: 'robotobold'; font-size:16px; color:#FFF !important; border-radius:25px; padding:9px 20px; text-decoration:none; text-transform:uppercase; -webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1); -moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1); box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1); transition: all 0.3s ease; } .footer-logos .watch a:hover, .footer-logos .watch a:focus { background:#5c9b0b; text-decoration:none; transition: all 0.3s ease; } .footer-logos .donate a { background: transparent !important; border: solid 2px #2480ad; border-radius: 25px; padding:9px 20px; color: #000 !important; transition: all 0.3s ease; } .footer-logos .donate a:hover, .footer-logos .donate a:focus { border: solid 2px #5c9b0b; text-decoration:none; transition: all 0.3s ease; } .footer-copyright { background:url(../images/copyright_pattern.png) repeat; padding: 20px 0 10px 0; } .footer-copyright p { font-family: 'Open Sans', sans-serif; font-size:12px; color:#FFF; } .footer-copyright ul { margin:0px; padding:0px; float: right; list-style:none; } .footer-copyright ul li { display:inline; padding-left:20px; } .footer-copyright ul li a { color:#cccccc; } .footer-copyright ul li a:hover { color:#1879a9; } .footer-copyright ul li a .fa { font-size:20px; } /*===================================== Slider Css Start ==============================*/ .slide { width: 100%; min-height: 556px; margin: 0px auto; position: relative; overflow: hidden; } .slide ul { margin: 0 auto; height: auto; padding:0px; } .slide ul li { width: 100%; list-style: none; position: absolute; background-position: top right; top: 0; left: 0; right: 0; min-height: 556px; height: 100%; } .account_slider { width:50%; float:left; background:#f1f1f1; position: relative; padding-bottom:50px; min-height: 556px; } .account_slider:before{background:#f1f1f1; content:""; position:absolute; left:-500%; top:0; width:500%; height:100%;} .account_slider::after { background:url(../images/slider-cover-right.png) left center no-repeat; background-size: cover; content: ""; width: 125px; height: 100%; position: absolute; top: 0px; right: -125px; } .screen_acc { background:white; } .screen_acc:before{background:white;} .screen_acc::after { background:url(../images/slider-cover-right_wt.png) left center no-repeat; background-size: cover; content: ""; width: 125px; height: 100%; position: absolute; top: 0px; right: -125px; } .slide ol { position: absolute; left: 0px; top: 230px; height: 10px; z-index: 999; font-size: 0; text-align: center; margin:0px; padding:0px; } .slide ol li { background: #FFF; border:solid 2px #666666; width:14px; height: 14px; margin-bottom: 15px; cursor: pointer; border-radius: 10px; } .slide ol li.active { background: #1879a9; } .cd-top { display: inline-block; height: 50px; width: 50px; position: fixed; bottom: 20px; left: 20px; z-index: 99; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background:#1879a9 url(../images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .8; } .no-touch .cd-top:hover { background-color: #e86256; opacity: 1; } .blue-bar a { color:#FFF; } .table-responsive .col_center { text-align:center; } .review_highlight { background-color: #fcdfdf !important; } .review_notice { background-color: #ffeb3b45 !important; } .review_highlight .grid_label { color: #b02020 !important; font-family: 'robotomedium'; } .table_link { cursor: pointer; text-decoration: underline; } .group_tbl_head { width: 100%; float: left; padding: 15px; border:solid 1px #e0e0e0; border-top-left-radius:5px; -moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; border-bottom:none; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); } .group_tbl_head .pull-left, .group_tbl_head .pull-right { font-size:16px; color:#575252; } .group_tbl_head .pull-left .dataTables_info { width:auto; float:left; padding-right: 10px; padding-top:12px; } .group_tbl_head .pull-left .tbl_pager { width:auto; float:left; margin:0px; padding:8px 0px 0px 0px; list-style:none; } .group_tbl_head .pull-left .tbl_pager li { padding-left:10px; float:left; } .group_tbl_head .pull-left .tbl_pager li a { border: solid 2px #7d7d7d; padding: 3px 7px; border-radius: 50%; float: left; color: #7d7d7d; } .group_tbl_head .pull-left .tbl_pager li a:hover, .group_tbl_head .pull-left .tbl_pager li a:focus { border: solid 2px #646464; color:#646464; } .group_tbl_head .data_tbl { width:auto; display:inline-block; } .group_tbl_head .data_tbl span { width:auto; float:left; padding: 10px; } .group_tbl_head .data_tbl select { width:auto; float:left; margin-bottom: 0px; } .view_reports_details_box label { font-weight:400; } .view_reports_details_box .for_select, .view_reports_details_box .detail_date { width:45%; margin-left: 10px; margin-right: 10px; margin-bottom:10px !important; } .view_reports_details_box .detail_date { width: 55%; } .detail_report_date { width:50%; float:left; } .flagged { background-color: #ffbbab; } .next_btn { color: #1879a9; border: 2px solid #1879a9; cursor: pointer; padding:9px 40px 9px 20px; text-transform: uppercase; font-size: 18px; display: inline-block; border-radius:5px; transition: all 0.3s ease; margin-bottom:35px; font-weight:400; } .next_btn a { text-decoration:none; } .next_btn:hover { color: #5c5c5c; border: 2px solid #5c5c5c; transition: all 0.3s ease; } a:disabled, a[disabled] { color: #5c5c5c; border: 2px solid #5c5c5c; } .view_perferences_box { background:#fafafa; border:solid 1px #e9e9e9; padding:20px; border-radius:5px; margin-bottom:25px; } select.form-control { padding-right:15px !important; height:46px; } .show_enrties_select { width:85%; float:left; } .ques_icon { width: auto; float: left; padding: 5px 10px 10px 10px; font-size: 22px; } .apply_btn { margin-top:27px; margin-bottom: 0px; } .view_perferences_box input[type="text"], .view_perferences_box select { margin-bottom:25px; } .report_time_area { border-top:solid 1px #e1e1e1; padding-top:15px; } .time_pagination_area { border-top:solid 1px #e1e1e1; padding:15px 0px; border-bottom:solid 1px #e1e1e1; } .time_pagination_area ul { margin:0px; padding:0px; list-style:none; width:100%; } .time_pagination_area ul li { display:inline-block; position:relative; } .time_pagination_area ul li:first-child { padding-right: 10px; } .time_pagination_area ul li:first-child:before{ content:"|"; position:absolute; right:0; top:0; font-size:16px; color:#575252; } .time_pagination_area ul li a { font-size:14px; color:#575252; } .time_pagination_area ul li a:hover { color:#1879a9; } .align_right { text-align:right; } .align_left { text-align:left; } .align_center { text-align:center; } .float_right { float:right; } .float_left { float:left; } .report_entries_log { font-size: 16px; color: #323131; padding-top: 20px; text-align: center; } .rating_legend_tbl table { width:100%; word-break: break-all; } .rating_title { font-weight:bold; } .rate_chart_tbl { border-left:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5; } .rating_legend_tbl table thead { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); border-top:solid 1px #e5e5e5; } .rating_legend_tbl table thead th, .rating_legend_tbl table tbody td { font-size:16px; color:#575252; padding:10px; font-weight: 400; } .rating_legend_tbl table tbody tr { border-top:solid 1px #e5e5e5; background-color: #FFF; } .rating_legend_tbl table tbody tr.alt { background-color: #e5e5e587; } .rating_legend_tbl table tbody tr.hs { background-color: rgba(229, 137, 0, 0.53); } .rating_legend_tbl table tbody tr.vhs { background-color: rgba(229, 9, 0, 0.53); } .rating_legend_tbl table tbody tr:last-child { border-bottom:solid 1px #e5e5e5; } .rating_legend_tbl table tbody td { font-size:14px; } .rating_legend_tbl table .tbl_border { border-right:solid 1px #e5e5e5; } .rating_gray span, .rating_red span { font-family: 'robotobold'; font-size:16px; } .rating_gray { color:#676666 !important; } .rating_red { color:#c90606 !important; } .all_rating { font-family: 'robotobold'; font-size:16px !important; color:#f9a400 !important; } .know_more { font-size:14px; color:#323131; padding-top: 20px; } .report_option_head { width:150px; float:left; } .report_option_details { margin-left:150px; } .report_option_btn { margin-left:150px; margin-top:30px; } .report_option_btn a { margin-bottom:20px; } .daylight_label { font-family: 'robotolight'; font-size:16px; color:#666666; padding-bottom:15px; } .report_timezone_btn { margin-left: 0px; margin-top: 15px; display: inline-block; float:left; } .report_timezone_btn a { margin-bottom:20px !important; } .report_current_time { font-family: 'robotomedium'; font-size:16px; color:#666666; padding-top: 20px; } .report_current_time span { color:#1879a9; } .cancel_account a { font-family: 'robotomedium'; font-size:14px; color:#248cc0; text-transform:uppercase; padding-top: 10px; text-decoration:none; display: inline-block; } .cancel_account a:hover, .cancel_account a:focus { color:#272424; text-decoration:none; } .uninstall_btn a { margin-bottom:10px; margin-top:10px; } .view_genrate_report { border:solid 1px #1879a9; margin-top:25px; } .view_genrate_report img { width:100%; } .view_report_details { margin-top:25px; } .login_box { width:362px; max-width: 100%; margin:25px auto 45px; } .login_box input { margin-bottom:15px; } .login_box .forgot_link { width:auto; float:left; padding-top: 15px; font-size:14px; } .login_box .login_btn { width:auto; float:right; } .login_signup_now { border-top:solid 1px #eee; width:100%; float:left; padding-top:20px; padding-bottom:45px; text-align: center; } .login_signup_now a { font-family: 'robotomedium'; color:#3684b0; font-size:16px; text-decoration:none; } .login_signup_now a:hover, .login_signup_now a:focus { color:#000; text-decoration:none; } .forgot_pass_box { width:944px; background:#f2f2f2; border:solid 1px #e1e1e1; max-width: 100%; padding:30px 15px; text-align:center; margin:10px auto 35px; } .forgot_pass_box .success_message, .forgot_pass_box .error_message, .warning_message { text-align:center; } .success_message .fa, .error_message .fa, .warning_message .fa { text-align:center; margin-right:5px; } .forgot_box { width: 450px; max-width: 100%; margin:auto; } .forgot_head { font-family: 'robotomedium'; color:#1879a9; font-size:20px; margin-bottom:20px; } .forgot_box input { margin-bottom:0px; } .forgot_btn { margin:auto; text-align:center; } #view_reports .next_btn { margin-bottom:0px; } .user_activation_pop span { width: 34%; float: left; font-family: 'robotobold'; color: #1777a9; font-size: 18px; padding-top: 8px; text-align: right; } .user_activation_pop ul { width: auto; float: right; margin: 0px; padding: 0px; list-style: none; } .user_activation_pop ul li { display:inline-block; } .user_activation_pop ul li .radio label { font-size: 14px; color: #1777a9; } .page_desc { font-family: 'robotolight'; font-size:19px; color:#6b6b6b; padding-bottom:35px; margin-bottom: 15px; border-bottom:solid 1px #eee; } .page_subhead { font-family: 'robotolight'; font-size:28px; color:#5c5c5c; padding-bottom:40px; margin-bottom: 0px; border-bottom:solid 1px #eee; } .page_desc_large { font-family: 'robotolight'; font-size:19px; color:#6b6b6b; text-align:center; padding-bottom:40px; line-height: 35px; } .donate_now_box span { width:100%; float:left; text-align:center; padding-bottom:30px; } .donate_now_box span a { display:inline-block; } .donate_filter { background:#fafafa; } .page_content_area { padding:30px 0 45px 0; } .compatibility_three_box { border-bottom:solid 1px #eee; } .page_sub_head h2 { font-family: 'robotolight'; font-size:30px; color:#5c5c5c; text-align:center; margin-top:0px; margin-bottom: 35px; } .page_sub_head h2:after { background-color: #1879a9; content: ""; display: block; height: 2px; width: 93px; border-radius: 0px; margin:15px auto; } .comapatibility_box_head h2 { font-family: 'robotolight'; font-size:30px; color:#5c5c5c; border-bottom:solid 1px #eee; padding-bottom:10px; margin-bottom:15px; margin-top:0px; } .comapatibility_box_head p { font-family: 'robotolight'; font-size:15px; color:#666666; margin-bottom: 20px; } .comapatibility_box_head p strong { font-family: 'robotoregular'; color:#333333; font-weight:400; } .comapatibility_box_head ul { margin:0px; padding:0px; list-style:none; } .comapatibility_box_head ul li { font-family: 'robotolight'; font-size:15px; color:#333333; padding-bottom: 15px; background: url(../images/bullet_arrow.png) no-repeat 0px 6px; padding-left: 15px; } .comapatibility_issues_head { font-family: 'robotolight'; font-size:23px; color:#333333; margin-bottom:15px; } .comapatibility_issues_head span { font-family: 'robotoregular'; font-size:23px; color:#1879a9; } .compatibility_issue_list ul { margin:0px; padding:0px; list-style:none; } .compatibility_issue_list ul li { background:#fafafa; border:solid 1px #e1e1e1; padding:10px 15px; font-family: 'robotolight'; font-size:15px; color:#666666; margin-bottom: 15px; } .compatibility_issue_list ul li .fa { font-size: 20px; float: left; margin-top: 1px; margin-right: 8px; } .compatibility_issue_list ul li i.fa.fa-ban { color:#CB4B50; } .compatibility_issue_list ul li i.fa.fa-exclamation-triangle { color:#fdda64; position:relative;} .compatibility_issue_list ul li i.fa.fa-exclamation-triangle:after{ content: "\f12a"; color:#333; text-align: center; position: absolute; left: 0; right: 0; font-size: 12px; top: 5px; bottom: 0; margin: auto; } .how_work_static { display:none; } .allow_list_input input, .allow_list_input .next_btn { margin-bottom:15px; } .allow_list_input span.error label { right: 32%; } .allow_list_input span.error img { right: 34%; position: absolute; top: 12px; } div#timezone_picker_infowindow h2 { font-size: 15px; margin-top: 0px; } .chaverim_email_add span.error label { left:100px !important; right:auto !important;} .chaverim_email_add span.error img { left:250px !important; right:auto !important;} /*=========================== Sign Up Page Css End Here ==============================*/ #multistepform-example-container { position:inherit !important; width: 100%; height: 100%; float: left; z-index:9 !important; } .outerbox { position:relative; } h1.unbodr{ margin-top:60px; font-size:44px; font-family: 'Lane-Narrow'; position:relative; } h1.unbodr:after { content: ""; width: 80px; height: 5px; background: #1879a9; position: absolute; bottom: -7px; left: 47%; margin: auto; text-align: center; border-radius:5px; } .step_one_form_area { width:67%; margin: auto; } .step_two_form_area { width:86%; margin: auto; } .steptabs p { font-size:28px; font-family: 'robotolight'; color:#5c5c5c; margin-bottom:50px; float: left; text-align: center; width: 100%;} .thank_text { color:#5c9b0b;} .add_month {font-family: 'robotolight'; font-size:18px;} .join_optional, .report_italic {font-family: 'robotolight'; font-size:14px; color:#272424;} .report_italic { font-style:italic;} .steptabs input{ border: 1px solid #afafaf; background:#fcfcfc; position: relative; padding: 12px 35px 12px 15px !important;} .steptabs p.text-center i { color:#5c9b0b; font-style:normal; } .step_two_blue_bar { float: left; width: 100%; background: #1879a9; } .step_two_light_bar { float: left; width: 100%; background: #f9f9f9; } .step_two_dark_bar {float: left; width: 100%; background: #e2e1e1; } .need_icon { position: absolute; top: 0px; left: 15px; width: 90% !important; text-align: left; background: transparent; z-index: 999; } .need_icon, .add_filter_icon, .join_group_icon { float: left; width: 34px; margin: 0px 16px 0px 0px;} .add_filter_icon { margin: 11px 16px;} .join_group_icon { margin: 13px 16px;} .joingroup_box { float: left; width: 100%; padding: 26px 20px; background:#f9f9f9; border-bottom-left-radius:5px; border-bottom-right-radius:5px;} .join_group_left { float: left; width: 50%; text-align: left; padding-right: 10%; color:#333333; font-size:14px; font-family: 'robotolight';} .join_group_right { float: right; width: 50%;} .join_group_info {float: left; text-align:left; width:28%; margin-top:60px; padding-left:10px; font-weight: bold;} span.group_info_txt {} .join_group_info_select {float: right; text-align:left; width:70%; margin-top:20px; padding-left:10px; font-weight: bold;} .ui-widget { color: #333333 !important; font-size: 14px !important; font-family: 'robotolight' !important; } .ui-menu .ui-menu-item { padding: 6px 10px 6px 10px !important; border-bottom: solid 1px #aaaaaa; } .ui-menu .ui-menu-item:last-child { border-bottom:none; } .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #1879a9 !important; background: #1879a9 !important; font-weight: normal; color: #FFF !important; } #multistepform .join_group_right input[type="text"] { width:318px; float:left; margin-right:15px;} #multistepform .join_group_right input.button { width:auto; float: left; font-size:16px; color:#1879a9; font-family: 'robotoregular'; text-align: center; padding:10px 40px !important; margin:0px;transition: all 0.3s ease;} #multistepform .join_group_right input.button:hover, #multistepform .join_group_right input.button:focus {color: #5c5c5c; border: 2px solid #5c5c5c;} /*2nd Page*/ .step_two_join_box, .step_two_account_box { border: 1px solid #1879a9; float: left; width: 100%; border-radius: 5px; } .step_two_account_box { margin-top: 34px; } .acountbox { float: left; width: 100%; padding-bottom: 38px; } .mainbox { width: 33.33%; float: left; } .circlebox { width: 152px; height: 152px; background: #868f93; border-radius: 50%; display: inline-block; vertical-align: middle; position:relative; transition: all 0.3s ease;} .mainbox span { width: 100%; float: left; margin-top: 20px; font-family: 'robotomedium'; color:#333333; font-size:14px;} .mainbox .circlebox:hover, .mainbox .circlebox:focus, .mainbox .active { background:#1879a9; } .circlebox img { max-width: 100%; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; vertical-align: middle; text-align: center; margin: auto; } .acountbox p { font-size: 18px; font-family: 'robotolight'; color: #333333; margin: 34px 0px; display: inline-block; } .call_group_box { width:100%; float:left;} .call_group_head { font-size: 20px; font-family: 'robotolight'; width:100%; color:#272424; padding:16px 20px; background:#e2e1e1; text-align:left; float:left; } .call_group { padding:20px 20px; float:left; width:100%; } .call_group input { margin-bottom:0px !important; } .group_switch_box { width:100%; float:left; background:#e2e1e1; padding:16px 20px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;} .switch_box { width:100%; display:inline-block; } .switch_box span { width: auto; float: left;padding: 7px 15px; color:#272424; font-size:20px; font-family: 'robotolight';} #multistepform .previous.button { color:#5c5c5c; border: 2px solid #5c5c5c; } /*3rd Page*/ .account_list_area { width:100%; float:left; position: relative; margin-bottom:10px; } .account_list_area ul { margin:0px; padding:0px; list-style:none; } .account_list_area ul li { border-top:solid 1px #e2e6e9; padding:15px 15px; text-align:left; } .account_list_area ul li:last-child { border-bottom:solid 1px #e2e6e9; } .account_list_area .account_img { width: 70px; height: 70px; float: left; background:#eee; border:solid 1px #d3d3d3; border-radius: 50px; overflow:hidden; } .account_list_area .account_img img { width:100%; } .account_list_area .account_details_col { margin-left:85px; } .account_details_col .fullname { color: #1879a9; font-size: 18px; font-family: 'robotolight'; font-weight: normal; display: inline-block; width: 100%; margin-bottom: 0px; } .account_details_col .usrname { color:#666666; font-size: 14px; font-family: 'robotoregular'; font-weight: normal; display: inline-block; width: 100%; margin-bottom: 0px; } .account_details_col .email { color:#666666; font-size: 14px; font-family: 'robotolight'; display: inline-block; font-weight: normal; width: 100%; margin-bottom: 0px; text-decoration: underline; } .accountability_col .head { color: #666666; font-size: 14px; font-family: 'robotolight'; display: inline-block; width: 100%; padding-bottom:10px; } .accountability_col .filter_cancel { color: #000; display: inline-block; width: 100%; font-family: 'robotoregular'; font-size: 16px; } .accountability_col .filter_cancel a { color: #000; } .account_price_col label { color: #1879a9; font-size: 18px; font-family: 'robotobold'; font-weight: normal; display: inline-block; width: 100%; } .account_admin_col span { color: #666666; font-size: 14px; font-family: 'robotomedium'; font-weight: normal; display: inline-block; width: 100%; text-align:left; } .accountability_col .add_filter { color:#248cc0 !important; } .accountability_col .add_filter:hover { color:#000 !important; } .account_admin_col .extrauser_remove { float: right; background: #e2e6e9; color:#7d7d7d; padding: 7px 12px; border-radius: 25px; margin-right: 8px; } .account_admin_col .extrauser_remove:hover { background: #1879a9; color:#FFF; } .extrainfoedit { text-align:left; margin-bottom:10px; color: #1879a9; } .extrainfoedit span { cursor:pointer; text-decoration: underline; margin-left: 5px; font-style: italic; } .add_account { width:50px; height:50px; } .add_account a { position: absolute; bottom: 26px; right: 14px; background: none; border: none; box-shadow: none; } .add_account a:hover, .add_account a:focus { background: none; border: none; box-shadow: none; } .add_account a span { background: #33a1ff; border:none; color: #FFF; padding: 13px 15px; border-radius: 25px; } .add_account span:hover { background: #5c9b0b !important; border:none; color:#FFF !important; } .coupon_box_link { float:left; } .coupon_box_area { margin-top: 0px; width: 100%; float: left; background: #e2e6e9; border-radius: 5px; margin-bottom:25px; } .coupon_box_area .coupon_head::before { content:""; background:url(../images/coupon_bg.png); width: 100px; height: 77px; float: left; } .coupon_box_area .coupon_head span { color: #5c5c5c; font-size:28px; font-family: 'robotolight'; padding-top:15px; display: inline-block; } .coupon_box_area input[type="text"] { width: 318px; float: left; margin:15px 15px 0 0px; } .coupon_box_area .coupon_btn { width: auto; float: left; background:#1879a9; border:solid 2px #22b1ff; font-size: 18px; color: #ffffff; font-family: 'robotomedium'; text-transform:uppercase; text-align: center; padding:8px 30px !important; margin: 15px 0px 0px 0px; border-radius:4px; transition: all 0.3s ease; } .coupon_box_area .coupon_btn:hover, .coupon_box_area .coupon_btn:focus { background:#5c5c5c; border:solid 2px #878585; } .coupon_box_area .show_rates { color: #646566; font-size: 16px; font-family: 'robotomedium'; text-transform:uppercase; display: inline-block; width: 100%; padding: 26px; text-align:right; } .coupon_box_area .show_rates:hover { color: #1879a9; } .donate_box_area { margin-top: 45px; width: 100%; float: left; background: #FFF; border:solid 1px #d5dad8; -webkit-box-shadow: inset 0px 0px 52px 0px rgba(0,0,0,0.1); -moz-box-shadow: inset 0px 0px 52px 0px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 52px 0px rgba(0,0,0,0.1); } .donate_box_area .donate_icon::before { content: ""; background: url(../images/donate_icon.png); width: 235px; height: 139px; position: absolute; top: -17px; left: 15px; } .donate_box_area .donate_head { color: #1879a9; font-size: 36px; font-family: 'robotobold'; padding-top: 23px; float: left; text-align: left; } .donate_box_area .donate_subhead { color: #939393; font-size: 18px; font-family: 'robotolight'; padding-top: 0px; text-align: left; float: left; margin-bottom: 23px; } .donate_box_area .donate_dropdown { max-width: 362px; width: 100%; height:46px; margin-top: 35px; float: left; } .total_box_area { width:100%; float:left; padding-top: 40px; padding-bottom: 40px; border-bottom: solid 1px #e2e6e9; } .total_box_area span { color: #5c5c5c; font-size: 36px; font-family: 'robotolight'; text-align: right; display: inline-block; } .total_box_area label { color: #1879a9; font-size: 36px; font-family: 'robotobold'; } .total_box_area .switcher { margin-bottom:0px; margin-top:5px; } .account_payment_box { width:100%; float:left; padding-top: 40px; padding-bottom: 40px; } .payment_head { width:100%; float:left; text-align:left; padding-bottom:15px; } #parentVerticalTab { position:relative; } .payment_head h2 { color: #5c5c5c; font-size: 32px; font-family: 'robotolight'; margin-top: 0px; float: left; width: 100%; } .payment_head span { color: #5c5c5c; font-size: 18px; font-family: 'robotolight'; margin-top: 0px; padding-top: 10px; float: left; width: 100%; } .payment_head h2::before { content: ""; background: url(../images/payment_icon.png); width: 62px; height: 45px; float: left; margin-right: 15px; } .payment_form label { color: #333333; font-size: 14px; font-family: 'robotomedium'; text-align: left; font-weight: normal; width: 100%; float: left; } .payment_form .input_170, .payment_form .input_270 { width: 170px; float: left; max-width: 100%; margin-right: 30px; } .payment_form .input_270 { width:270px; margin-right:0px; } .payment_btn_area { width: 100%; float: left; padding: 20px 0px 15px 32%; text-align: left; } .payment_btn_area .previous { margin-right: 12px; padding:10px 20px 10px 40px !important; } .modal-title span { color: #3d3d3d; font-size: 14px; font-family: 'robotolight'; } .modal_btn { color: #1879a9; background:#FFF; border: 2px solid #1879a9; border-radius: 2px; cursor: pointer; padding: 10px 20px 10px 20px; margin-left:10px; /*font-size: 18px;*/ display: inline-block; border-radius: 5px; text-transform:uppercase; transition: all 0.5s ease; } .modal_btn:hover .fa { -webkit-transform: translateX(4px); transform: translateX(4px); transition: all 0.3s ease; } .modal_btn:hover { color: #5c5c5c; background:#FFF; border: 2px solid #5c5c5c; } .modal_btn.highlight { background-color: #2dc1f5; color: white; font-weight: bold; } .modal-error { background: linear-gradient(to bottom, #F9C9C9 0%,#C34848 100%); } .popup_month {font-family: 'robotolight'; font-size:14px;} .dollerone, .dollertwo { text-align:right; color:#1879a9; font-size: 18px; font-family: 'robotobold'; } /*4th Page*/ .thanksyouform { background: #fafafa; float: left; width: 100%; padding: 40px 34px 15px 34px; border:1px solid #e1e1e1; } .thanksyouform .thank_head_area h3 { margin-top:0px; margin-bottom: 30px; color: #1879a9; font-size: 44px; font-family: 'robotobold'; } .thanksyouform .thank_head_area p { font-size: 18px; color:#5e5e5e; } .thanksyouform .progress{ width: 255px; margin:32px auto; border-radius: 10px; background: #b5a3b2; } .thanks_small_head { font-size: 24px; margin:25px 0px; font-family: 'robotolight'; border-bottom:1px solid #e2e6e9; color:#5e5e5e; display: inline-block; text-transform:uppercase; padding-bottom:10px;} .thanks_partner_box { text-align:left; width:100%; float:left;} .thanks_partner_box p { font-size:16px; color: #5e5e5e; text-align:left; margin-bottom:30px;} .thanks_partner_box span {font-size:18px; color: #1879a9; font-family: 'robotobold';} .thanks_partner_box em { font-family: 'robotolight'; } .thanks_form {width:100%; float:left; position:relative; } .thanks_form label { width: 100%; float: left; text-align: left; font-weight: normal; color:#333333; font-size:18px;} /*5th Page*/ .acountcreated { background: #f2f2f2; border: 1px solid #e1e1e1; padding: 56px 0px; margin-bottom: 66px;float: left; width: 100%; } .uractivate { font-family: 'robotobold'; font-size: 30px; color: #5c9b0b; padding-bottom:40px;} .continue_download_btn { color: #1879a9; border: 2px solid #1879a9; border-radius: 2px; cursor: pointer; padding:15px 45px 15px 20px !important; font-size: 15px; display: inline-block; border-radius: 5px; transition: all 0.3s ease; } .continue_download_btn:hover { color: #5c5c5c; border: 2px solid #5c5c5c; } .continue_download_btn .fa { font-size:18px; padding-left: 5px; } .needdownload { color: #717171; font-size: 18px; margin-top:40px;} .needdownload a {font-family: 'robotobold'; text-transform:uppercase; font-size:16px;} .show_rates_box { width:100%; float:left; } .show_rates_box td { text-align:left; padding:12px 10px 7px 10px !important; } .show_rates_box td label { font-family: 'robotobold'; font-weight:400; color:#1879a9; } .hide_rate { text-align:right; } .hide_rate a { color:#FFF; } /*=========================== Sign Up Page Css End Here ==============================*/ /*=========================== My Account User Details Page Css Start Here ==============================*/ .account_left_menu { margin:0px; padding:0px; float:left; list-style:none; background:#f3f3f3; border:solid 1px #e2e2e2; border-radius:5px; margin-bottom:40px; width: 100%; } .account_left_menu li { width:100%; float:left; border-bottom:solid 1px #e2e2e2; } .account_left_menu li:last-child { border-bottom:none; } .account_left_menu li:first-child .active { border-top-left-radius:5px; border-top-right-radius:5px; } .account_left_menu li:last-child .active { border-bottom-left-radius:5px; border-bottom-right-radius:5px; } .account_left_menu li a { width:100%; float:left; padding:10px; color:#666666; font-family: 'robotomedium'; font-size:14px; text-align:center; text-transform:uppercase; transition: all 0.3s ease; } .account_left_menu li a:hover, .account_left_menu li a:focus { background:#1879a9; color:#FFF; text-decoration:none; transition: all 0.3s ease; } .account_left_menu li a .user_detail_icon { width: 100%; height: 26px; background: url(../images/user_detail_icon.png) no-repeat top center; float: left; } .account_left_menu li a:hover .user_detail_icon, .account_left_menu li a:focus .user_detail_icon, .account_left_menu li a:hover .subscription_icon, .account_left_menu li a:focus .subscription_icon, .account_left_menu li a:hover .security_icon, .account_left_menu li a:focus .security_icon, .account_left_menu li a:hover .filter_icon, .account_left_menu li a:focus .filter_icon, .account_left_menu li a:focus .filter_chaver_icon, .account_left_menu li a:hover .filter_chaver_icon, .account_left_menu li a:hover .chaverim_icon, .account_left_menu li a:focus .chaverim_icon, .account_left_menu li a:hover .activity_icon, .account_left_menu li a:focus .activity_icon, .account_left_menu li a:hover .reports_icon, .account_left_menu li a:focus .reports_icon, .account_left_menu li a:hover .uninstall_icon, .account_left_menu li a:focus .uninstall_icon { background-position:center -26px; } .account_left_menu li a .subscription_icon { width: 100%; height: 26px; background: url(../images/subscription_icon.png) no-repeat top center; float: left; } .account_left_menu li a .security_icon { width: 100%; height: 26px; background: url(../images/security_icon.png) no-repeat top center; float: left; } .account_left_menu li a .filter_icon { width: 100%; height: 26px; background: url(../images/filter_icon.png) no-repeat top center; float: left; } .account_left_menu li a .filter_chaver_icon { width: 100%; height: 26px; background: url(../images/filter_chaver_icon.png) no-repeat top center; float: left; } .account_left_menu li a .chaverim_icon { width: 100%; height: 26px; background: url(../images/chaverim_icon.png) no-repeat top center; float: left; } .account_left_menu li a .reports_icon { width: 100%; height: 26px; background: url(../images/reports_icon.png) no-repeat top center; float: left; } .account_left_menu li a .activity_icon { width: 100%; height: 26px; background: url(../images/activity_icon.png) no-repeat top center; float: left; } .account_left_menu li a .uninstall_icon { width: 100%; height: 26px; background: url(../images/uninstall_icon.png) no-repeat top center; float: left; } /* Chat Settings sidenav icon — the AI Chaver chat-bubble glyph with a large, clearly-visible gear overlapping the bottom-right. Inline SVG (no image file). Three states: default → gray glyph + gray gear (gear teeth white-outlined) hover / focus → brand-blue glyph + blue gear (light menu background) active (a.active)→ white glyph + white gear (blue menu background) */ .account_left_menu li a .chat_settings_icon { width: 100%; height: 26px; float: left; background-repeat: no-repeat; background-position: top center; background-size: 26px 26px; background-image: url("data:image/svg+xml;utf8,"); } .account_left_menu li a:hover .chat_settings_icon, .account_left_menu li a:focus .chat_settings_icon { background-image: url("data:image/svg+xml;utf8,"); } /* The shared sprite rule `.account_left_menu li .active span` shifts every span's background down 26px (for the stacked PNG sprites). Our SVG isn't a sprite, so we must keep it pinned to the top in the active state — hence the explicit background-position reset alongside the white variant. The `li a.active` selector outweighs `li .active span` so this wins. */ .account_left_menu li a.active .chat_settings_icon { background-position: top center; background-image: url("data:image/svg+xml;utf8,"); } /* AI Chaver navbar item — solid brand-blue pill, white text and glyph. Sized identically to the Sign Up and Donate buttons (no padding override) so it vertically aligns with the rest of the navbar text and buttons. */ .nav .aichaver a { background: #2480ad !important; border: solid 2px #2480ad; border-radius: 25px; color: #ffffff !important; font-family: 'robotobold'; text-transform: uppercase; transition: all 0.3s ease; } .nav .aichaver a:hover, .nav .aichaver a:focus { background: #196c95 !important; border: solid 2px #196c95; color: #ffffff !important; text-decoration: none; transition: all 0.3s ease; } .nav .aichaver .aichaver-glyph { display: inline-block; width: 16px; height: 16px; margin-right: 6px; vertical-align: middle; /* Negate the inline-block ascent contribution so the glyph doesn't inflate the line-box height (which would make the button taller than Sign Up / Donate). */ margin-top: -3px; background-repeat: no-repeat; background-position: center; background-size: 16px 16px; background-image: url("data:image/svg+xml;utf8,"); } .nav .aichaver a:hover .aichaver-glyph, .nav .aichaver a:focus .aichaver-glyph { /* match the default 16px size — only the colors differ */ background-image: url("data:image/svg+xml;utf8,"); } /* At narrower desktop widths, hide the "AI Chaver" text so just the icon remains — keeps the row on one line when space gets tight. The button is still clearly identifiable via the chat-bubble glyph and tooltip. */ @media (max-width: 1199px) { .nav .aichaver .aichaver-label { display: none; } .nav .aichaver .aichaver-glyph { margin-right: 0; } } /* AI Chaver entry in the mobile off-canvas menu (#menu in footer.php). Same brand-blue identity, with the chat glyph beside the label. */ #menu .aichaver-mobile > a { color: #2480ad !important; font-weight: 600; display: flex; align-items: center; gap: 8px; } #menu .aichaver-mobile .aichaver-mobile-glyph { display: inline-block; width: 20px; height: 20px; flex: 0 0 20px; background-repeat: no-repeat; background-position: center; background-size: 20px 20px; background-image: url("data:image/svg+xml;utf8,"); } .account_left_menu li .active { background:#1879a9; color:#FFF; text-decoration:none; } .account_left_menu li .active span { background-position:center -26px; } .page_heading h4 { font-family: 'robotolight'; font-size:28px; color:#5c5c5c; margin-top: 0px; } .myaccount_wrapper { padding-bottom:45px; border-top:solid 1px #cecece; padding-top:30px; float: left; width: 100%; } .myaccount_wrapper .nav { padding-top:0px; margin-bottom: 0px !important; } .myaccount_wrapper .nav>li>a { margin-left:0px !important; margin-right: 15px; border:solid 1px #d3d3d3; height: 50px; color:#5c5c5c; font-family: 'robotomedium'; font-size:16px; padding: 13px 20px; border-top-left-radius:8px; border-top-right-radius:8px; background: #fcfcfc; background: -moz-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eeeeee)); background: -webkit-linear-gradient(top, #fcfcfc 0%,#eeeeee 100%); background: -o-linear-gradient(top, #fcfcfc 0%,#eeeeee 100%); background: -ms-linear-gradient(top, #fcfcfc 0%,#eeeeee 100%); background: linear-gradient(to bottom, #fcfcfc 0%,#eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eeeeee',GradientType=0 ); } .myaccount_wrapper .nav-tabs>li.active>a { background:#FFF; color:#1879a9; line-height: 0.80; border-bottom:solid 1px #FFF; border-top: solid 6px #1879a9; } .myaccount_wrapper .tab-content { border: 1px solid #ddd; border-top: none; padding: 25px; float: left; width: 100%; } .user_status_area { width:100%; float:left; padding-bottom:25px; } .user_status_box { width:33.33%; float:left; padding-right:30px; } .user_status_area h3 { font-size:16px; color:#333333; text-transform:uppercase; padding-bottom: 5px; margin-top: 0px; } .status_tag { background:#ececec; border:solid 1px #c0c0c0; padding:3px 10px; border-radius:4px; font-size:14px; color:#000000; float:left; width:auto; margin-right:10px; } .tag_icon { font-size:26px; color:#59a918; display: block; line-height: 28px; } .subscription_head .tag_icon { padding-top: 5px; } .error_icon { font-size:26px; color: #a9020b; display: block; line-height: 28px; } .filter_link { float:left; } .filter_link a { font-size:14px; text-decoration:none; } .filter_link a:hover { color:#000; text-decoration:none; } .user_details_form { width:100%; float:left; border-top:solid 1px #e0e0e0; padding-top:20px; } .user_save_btn { color: #1879a9; border: 2px solid #1879a9; cursor: pointer; padding: 10px 27px; font-size: 18px; display: inline-block; border-radius: 5px; transition: all 0.3s ease; } .user_save_btn:hover .fa { -webkit-transform: translateX(4px); transform: translateX(4px); transition: all 0.3s ease; } .user_save_btn:hover { color: #5c5c5c; border: 2px solid #5c5c5c; text-decoration:none; } .user_details_info p, .user_form_info p { margin-bottom:0px; margin-top:25px; font-family: 'robotolight'; color:#666666; font-size:16px; } .user_form_info p { margin-bottom:15px; margin-top:0px; } .user_form_info h3 { font-family: 'robotolight'; font-size:22px; color:#575252; padding:0px; margin:0px; padding-bottom:10px; } .user_form_info .bold { font-family: 'robotomedium'; margin-bottom:55px; margin-top:25px; } .user_form_info .regular { font-family: 'robotoregular'; } .group-btn { width: 160px; font-family: 'robotolight'; color: #575252 !important; font-size: 16px !important; background-color: #fff !important; border-color: #ccc !important; padding: 10px 12px !important; background: #ffffff ; background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); background: -webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); background: -o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); background: linear-gradient(to bottom, #ffffff 0%,#e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); } .group-btn:focus, .group-btn.active:hover, .group-btn:active:hover, .open>.dropdown-toggle.group-btn.focus, .open>.dropdown-toggle.group-btn:focus, .open>.dropdown-toggle.group-btn:hover { font-family: 'robotomedium'; font-size:16px !important; color: #575252 !important; background: #eeeeee !important; border-color: #cccccc !important; transition: all 0.3s ease; } .keyword_search .form-control { padding-right: 46px; } .search_btn { position: absolute; top: 0; right: 16px; z-index: 2; display: block; width: 46px; height: 46px; line-height: 46px; text-align: center; cursor:pointer; color:#3f3f3f; } .group_select { max-width: 69%; width: 100%; float: left; } .blue_button { width:auto; float: right; font-size:16px; color:#1879a9; cursor: pointer; border: 2px solid #1879a9; background:#fcfcfc; border-radius: 5px; font-family: 'robotoregular'; text-align: center; padding: 10px 30px;text-transform:uppercase;transition: all 0.3s ease; text-decoration:none;} .blue_button:hover .fa { -webkit-transform: translateX(4px); transform: translateX(4px); transition: all 0.3s ease; } .blue_button:hover, .blue_button:focus {color: #5c5c5c; border: 2px solid #5c5c5c; text-decoration:none;} .orange_button { width:auto; float: right; font-size:16px; color:#ff980f; cursor: pointer; border: 2px solid #ff980f; background:#fcfcfc; border-radius: 5px; font-family: 'robotoregular'; text-align: center; padding: 10px 30px;text-transform:uppercase;transition: all 0.3s ease; text-decoration:none;} .sml_blue_button { background: white; /* color: blue; */ color: #1879a9; cursor: pointer; border: 1px solid #1879a9; border-radius: 5px; margin-left: 5px; } .table-bordered>thead>tr>th { background:#1879a9; font-family: 'robotomedium'; font-size:14px; color:#ffffff; font-weight:normal; padding:12px 10px; } .table-bordered>tbody>tr>td, .table-bordered>thead>tr>th { border:0px; } .table-bordered>tbody>tr>td { padding:10px 10px; } #account_list_area.table-bordered>tbody>tr>td{ padding: 8px 3px 8px 3px; } .table-bordered>tbody>tr>td .grid_label, .table-bordered>tbody>tr>td .grid_email, .table-bordered>tbody>tr>td .grid_active { width:100%; float: left; font-size:14px; color:#656565; font-weight:normal; } .table-bordered>tbody>tr>td .grid_email { color:#1879a9; } .table-bordered>tbody>tr>td .grid_active { color:#45b308; } .subscription_head h2 { font-family: 'robotomedium'; font-size: 16px; color: #1879a9; text-transform: uppercase; margin-top: 0px; padding-bottom: 5px; } .subscription_head h2 .active, .subscription_head h2 .cancelled { font-family: 'robotolight'; font-style:italic; text-transform:capitalize; font-weight: bold; color:#45b308; } .subscription_head h2 .cancelled { color:#e11b01; } .subscription_payment { background:url(../images/subscription_payment_bg.png) repeat; margin-top: 25px; display: inline-block; width: 100%; padding:20px 0; } .subscription_payment h3 { font-family: 'robotomedium'; font-size: 16px; color: #333333; margin-top:0px; } .subscription_payment h3 span { font-family: 'robotolight'; font-size: 16px; color: #000; } .account_head h2 { font-family: 'robotomedium'; font-size: 18px; color: #1879a9; width: auto; display:inline-block; } .account_head h2::after { background: url(../images/accounts_head.jpg) repeat-x bottom left; content: ""; display: block; height: 3px; width: auto; margin: 8px auto; } .subscribe_account { padding: 10px 0 20px 0; width: 100%; float: left; border-bottom: solid 1px #e5e5e5; margin-bottom:25px; } .subscription_head .fa { font-size: 26px; float: left; padding-right: 10px; line-height: 16px; } .subscription_head h3 { font-size:16px; color:#333333; text-transform:uppercase; padding-bottom: 5px; margin-top: 5px; float:left; display:inline; margin-right:10px; } .security_username { padding-top:10px; } .security_username span { font-family: 'robotomedium'; font-size: 16px; color: #666666; } .security_username label { color: #1879a9; } .account_btn_area { text-align:center; } .account_btn_area a { margin-bottom:20px; } .filter_lock_area { padding-bottom:25px; } .filter_lock_area .radio, .allow_filter_radio .radio { width:100%; float:left; padding-bottom:10px; } .filter_lock_area .radio label { font-size: 14px; color:#7a7a7a; } #filter_time a { margin-bottom: 0px; } #filter_time .btn_inline { margin-top: 25px; } #watch_video .modal-body { padding: 25px 25px 25px 25px !important; } .video-modal { width:562px !important; max-width: 100%; margin: auto; } .radio_scrollar { padding-bottom:20px; } .radio_scrollbar { width:28px; float:left; } .radio_scroll_content { margin-left: 0px; display: table; } .scroll_content_row { width:100%; float:left; padding-bottom: 7px; } .radio_scroll_heading { width:140px; float:left; padding-left:20px; } .head_gray, .head_dgreen, .head_lgreen, .head_yellow, .head_orange, .head_red { font-family: 'robotomedium'; font-size: 16px; color: #6e6e6e; font-weight: 400; margin-bottom: 0px; margin-top: 5px; } .head_dgreen { color:#3e9007; } .head_lgreen { color:#3e9007; } .head_yellow { color:#f1d600; } .head_orange { color:#ff7c00; } .head_red { color:#ff1900; } .radio_scroll_text { width:auto; float:left; background:#e8e8e8; font-size:14px; color:#252525; padding:6px 10px; position:relative; } .radio_scroll_text:before { content: ""; position: absolute; top: 0px; left: -15px; border-bottom: 16px solid transparent; border-right: 15px solid #e8e8e8; border-top: 16px solid transparent; height: 0px; width: 0px; } .allow_filter { font-family: 'robotomedium'; font-size: 18px; color: #444446; } .allow_filter em { font-family: 'robotolight'; font-size: 14px; color: #444446; } .yes_no_radio label { font-family: 'robotomedium' !important; font-size: 16px !important; color: #6e6e6e !important; } .yes_no_radio .fa { font-size:18px; } .filter_radio label { font-family: 'robotolight' !important; font-size: 16px !important; color: #6e6e6e !important; } .filter_radio span { font-family: 'robotolight'; font-size: 14px; color: #1879a9; clear: both; float: left; width: 100%; padding-left: 25px; } .allow_list_lbl { width:16%; float:left; font-family: 'robotomedium'; font-size: 16px; color: #5c5c5c; padding-top: 11px; } .allow_list_input { width:84%; float:left; } .allow_list_input input { max-width:63%; float:left; } .allow_remove_area { width:344px; max-width:100%; float:left; /*overflow-y: scroll; overflow-x:hidden; max-height:200px;*/ } .allow_remove_area, .allow_remove_list { width:100%; float:left; } .allow_remove_list a { font-size: 18px; color: #d60909; } .allow_remove_list label { font-family: 'robotolight'; font-size: 16px; color: #5c5c5c; font-weight:400; } .time_general_area label { font-family: 'robotolight'; font-size: 14px; color: #575252; font-weight:400; } .time_weekly_area .weekly_time_lbl { width:130px; float:left; font-size:14px; color:#575252; font-weight:400; padding-top: 12px; } .time_weekly_area .weekly_time_input { width:60%; float:left; } .time_weekly_area .weekly_time_input em { font-family: 'robotolight'; font-size:14px; color:#575252; padding-left:5px; } .weekly_time_input input { width:120px; max-width:100%; } .weekly_graph { text-align:center; padding-bottom:30px; display: inline-block; width: 100%; } .weekly_graph img { max-width:100%; } .note_para { font-family: 'robotomedium'; font-size: 14px; color: #666666; padding-bottom: 15px; clear:both; } .note_para span { color:#c43838; } .notice_para { font-family: 'robotolight'; font-size: 16px; color: #666666; padding-top: 15px; } .notice_para span { color:#c43838; font-family: 'robotoregular'; } .chaverim_add_filter { padding-bottom: 10px; float: left; width: 100%; font-size: 17px !important; font-family: 'robotomedium'; } .chaverim_release_filter { padding-bottom: 10px; width: 100%; font-family: 'robotomedium'; } .chaverim_report_sent { font-family: 'robotolight'; font-size:18px; color:#333333; text-transform:uppercase; padding-top: 25px; } .chaverim_report_box { background: url(../images/chaverim_report_bg.jpg) repeat; border-radius:5px; margin-top:10px; display: inline-block; width: 100%; padding: 20px 15px; position: relative; } .chaverim_report_box.pending_removal { background: #edcdcd; } .partner_action { display:block; font-size: 12px; } .chaverim_report_box p { margin-bottom:0px; } .chaverim_report_box .user_name_box label, .chaverim_report_box .user_email_box label, .chaverim_report_box .user_pending_box label { font-size:15px; color:#1879a9; margin-bottom: 0px; font-weight:400; word-break: break-all; width: 66%; vertical-align: middle; } .chaverim_report_box .user_email_box label { color:#333333; } .chaverim_report_box .user_pending_box label { color:#333333; } .chaverim_report_box span { background: #a8a8a8; border-radius: 50%; padding: 8px 14px; font-size: 24px; color: #FFF; margin-right: 5px; width: 52px; display: inline-block; text-align: center; } .chaverim_report_box span .fa-exclamation-triangle { color:#a91818 !important; } .report_email_check { background: transparent !important; padding: 0 !important; width: auto !important; margin-right: 0px !important; padding-top: 11px !important; float: right; margin-right: 0px !important; } span.report_email_check .fa-check-circle-o { color: #59a918 !important; cursor:pointer; font-size: 16px; } span.report_email_check .fa-times-circle-o { color:#a91818 !important; cursor:pointer; } span.report_email_check .fa-exclamation-triangle { color:#66512c !important; cursor:pointer; font-size: 16px; } .chaverim_user { font-family: 'robotoregular' !important; font-size:16px !important; color:#575252 !important; margin-bottom: 5px !important; } .chaverim_user_list { margin:15px 0 10px 15px; padding:0px; list-style:none; } .chaverim_user_list li { padding-left: 15px; font-size: 14px; color: #333; padding-bottom: 10px; background: url(../images/about_bullet.png) no-repeat 0 7px; } .chaverim_user_list li span { font-size: 12px; color: #6b6b6b; } .chaverim_email_add { width:100%; float:left; } .chaverim_email_add a.next.left20.next_btn { max-width: 39%; } .chaverim_email_add input { max-width: 100%; float: left; width: 266px; } .chaverim_email_address { width:100%; float:left; } .chaverim_email_address label { font-size:16px; color:#575252; font-weight:400; width:180px; float: left; } .chaverim_email_address .email_remove_list_box { /*width: 363px; float: left;*/ /*overflow: auto; max-height: 150px;*/ } .chaverim_email_address .email_remove_list{ width:100%; float:left; padding-bottom:5px; } .email_remove_list span a.resendveri { font-size:12px; color:#337ab7; margin-left:10px; margin-top:3px; float:none; } .chaverim_email_address .email_remove_list a { float:left; margin-right: 10px; font-size:18px; color:#d60909; } .chaverim_email_address .email_remove_list label { width:auto !important; font-family: 'robotolight'; } .chaverim_email_address .email_remove_list span { font-family: 'robotomedium'; padding-left: 5px; } .group_summary_list { padding:0px; list-style:none; margin: 12px 0 18px 0; float: left; } .group_summary_list li { font-family: 'robotolight'; font-size:16px; color:#575252; line-height: 36px; width:100%; float:left; } .group_summary_list li .summry_head { font-family: 'robotomedium'; font-size:16px; color:#676262; text-transform:uppercase; padding-left: 10px; float: left; padding-right: 20px; width:120px; } .group_summary_list li p { line-height: 20px; padding-top: 7px; font-size: 15px; overflow: hidden; } .user_form_info strong { font-family: 'robotobold'; font-weight:400; color:#575252 } .group_summary_list .rating_icon, .group_summary_list .highscore_icon, .group_summary_list .highcount_icon, .group_summary_list .average_icon { float: left; width: 36px; height: 36px; background:url(../images/rating_icon.png) no-repeat; } .group_summary_list .highscore_icon { background:url(../images/highscore_icon.png) no-repeat; } .group_summary_list .highcount_icon { background:url(../images/highcount_icon.png) no-repeat; } .group_summary_list .average_icon { background:url(../images/average_icon.png) no-repeat; } .display_report_area .display_reoport_lbl { width: 130px; float: left; font-size: 14px; color: #575252; font-weight: 400; padding-top: 12px; } .display_report_area .display_reoport_input { width: 60%; float: left; } /*=========================== My Account User Details Page Css End Here ==============================*/ /*================================ Form Validation Message Css =======================================*/ #multistepform .col-sm-6, #multistepform .col-sm-12 { position:relative; } span.success img { position: absolute; top: 13px; right:25px; transition: all 0.3s ease; } span.error img { position: absolute; top: 13px; right:25px; transition: all 0.3s ease; } span.error label { width: auto; position: absolute; top: -35px; right: 15px; background: #cb2e2e; font-size: 13px; font-family: 'robotolight'; color: #FFF; font-weight: 400; padding: 5px 10px; border-radius: 4px; visibility:visible !important; animation-name: fadeInDown !important; } span.error label:after { top: 100%; right:13px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(184, 92, 81, 0); border-top-color: #cb2e2e; border-width: 5px; margin-left: -5px; } #success_message, #success_message2,#success_message3,#success_message4 ,#success_message5, #success_message_extrainfo, .success_message { background:#d4fecc; border:solid 1px #a1da96; border-radius:3px; padding:10px 15px; font-size: 14px; text-align: left; color: #337627; clear: both; } #success_message .fa, #success_message2 .fa, #success_message3 .fa,#success_message4 .fa ,#success_message5 .fa, #success_message_extrainfo .fa{ font-size: 20px; float: left; padding-right: 5px; padding-bottom: 10px; } .processing_style { color: #1879a9; width: auto; background: #FFF; border: solid 1px #eee; float: left; padding: 8px 10px; font-family: 'robotomedium'; border-radius: 3px; clear: both; } #error_message, #bank_detail_form, #thanks_form_detail, #nopay_complete_form { width: 50%; background: #fed2d3; border: solid 1px #d8909c; border-radius:3px; font-size: 14px; text-align: left; color: #77121a; font-weight: 400; padding: 10px 15px; margin-bottom: 20px; display: inline-block; float: left; top: -44px; left: 38%; } .warning_message { width: 50%; border-radius:3px; font-size: 14px; text-align: left; font-weight: 400; padding: 10px 15px; margin-bottom: 20px; display: inline-block; float: left; top: -44px; left: 38%; background: #fff8c4; border: 1px solid #f2c779; color: #7e7f21; } #error_message { width: 100%; top: -48px; left: 0%; } #error_message .fa, #bank_detail_form .fa, #thanks_form_detail .fa, #nopay_complete_form .fa { color: #77121a; } #bank_detail_form { top: 54px; left: 32%; } #thanks_form_detail { top: -24px; left: 0; width: 100%; } #nopay_complete_form { width: 80%; text-align: center; } a{cursor:pointer;} .blank_error, .not_found_error { width: auto; position: absolute; bottom: -36px; left: 15px; background: #b85c51; font-size: 13px; font-family: 'robotolight'; color: #FFF; font-weight: 400; padding: 5px 10px; border-radius: 4px; } .blank_error:before, .not_found_error:before { bottom: 100%; left: 15px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(184, 92, 81, 0); border-bottom-color: #b85c51; border-width: 5px; margin-left: -5px; } .coupon_success { background:none; border: medium none #248cc0; font-size: 13px; color:#337ab7; float: left; margin-top: 8px; text-align: center; width: 100%; padding: 13px 0; } .coupon_success b { font-weight:400 !important; font-family: 'robotobold'; } .remove_coupon { color:#337ab7; } .remove_coupon:hover { color:#5c5c5c; } /*================================ Form Validation Message Css =======================================*/ .error_show { border: 1px solid red !important; } .step1_form { width:100%; display:inline-block; } .half-two-btn button.btn { width:50%; text-align:center; } .mobile-right-width { width:100%; } div#subscription .blue_button { width: 48%; margin-left: 0%; float:left; padding: 10px 0px; font-size: 14px; max-width: 100%; text-align: center; } div#subscription .blue_button:last-child { margin-left: 2%; float:right; } a.next.left20.next_btn { float: left; margin-left:20px; max-width: 38%; } div#timezone .switch_toggle_btn { display: inline-block; float:none; } div#report_option .checkbox.chkbox_report_option label:before { top: 0; } .display_reoport { display: inline-block; margin-bottom: 15px; } .chkbox_report_option.disabled { opacity: .6; } .filter_range_slider { width:100%; float:left; padding-bottom: 20px; } .range_left { width:28px; height:227px; float:left; /* background: linear-gradient(to top, #ff0000 0%, #ff9600 25%, #ff9600 50%, #ccff00 75%, #06ff00 100%);*/ background: linear-gradient(to top, #ec0606 0%, #06ff00 100%); border-radius: 7px !important; position:relative; } .filter_lock { width: 19px; height: 23px; background: url(../images/filter_lock.png) no-repeat; position: absolute; top: 5px; left: 5px; } .range_handler { background:url(../images/handler.png) no-repeat 0 0; cursor: pointer; height: 35px; width: 20px; margin-left: 4px; float: left; position: absolute; } .range_right { margin-left:40px; } .range_right ul { margin:0px; padding:0px; list-style:none; } .range_right ul li { padding-bottom:7px; width:100%; float:left; } .range_right ul li label { font-size:16px; float:left; padding-top: 7px; width: 130px; font-family: 'robotomedium'; font-weight: 400; } .range_right ul li label a { color:#6e6e6e; text-decoration:none; margin-left: -40px; padding-left: 40px; position: absolute; z-index: 99; } .range_right ul li label a:hover { color:#000 !important; text-decoration:none; } .range_right ul li span { width: auto; float: left; background: #e8e8e8; font-size: 14px; color: #252525; padding: 6px 10px; position: relative; } .range_right ul li span:before { content: ""; position: absolute; top: 0px; left: -15px; border-bottom: 16px solid transparent; border-right: 15px solid #e8e8e8; border-top: 16px solid transparent; height: 0px; width: 0px; } .range_right ul li label a[data-value="84"] { color: #ff1900; } .range_right ul li label a[data-value="69"] { color: #ff7c00; } .range_right ul li label a[data-value="52"] { color: #f1d600; } .range_right ul li label a[data-value="34"] { color:#3e9007; } .range_right ul li label a[data-value="17"] { color:#3e9007; } .range_right ul li label a[data-value="5"] { color:#6e6e6e; } .everyone { top:17%; } .width65 { width:65%;} .width80 { width:80%;} .width20 { width:20%;} .width15 { width:15%;} .leftP20 { padding-left:20px !important;} .bottomP0 { padding-bottom:0px !important;} .bottomP25 { padding-bottom:25px !important;} .bottomP20 { padding-bottom:20px !important;} .bottomP35 { padding-bottom:35px !important;} .bottomM0 { margin-bottom:0px !important;} .top5 { margin-top:5px !important;} .top10 { margin-top:10px !important;} .top15 { margin-top:15px !important;} .top20 { margin-top:20px !important;} .bottom5 { padding-bottom:5px !important;} .bottom10 { margin-bottom:10px !important;} .bottom15 { margin-bottom:15px !important;} .bottom25 { margin-bottom:25px !important;} .bottom35 { margin-bottom:35px !important;} #success_member_message { background: #d4fecc; border: solid 1px #a1da96; border-radius: 3px; padding: 10px 15px; font-size: 14px; text-align: left; color: #337627; clear: both; float: left; width: 100%; margin-top: -15px; margin-bottom: 15px; } #success_member_message .fa { font-size: 20px; float: left; padding-right: 5px; } #exist_message { background: #fed2d3 none repeat scroll 0 0; border: 1px solid #d8909c; border-radius:3px; padding:10px 15px; font-size: 14px; text-align: left; color: #77121a; clear: both; } #cancel_error_message { background: #fed2d3 none repeat scroll 0 0; border: 1px solid #d8909c; border-radius:3px; padding:10px 15px; font-size: 14px; text-align: left; color: #77121a; clear: both; } #valid_error_message { background: #fed2d3 none repeat scroll 0 0; border: 1px solid #d8909c; border-radius:3px; padding:10px 15px; font-size: 14px; text-align: left; color: #77121a; clear: both; } #cancel_message { background:#d4fecc; border:solid 1px #a1da96; border-radius:3px; padding:10px 15px; font-size: 14px; text-align: left; color: #337627; clear: both; } .error_message{ background: #fed2d3; border: 1px solid #d8909c; border-radius: 3px; color: #77121a; font-size: 14px; font-weight: 400; margin-bottom: 10px; margin-top: -10px; padding: 10px 15px; text-align: left; width: 100%; float: left; } .warning_message{ border-radius: 3px; font-size: 14px; font-weight: 400; margin-bottom: 10px; margin-top: -10px; padding: 10px 15px; text-align: left; width: 100%; float: left; background: #fff8c4; border: 1px solid #f2c779; color: #7e7f21; } .subscription_head .warning_message, .subscription_head .error_message { margin-top:5px; } .cancel_subsc { margin-top: 15px; } .removefilter { color: #1879a9 !important; } .filter_update { margin-top:-10px; margin-bottom: 10px; } .status_tags{ background: #ececec none repeat scroll 0 0; border: 1px solid #c0c0c0; border-radius: 4px; color: #000000; float: left; font-size: 14px; margin-right: 10px; padding: 3px 10px; width: auto;} .status_tags .enable { color: #59a918; } .alert-warning:before, .alert-error:before { position: absolute; left: 10px; top: 16px; font: normal normal normal 18px/1 FontAwesome; } .alert-warning:before { content: "\f071"; color:#7e7f21; } .alert-error:before { content: "\f057"; color: #77121a; } .filter_down_margin { margin-bottom:15px; margin-top: 0; } .filter_up_margin { margin-top:15px; margin-bottom:0; } .filter_no_margin { margin-top:0 !important; margin-bottom: 0 !important; } .modal-body { padding: 25px ; } .alert-warning, .alert-error { background:#fff8c4; border: 1px solid #f2c779; color: #7e7f21; border-radius: 5px; font-size: 13px; padding: 10px 36px; margin-bottom:15px; position:relative; } .alert-warning p, .alert-error p { margin-bottom:0px; } .alert-warning a { color: #7e7f21; font-family: 'robotobold'; } .alert-error a { color: #77121a; font-family: 'robotobold'; } .pop_close { width:20px; height:20px; position:absolute; top:8px; right:5px; } .alert-error { background: #fed2d3; border: solid 1px #d8909c; color:#77121a; } .alert-error a { color: #77121a; } #success_member_message { background: #d4fecc; border: solid 1px #a1da96; border-radius: 3px; padding: 10px 15px; font-size: 14px; text-align: left; color: #337627; clear: both; float: left; width: 100%; margin-top: -15px; margin-bottom: 15px; } #success_member_message .fa { font-size: 20px; float: left; padding-right: 5px; } #exist_message { background: #fed2d3 none repeat scroll 0 0; border: 1px solid #d8909c; border-radius:3px; padding:10px 15px; font-size: 14px; text-align: left; color: #77121a; clear: both; } #cancel_error_message { background: #fed2d3 none repeat scroll 0 0; border: 1px solid #d8909c; border-radius:3px; padding:10px 15px; font-size: 14px; text-align: left; color: #77121a; clear: both; } #valid_error_message { background: #fed2d3 none repeat scroll 0 0; border: 1px solid #d8909c; border-radius:3px; padding:10px 15px; font-size: 14px; text-align: left; color: #77121a; clear: both; } #cancel_message { background:#d4fecc; border:solid 1px #a1da96; border-radius:3px; padding:10px 15px; font-size: 14px; text-align: left; color: #337627; clear: both; } .blue_bold { color: #1879a9; font-family: 'robotobold'; font-size:19px; } .donate_amount_box { background:#fafafa; border:solid 1px #e1e1e1; padding:35px; } .donate_amount_box h2 { font-size:34px; font-family: 'robotolight'; color: #1879a9; margin-top:0px; margin-bottom:25px; } .donate_amount_box h3 { font-family: 'robotoregular'; font-size: 20px; color: #5c5c5c; margin-bottom: 25px; } .donate_amount_box h3 b { color: #333333; } .donate_amount_btn label { font-family: 'robotomedium'; font-size: 14px; color: #333333; font-weight:normal; } .donate_payment_btn span { width:100%; float:left; text-align:center; padding-bottom:30px; } .donate_payment_btn span a { display:inline-block; } .faq_search_box { max-width:700px; padding:20px; margin:0 auto 0px auto; background: #fafafa; border: solid 1px #e1e1e1; position:relative; } .faq_search_input { margin-right:156px; } .faq_search_input input { margin-bottom:0px; background:#FFF; } .faq_search_btn { width:136px; float:right; position: absolute; top: 20px; right: 20px; } .faq_search_btn a { width:100%; float:right; color:#FFF; font-family: 'robotomedium'; font-size: 18px; background:#1879a9; border:solid 2px #22b1ff; border-radius:5px; padding: 9px 0px 8px 0px; text-transform:uppercase; text-align:center; } .faq_search_btn a:hover { background:#5c5c5c; border:solid 2px #898787; } .panel-group { text-align:left; } .panel-group ul { margin:0px; padding: 0px 0px 0px 24px; list-style-image:url(../images/tick_bulltet.png); } .panel-group ul li { padding-bottom:15px; font-weight: 300; } .panel-heading, .panel-group .panel { border-radius:0px !important; } .panel-heading { padding:0px; } .accordion-toggle { width: 100%; display: block; padding: 15px; font-size: 14px; color: #333333 !important; font-weight: normal; font-family: 'robotomedium'; border-left: solid 2px #1979a9; } .panel-default>.panel-heading { background-color: #f2f2f2; border-color: #e1e1e1; } .accordion-toggle .fa { float: right; color: #646566; } .panel-group .panel+.panel { margin-top: 10px; } .panel-body { font-family: 'robotoregular'; font-size:14px; color:#333333; padding: 15px 15px 0px 15px; } .accordian_ques_icon { float:left; color:#1979a9; padding-right: 5px; } .accordian_ques_icon .fa { color:#1979a9; } .accordian_head { font-family: 'robotoregular'; font-size:14px; color:#333333; font-style:italic; padding-bottom: 15px; display: block; } .panel-body b { font-family: 'robotobold'; font-style:italic; } .panel-body strong { font-family: 'robotobold'; } .panel-body p { padding-bottom: 15px !important; font-family: 'robotoregular' !important; font-size: 14px !important; color: #333333 !important; margin-bottom: 0px; } .haskamos_subhead { font-family: 'robotolight'; font-size: 18px; color: #575252; padding-bottom: 40px; margin-bottom: 0px; } .haskamos_img_half_box { background:#f1f1f1; margin-bottom:35px; min-height: 327px; } .haskamos_img_half_box, .haskamos_half_img { width:100%; float:left; } .haskamos_half_img { background:#FFF; text-align: center; padding-bottom: 20px; } .haskamos_half_img img { border-radius:50%; } .haskamos_half_content { width:100%; float:left; padding:20px; font-family: 'robotoregular'; font-size:14px; color:#555555; text-align:center; } .haskamos_half_content b { font-family: 'robotomedium'; color:#333333; font-weight:normal; } .haskamos_letter_img { text-align: center; padding-top: 20px; } .haskamos_letter_content { width:100%; float:left; padding:20px; font-family: 'robotoregular'; font-size:14px; color:#555555; text-align:center; } .haskamos_video_head h3 { font-family: 'robotolight'; font-size:24px; color: #1879a9; margin-top:0px; text-align: center; text-transform:uppercase; } .haskamos_video_head span { font-family: 'robotoregular'; font-size: 14px; color: #4e565b; text-align: center; width: 100%; display: inline-block; padding-bottom: 45px; } .haskamos_video_desc { padding-bottom:35px; } .haskamos_video_desc h4 { font-family: 'robotoregular'; font-size: 16px; color: #1879a9; text-align: center; text-transform:uppercase; width: 100%; display: inline-block; margin-top:25px; margin-bottom:5px; } .haskamos_video_desc span { font-family: 'robotolight'; font-size:14px; color: #4e565b; text-align: center; display: inline-block; width:100%; } .haskamos_video_desc p { font-family: 'robotolight'; font-size:14px; color: #333333; text-align: center; display: inline-block; width:100%; padding-top:25px; line-height:22px; } .haskamos_video_signup { background:#FFF; border:solid 1px #dfdfdf; border-radius:5px; padding:35px 20px 20px 20px; min-height:427px; text-align:center; font-family: 'robotolight'; font-size:16px; color: #333333; line-height:28px; margin-bottom:35px; } .haskamos_video_signup .button { color: #1879a9; border: 2px solid #1879a9; cursor: pointer; padding:10px 50px 10px 30px; text-transform: uppercase; font-size: 18px; display: inline-block; border-radius:5px; transition: all 0.3s ease; margin-top:25px; width: auto !important; } .haskamos_video_signup .button:hover {color: #5c5c5c; border: 2px solid #5c5c5c; transition: all 0.3s ease;} .haskamos_video_signup .previous.button:hover { color: #5c5c5c; border: 2px solid #5c5c5c; transition: all 0.3s ease;} .static_page_text { font-family: 'robotoregular'; font-size: 14px; color: #575252; line-height:24px; padding-bottom:35px; } .how_it_work_box ul { margin: 0px; padding: 0px 0px 25px 24px; list-style:none; } .how_it_work_box ul li { padding-bottom: 15px; } .how_it_work_box ul li:before { content: "\f00c"; font-family: 'FontAwesome'; font-size: 34px; color: #616161; padding-top: 6px; float: left; padding-right: 12px; } .pricing_content { font-family: 'robotolight'; font-size:16px; color: #333; line-height:28px; text-align: left; } .pricing_content b { font-family: 'robotobold'; color: #666666; } .top-buffer { margin-top:35px; } .bottom-buffer { margin-bottom:35px; } .price_month_text { font-family: 'robotolight'; font-size: 16px; color: #666666; text-align:center; } .price_month_text .month_text { font-family: 'robotoregular'; font-size:18px; color: #383838; } .support_body_content { max-width: 945px; margin: 0 auto 0px auto; } .maintenance_body_content { margin-top:100px; margin-bottom: 200px; text-align:center; font-weight:bold; } .support_head, .support_list { width:100%; float:left; padding-bottom:25px; } .lockoutbox { margin: 10px; background: #03a84e; color: white; padding:15px 3px; border-radius: 10px; border-bottom: solid 1px #e2e6e9; } .lockoutbox b { color:white; } .support_list img { border: solid 1px #eee; padding: 3px; max-width: 100%; } .support_list li span { background-color: #f2f2f2; border:solid 1px #e1e1e1; padding: 5px 10px; display: table; margin-top: 20px; width: auto; } .support_head h3 { width:100%; float:left; border-bottom:solid 1px #e2e6e9; padding-bottom:15px; margin:0px; font-family: 'robotolight'; font-size: 28px; color: #5c5c5c; } .support_list { padding-bottom:35px; } .support_list ul { margin:0px; padding:0px; list-style:none; position: relative; float: left; } .support_list ul:before { content: ""; width: 1px; height: 100%; display: block; float: left; background:#c8ccce; position: absolute; left: 17px; top: 0px; z-index: 0; } .support_list ul li { padding-bottom: 15px; background: url(../images/support_bullet.png) no-repeat; padding-left: 45px; line-height: 34px; float: left; width: 100%; z-index: 22; position: relative; text-align:left; } .support_list ul li ul:before { display:none; } .support_list ul li ul li { padding-bottom: 15px; list-style-image: url(../images/tick_bulltet.png); background: none; padding-left: 0px; margin-left: 22px; line-height: 34px; float: left; width: 100%; z-index: 22; position: relative; text-align:left; } .support_list ul li ul li:last-child { padding-bottom: 15px; } .support_list ul li:last-child { padding-bottom:0px; } .support_list ul li b { font-family: 'robotobold'; } .support_content { padding-bottom: 25px; border-bottom: solid 1px #e2e6e9; width: 100%; float: left; margin-bottom: 35px; } .support_content .blue { font-family: 'robotolight'; font-size: 20px; color: #1879a9; font-weight: 700; } .support_content .gray { font-family: 'robotolight'; font-size: 18px; color: #6b6b6b; font-style:italic; } .support_contact .head { font-family: 'robotolight'; font-size: 22px; color: #5c5c5c; padding-bottom:20px; } .support_contact_bg { background:#1879a9; border-radius:4px; width:100%; float:left; font-family: 'robotolight'; font-size: 16px; color:#FFF; } .support_contact_left, .support_contact_right { width:50%; padding:20px; float:left; line-height: 34px; } .support_contact_left:before { content:""; background:url(../images/support_email_icon.png) no-repeat; width:34px; height:35px; float: left; margin-right: 10px; } .support_contact_right { padding:20px; border-left:solid 1px #2185b7; } .support_contact_right:before { content:""; background:url(../images/support_phone_icon.png) no-repeat; width:35px; height:35px; float: left; margin-right: 10px; } .support_contact_right span { font-family: 'robotobold'; font-size:18px; } .support_contact_details { width:100%; float:left; padding-top:35px; text-align:center; padding-bottom: 25px; } .support_contact_details .normal { font-family: 'robotoregular'; font-size:18px; color: #333333; } .support_contact_details .light { font-family: 'robotolight'; font-size:18px; color: #6b6b6b; } .support_contact_details .light em { color: #333333; } .testi_subhead { font-family: 'robotolight'; font-size:18px; color: #575252; text-transform:uppercase; } .testimonial_list { margin:0px; padding:0px; list-style:none; } .testimonial_list li { margin-bottom:25px; } .testi_img_box { width:90px; height:90px; float:left; background:#f4f5f5; border-radius:50%; overflow: hidden; } .testi_content { margin-left: 122px; } .testi_quote_box { background:#FFF; border:solid 1px #dfdfdf; border-radius:5px; padding:20px; position:relative; -webkit-box-shadow: inset 0px 0px 27px 0px rgba(0,0,0,0.06); -moz-box-shadow: inset 0px 0px 27px 0px rgba(0,0,0,0.06); box-shadow: inset 0px 0px 27px 0px rgba(0,0,0,0.06); } .testi_quote_box:after, .testi_quote_box:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .testi_quote_box:after { border-color: rgba(255, 255, 255, 0); border-right-color: #f8f8f8; border-width: 10px; margin-top: -10px; } .testi_quote_box:before { border-color: rgba(0, 0, 0, 0); border-right-color: #dfdfdf; border-width: 11px; margin-top: -11px; } .testi_quote { width:100%; display:inline-block } .testi_quote:before { content: ""; background: url(../images/testi_quote_icon.png) no-repeat; width: 32px; height: 30px; float: left; } .testi_quote p { font-family: 'robotoregular'; font-size:16px; color: #4f4f4f; padding-left:50px; } .testi_quote span { font-family: 'robotoregular'; font-size:18px; color: #1879a9; padding-left:50px; } .testi_quote span b { font-family: 'robotobold'; } .understand_learn_more { width:100%; float:left; padding-bottom:50px; } .understanding_content h2 { margin-top:0px; color: #337ab7; font-size: 25px; } .understanding_content p { font-size: 16px; color: #333; } .understanding_content b { font-family: 'robotobold'; color: #333; } .understanding_content img { border:solid 1px #eee; padding:3px; } .details_log .red { background:#F00; color:#FFF; padding:1px 6px; border-radius:3px; } .details_log .yellow { background:#FF0; color:#333; padding:1px 6px; border-radius:3px; } .group_heading_box { width:100%; padding: 20px; margin: 0 auto 0px auto; background: #fafafa; border: solid 1px #e1e1e1; text-align:center; margin-bottom:25px; color:#6b6b6b; } .os_box_area { max-width: 300px; display: block; margin: auto; } .os_box { background: #FFF; border: solid 1px #eee; color: #FFF; } .os_box .fa { font-size: 80px; padding: 15px 0; } .os_box .os_heading { color:#337ab7; } .os_box:hover { color: #000; } .window_icon, .mac_icon, .android_icon, .iphone_icon { background:#15b1ea; padding:15px 0; text-align:center; } .mac_icon { background:#d1d6c0; } .android_icon { background:#a4c739; } .iphone_icon { background:#01a986; } .os_heading { padding:15px 0; text-align:center; } .os_instructions_head { width:100%; float:left; padding-bottom:25px; } .about_head { font-family: 'robotoregular'; font-size:17px; color:#6b6b6b; } .about_desc { margin: 0px; padding: 0px 0px 0px 0px; list-style:none; } .about_desc li { padding-left:25px; font-size:15px; color:#6b6b6b; font-style:italic; padding-bottom: 15px; background:url(../images/about_bullet.png) no-repeat 0 10px; } .about_box, .partner_box { width:100%; float:left; background:#f2f2f2; border:solid 1px #e1e1e1; padding:20px; } .about_box_img { width:162px; float:left; text-align: center; } .about_box_text { margin-left:182px; font-size:14px; color:#666666; font-family: 'robotolight'; line-height:27px; text-align:left; } .about_devider { padding-bottom:5px; } .about_content { font-size:17px; color:#6b6b6b; font-family: 'robotolight'; line-height:28px; text-align:center; } .about_content strong, .about_content a { color:#1879a9; font-family: 'robotoregular'; font-weight: normal; } .about_content a:hover { color:#333; } .partner_box { padding:20px; } .partner_img_area { width:200px; float:left; } .partner_box_img { width:100%; float:left; background:#FFF; border:solid 1px #e1e1e1; text-align:center; padding:10px 0; } .partner_box_content { margin-left:220px; } .partner_box_content h2 { font-family: 'robotomedium'; font-size:17px; color:#1879a9; margin-top:0px; } .partner_box_content p { font-family: 'robotolight'; font-size:16px; color:#666666; line-height:30px; } .img_border { border:solid 1px #eee; padding:3px; } .country_tab .nav-tabs li a { height: 46px !important; line-height: 26px; width: 125px !important; } .modify_payment { float: left; width: 100%; padding-left: 0px; } #example { float:left; width:100%; } #example_filter { max-width: 278px; position: absolute; top: -71px; right: 15px; width: 100%; } #example_filter label { display:block !important; font-weight:normal !important; } #example_filter .search_btn { right:0px !important; } table.dataTable thead .sorting_desc { background:#1879a9 url(../images/sort_desc.png) no-repeat; background-position: center right; color:#FFF; padding-right: 15px; } table.dataTable thead .sorting { background:#1879a9 url(../images/sort_both.png) no-repeat; background-position: center right; color:#FFF; padding-right: 15px; } table.dataTable thead .sorting_asc { background:#1879a9 url(../images/sort_asc.png) no-repeat; background-position: center right; color:#FFF; padding-right: 15px; } .dataTables_wrapper .top { width: 100%; float: left; padding: 15px; border: solid 1px #e0e0e0; border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; border-bottom: none; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); } #example_wrapper .dataTables_info, #example_wrapper .dataTables_length { width:50%; float:left; font-size: 16px; color: #575252; font-weight: normal; } #example_wrapper .dataTables_info { padding-top: 15px; } #example_wrapper .dataTables_length { text-align:right; } #example_wrapper .dataTables_length .form-control { width:auto !important; margin-bottom: 0px; } #example_wrapper .dataTables_length label { font-size: 16px; color: #575252; font-weight: normal; } #example_wrapper .dataTables_paginate { position: absolute; top: 25px; left: 192px; } .dataTables_paginate a { border: solid 2px #7d7d7d; padding: 3px 7px; border-radius: 50%; float: left; color: #7d7d7d; margin-left: 10px; } .dataTables_paginate a:hover, .dataTables_paginate a:focus { border: solid 2px #646464; color: #646464; } .forgot_outer { position:relative; } .filter_user_box { width:100%; float:left; padding:15px; margin-bottom:20px; background: #f3f3f3; border: solid 1px #e2e2e2; } .filter_user_box h4 { margin-top:0px; color: #000; font-size: 16px; } .filter_user_box ul, .filter_user_box ol { margin:0px; padding:0px; list-style:none; } .filter_user_box ul li, .filter_user_box ol li { width:100%; display:inline-block; font-size: 14px; color: #5c5c5c; font-weight: normal; font-family: 'robotoregular'; } .filter_user_box ul li .radio { margin-bottom:0px; margin-top: 5px; } .filter_box { width:50%; float:left; } .filter_selected_users { clear:both; } .selected_user { font-size: 12px; } /* Vue js transitions */ .fade-enter-active, .fade-leave-active { transition: opacity .5s; } .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ { opacity: 0; } /* Account pages */ /* Account user */ .pending { background-color: #fff8c4 !important; } /*==================================== Media Query Css Start here ===================================*/ @media (max-width:1199px){ .middle-signupbar p { line-height:58px; font-size: 26px; } .page_content_area img { width:100%; } .signup_btn { font-size: 21px; padding: 12px 20px; } .newsletter h3 { font-size: 25px; padding-bottom: 7px; } .newsletter span { font-size: 15px; } .newsletter input[type=email] { max-width: 215px; } .fLogo_left { padding-bottom:15px; } .fLogo_left, .fLogo_right { width: 100%; text-align:center; } .mis-current .scroll_caption { right: -56% !important; width: 650px !important; } .slide { min-height: 650px; } .account_slider { min-height: 650px; } .step_one_form_area, .step_two_form_area { width:100% !important; } #multistepform .join_group_right input[type="text"] { width: 67% !important; } .nav>li>a { padding: 10px 10px; font-size:14px; } .table-responsive .table-bordered>thead>tr>th, .table-responsive .table-bordered>tbody>tr>td .grid_label, .table-bordered>tbody>tr>td .grid_email, div#filter_setting .radio_scroll_text, div#view_reports .time_general_area label { font-size: 12px; } div#filter_block .allow_list_input a.next.left20 { float: right; margin-left: 0px; max-width: 34%; font-size: 14px; padding: 11px 0px; width: 100%; text-align: center; } .chaverim_report_box .col-sm-4 p span { display: inline-block; } .chaverim_report_box .col-sm-4 p label { display:inline-block; width:100%; } div#chaverim .chaverim_report_box span.report_email_check { width: 100% !important; position:absolute; top: -22px; right: -22px; } div#chaverim .chaverim_report_box p { text-align: center; position:relative; margin-bottom:15px; } .view_reports_details_box .detail_date { width: 100%; margin: 0; } .detail_report_date { padding: 0px 5px; } .row.view_reports_details_box a, .row.view_reports_details_box .for_select { margin:0; width:100%; display:inline-block; } .myaccount_wrapper .nav>li>a { padding: 13px 18px !important; } div#view_reports .time_general_area select.form-control { width: 77%; } .range_right ul li label {width: 18% !important;} .range_right ul li span {width: 82% !important; padding: 6px 10px 8px 10px !important; font-size: 13px !important;} .faq_tab .nav-tabs>li>a { padding:10px 6px !important; } } @media (max-width:1100px){ .slide ol { left: 5px; } } @media (max-width: 1024px) { #test-element { min-height: 590px !important; height: auto !important; } #home-banner div#bgImage0, #home-banner div#bgImage1 { background-position: 70% 0; } .how_work_static { display:block; } .feature-presenter-main-container { display:none; } .how_work_static { width: 100%; height: 100%; float: left; position: absolute; top: 0px; left: 0px; padding: 0 15px; text-align: left; } .how_work_box_one, .how_work_box_two, .how_work_box_three, .how_work_box_four, .how_work_box_five { width: 268px; height: auto; position: absolute; top: 10%; left: 40%; } .how_work_box_two { top: 29%; right: 1%; left: auto; } .how_work_box_three { top: 66%; right: 13%; left: auto; } .how_work_box_four { top: 66%; right: auto; left: 17%; } .how_work_box_five { top: 30%; right: auto; left: 5%; } .how_work_box_img { width:100%; float:left; } .how_work_text_desc { background-color:rgba(0, 0, 0, 0.8); color:#FFF; height:92px; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding:10px 15px; text-align:left; border-radius:7px; line-height:1.3; position: absolute; bottom: -55px; } .how_work_text_desc:after { bottom: 100%; left: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0, 0.8); border-bottom-color: #333333; border-width: 7px; margin-left: -7px; } } @media (max-width:991px){ .container { width: 100%; position:relative; } .middle-signupbar p { line-height: 58px; font-size: 23px; } .page_content_area img { width:100%; } .signup_btn { font-size: 18px; padding: 12px 25px; } .newsletter .email_icon { height: 56px; } .newsletter input[type=email] { max-width: 176px; font-size: 14px; } .newsletter a { padding: 14px 15px 14px 15px; font-size: 20px; } .newsletter h3 { font-size: 22px; padding-bottom: 7px; } .newsletter span { font-size: 13px; } .money_banner { left:3%; } .slide { min-height: 700px; } .account_slider { min-height: 700px; } .join_group_left { width: 40% !important; padding-right: 20px !important;} .join_group_right { width: 60% !important;} #multistepform .join_group_right input[type="text"] { width: 63% !important; } .switch_box span { font-size: 17px !important; } .donate_box_area { padding-right: 20px; } .donate_box_area .donate_head { font-size: 27px !important; padding-top: 11px !important; padding-left: 62px; } .donate_box_area .donate_subhead { font-size: 17px !important; padding-left: 62px; } .coupon_box_area .cupon_head { width:32% !important; } .coupon_box_area .cupon_form { width:46% !important; } .coupon_box_area .cupon_link { width:22% !important; } .coupon_box_area input[type="text"] { width: 56% !important; } .coupon_box_area .show_rates { font-size: 14px !important; } .coupon_box_area .show_rates { padding-left:0px !important; } .coupon_box_area .coupon_btn { padding: 8px 25px !important; } .radio_scroll_heading .head_gray, .radio_scroll_heading .head_dgreen, .radio_scroll_heading .head_lgreen, .radio_scroll_heading .head_yellow, .radio_scroll_heading .head_orange, .radio_scroll_heading .head_red { font-size: 14px; } div#filter_block .allow_list_input a.next.left20 { float: right; margin-left: 0px; max-width: 34%; font-size: 14px; padding: 11px 0px; width: 100%; text-align: center; } div#filter_block .full-block-list { width:100%; float:left; margin-bottom:15px; } div#filter_block .full-block-list .allow_list_input input { margin-bottom:15px; } div#filter_block .full-block-list .allow_list_input a.next.left20 { margin-bottom:0px; font-size: 18px; padding: 9px 0px; } .group_tbl_head .pull-left, .group_tbl_head .pull-right { width:100%; text-align:center; display:inline-block; margin: 5px 0px; } .group_tbl_head .pull-left .dataTables_info, .group_tbl_head .data_tbl { float:none; display:inline-block; padding: 0; } .group_tbl_head .data_tbl span, .group_tbl_head .data_tbl select { float: none; } .group_tbl_head .pull-left { width: 100%; position: relative;padding-bottom: 20px; } .group_tbl_head .pull-left .tbl_pager li { position:absolute; top:0; left:0; padding:0; } .group_tbl_head .pull-left .tbl_pager li:last-child { position:absolute; top:0; right:0; left:inherit; } .user_activation_pop span { width: auto; } .user_activation_pop ul { float: left; } .myaccount_wrapper .nav>li>a { margin-right: 13px !important; font-size: 13px !important; padding: 16px 10px !important; } .account_left_menu li a { font-size: 12px !important; padding: 10px 5px !important; } div#view_reports .time_general_area select.form-control { width: 70%; } #success_message { font-size: 12px !important; } div#timezone_picker_infowindow h2 { font-size: 15px; margin-top: 0px; } .faq_tab_label { width: 98%; } .faq_tab .nav-tabs>li>a { padding: 10px 2px !important; font-size: 14px !important; } .support_contact_right span { display: block; } } @media (max-width:966px){ .newsletter input[type=email] { max-width: 190px; font-size: 14px; } } @media (max-width:952px){ .range_left {height:252px !important;} .range_right ul li label {width: 22% !important;} .range_right ul li span {width: 78% !important; padding: 6px 10px 8px 10px !important; font-size: 13px !important;} .range_right ul li span:before {top: 5px !important;left: -10px !important;border-bottom: 10px solid transparent !important;border-right: 10px solid #e8e8e8 !important; border-top: 10px solid transparent !important;} } @media (max-width:930px){ .blue-bar h4 { padding-left:10px; } .blue-bar p { padding-left:10px; } .nav>li>a { font-size: 13px; padding: 10px 10px; } .tab-pane .group_select { max-width: 62%; } .grid_chkbox_white { width: 20px; } .time_weekly_area .full-user-form .weekly_time_input { width: 100%; } .subscription_payment h3 { font-size: 14px ; } .subscription_payment span, div#subscription .blue_button { font-size: 13px !important; } #roundBar { top: 40% !important; left: 35% !important; } #test-element { background:url(../images/slide_bg_static.jpg) no-repeat center 50px !important; } .how_work_box_one, .how_work_box_two, .how_work_box_three, .how_work_box_four, .how_work_box_five { width: 180px; } .how_work_text_desc { font-size: 12px; padding: 10px 10px; height: 95px; bottom: -75px; } .how_work_box_two { top: 32%; right: 5%; left: auto; } .how_work_box_five { top: 32%; } .how_work_box_four { top: 70%; right: auto; left: 10%; } .how_work_box_three { top: 70%; right: 12%; left: auto; } .how_work_box_img img { width:100%; } .faq_tab .nav-tabs>li>a { font-size: 13px !important; } #example_filter { max-width: 190px; } } @media (max-width:902px){ .range_left {height:281px !important;} .range_right ul li label {width: 22% !important;} .range_right ul li span {width: 78% !important; padding: 6px 10px 8px 10px !important; font-size: 13px !important;} .range_right ul li span:before {top: 5px !important;left: -10px !important;border-bottom: 10px solid transparent !important;border-right: 10px solid #e8e8e8 !important; border-top: 10px solid transparent !important;} .nav>li>a { font-size: 12px; padding: 7px 7px; margin-left: 0px; } .donate { margin-left:5px; } } @media (max-width:857px){ .signup_btn { font-size: 18px; } .middle-signupbar p { font-size:21px; } .faq_tab .nav-tabs>li>a { font-size: 11px !important; } } @media (max-width:847px){ .nLetter_left, .nLetter_right { width:100%; text-align: center; } .nletter_form { width: 450px; margin: auto; margin-top: 15px; } .newsletter input[type=email] { max-width:220px; } .time_pagination_area ul li a { font-size:12px; } .range_left {height:274px !important;} .range_right ul li label {width: 22% !important;padding-bottom: 10px;display: block;} .range_right ul li span {width: 78% !important; padding: 6px 10px 8px 10px !important; font-size: 12px !important;} .range_right ul li span:before { top: 5px !important; left: -10px !important; border-bottom: 10px solid transparent !important; border-right: 10px solid #e8e8e8 !important; border-top: 10px solid transparent !important; } .haskamos_video_signup { min-height: 427px; } } @media (max-width:822px){ .blue-bar h4 { padding-left:15px; font-size: 20px; } .blue-bar p { padding-left:15px; } } @media (max-width:815px){ .signup_btn, .next_btn { font-size: 16px; } .middle-signupbar p { font-size:19px; } } @media (max-width:797px){ .signup_btn { font-size: 16px; } .middle-signupbar p { font-size:20px; } .footer-logos ul li { padding-left: 10px; } } @media (max-width:786px){ .feature-presenter-mobile-container { display:none; } #test-element { background:url(../images/slide_bg_static.jpg) no-repeat center 50px !important; } .how_work_img { margin-top:0px; } #roundBar { top: 40% !important; left: 32% !important; } } @media (max-width:777px){ .signup_btn { font-size: 16px; } .middle-signupbar p { font-size:20px; } #home-banner div#bgImage0, #home-banner div#bgImage1 { background-position:69% 0; } } @media (max-width:767px){ #home-banner {position:relative;} #home-banner:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255,255,255, 0.7); transition: all .3s linear; z-index:1; } .feature-presenter-mobile-container { display:block; } .how_work_static { display:none; } .page_content_area img { width:100%; } .compatibility_issue_list ul li .fa { padding-bottom:10px; } .how-it-works h1, .latest-news h2, .endorsements h2, #inner_wrapper h1 { font-size:40px; } .comapatibility_box_head h2 { font-size: 28px; margin-top: 25px; } #home-banner div#bgImage0, #home-banner div#bgImage1 { background-position:72% 0; } .navbar-toggle { margin-top: 28px; margin-bottom: 29px; } .navbar-collapse .nav { padding-top:0px; width: 100%; background-color: #1879a9; } .navbar-nav { margin:0px; } .navbar-default .navbar-nav>li>a { color:#FFF; border-bottom:solid 1px #0f6792; } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { background:#231f20; color:#FFF !important; transition: all 0.3s ease; } .time_pagination_area ul li a { font-size: 14px; padding-bottom: 10px; display: block; } .nav>li { height: auto; width: 100%; float: left; } .navbar-nav .open .dropdown-menu { width:100% !important; float:left !important; background-color: #FFF !important; margin:0px !important; padding:0px !important; border-radius:0px !important; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #FFF !important; background-color: #0f6792 !important; } .dropdown-menu>li>a { padding: 8px 10px !important; border-bottom: solid 1px #ddd; } .dropdown-menu:after, .dropdown-menu:before { display:none; } .nav>li>a { margin-left:0px; font-size: 16px; padding: 18px 13px; } .nav .signup a, .nav .donate a { border-radius: 0px; text-transform:none; font-family: 'robotoregular'; box-shadow:none; background: none !important; border: none; color: #FFF !important; } .nav .signup a:hover, .nav .signup a:focus { background: #231f20 !important; border: none; } .nav .donate a:hover, .nav .donate a:focus { background: #231f20 !important; border: none; } .slide_captions h2 { font-size: 44px; line-height: 50px; text-shadow: 0px 1px 1px #FFF; z-index:2; position:relative; } .slide_captions a { text-shadow: 0px 1px 1px #FFF; box-shadow: 0px 0px 10px #FFF; z-index:2; position:relative; } .slide_captions p { text-shadow: 0px 1px 1px #FFF; z-index:2; position:relative; } #test-element { background:transparent !important; } .modal-open .modal { top: 30px; padding-left: 17px; padding-right: 17px; } .how-it-works h2 { margin-top:70px; } .how-it-works h2 { font-size: 38px; } .how_work_img { margin-top:0px; padding-bottom: 50px; } .how-it-works h1 { margin-top: 80px; } #roundBar{ display:none !important; } .account_slider { padding-bottom:0px; background:transparent; width:100% !important; } .account_slider::after, .account_slider::before { background: transparent; width: auto; right: 0px; } .banner1 { background-size:100%; } .banner2 { background-size:100%; } .account_slider h2 { margin-top: 51%; font-size: 30px; margin-bottom:10px; } .slide { min-height: 758px; } .slide ol { bottom: 15px; left: 50%; top: inherit; } .slide ol li { display:inline-block; margin-right:15px; } .slide .container { position:initial !important; } .slide_list { float: left; padding-bottom: 50px; } .blue-bar .col-sm-2 span { width:100%; float:left; text-align:center; padding-bottom: 20px; } .blue-bar h4 { width:100%; text-align:center; padding-left: 0px; font-size: 24px; } .blue-bar p { text-align:center; padding-left:0px; } .middle-signupbar p { text-align:center; } .middle-signupbar .col-sm-3 { text-align:center; padding-bottom: 20px; } .footer_scroll a { top: -120px; } .news_box { margin-bottom:30px; } .mis-current .scroll_caption { right: -58% !important; width: 650px !important; } .footer-nav { padding-top:10px; } .footer-nav h3 { width:100%; float:left; margin-top:30px; text-align: center; } .footer-nav ul li a { width: 100%; text-align: center; } .footer-logos ul li { width:100%; padding-left:0px; text-align:center; float:left; padding-bottom: 20px; } .footer-logos .signup a { margin-bottom: 0px; display: inline-block; } .footer-logos .donate a { margin-bottom: 10px; display: inline-block; } .footer-copyright p { text-align:center; padding-bottom: 15px; } .footer-copyright ul { margin: 0px auto; float: none; width: 117px; } .account_slider p { padding-right:0px; } .acountbox .mainbox { width:100% !important; padding-top: 35px; } .acountbox p { margin-bottom: 0px !important; } .join_group_left, .join_group_right { width:100% !important; } .join_group_left { padding-bottom:25px; } .join_group_right input { margin-bottom:0px !important; } .switcher { margin: 20px auto; float: none !important; width: 256px !important; display: inline-block; } .switch_box span { width:100% !important; padding-bottom: 15px !important; } .payment_btn_area { padding-left: 0px !important; text-align: center !important; } .total_box_area span { width:100%; float:left; text-align:center !important; } .donate_box_area .donate_icon::before { top: 30px !important; } .donate_box_area .donate_head , .donate_box_area .donate_subhead{ width: 48%; padding: 0px; float: right !important; clear: both; text-align: left !important; } .donate_box_area .donate_dropdown { margin-top: 0px !important; float: right !important; display: block; margin-bottom: 25px; max-width: 48% !important; clear: both; } .coupon_box_link { text-align: center; width:100% !important; float: none; } .coupon_box_area { padding:20px; } .coupon_box_area .coupon_head::before { margin:-20px 0 0 -20px; } .coupon_box_area .cupon_head, .coupon_box_area .cupon_form { width: 100% !important; } .coupon_box_area .coupon_head span { padding-top: 0px !important; padding-bottom: 25px; margin-left: -100px; } .coupon_box_area .cupon_link { width:100% !important; } .coupon_box_area .show_rates { padding-right:0px !important; text-align:center !important; padding-bottom: 0px !important; } .account_list_area .account_img { float: none !important; margin: auto; display: block; } .account_list_area .account_details_col { margin: 0px !important; width: 100%; text-align: center; padding-top: 15px; } .accountability_col .head, .accountability_col .filter_cancel { text-align:center; padding-top:15px; } .account_price_col { text-align:center; padding-top:15px; } .account_admin_col span { text-align:center !important; padding-top:15px; padding-bottom: 15px; } .account_admin_col .extrauser_remove { float: none !important; margin: 20px auto !important; display: block; width: 36px; } .coupon_box_area .show_rates { width:auto !important; } .coupon_box_area input[type="text"] { width: 45% !important; } .total_box_area .switch_toggle_btn { width: 230px; margin: auto; float: none; display: inline-block; margin-top: 10px; } .group_switch_box .switch_toggle_btn { width: 190px; margin: auto; float: none; display: inline-block; margin-top: 10px; } .display_report_area .display_reoport_lbl { padding-bottom:10px; } .clearreg { } .subscription_payment { padding-bottom:0px !important;} span.filter_add { text-align: center; display: inline-block; width: 100%; } h2.resp-accordion .radio label:before { bottom: 2px; } h2.resp-tab-active .radio label:before { content: "\2022"; color: #1879a9; font-size: 30px; text-align: center; line-height: 17px; font-family: arial; } .add_account a { right: 0px; left: 0; } .resp-vtabs.hor_1 { position:relative; } .resp-vtabs.hor_1 #bank_detail_form { top: 58px; left: 0; right: 0; width: 100%; } .navbar-brand>img { width: 190px; height: 60px; } .user_status_area .col-sm-4 { margin-bottom: 12px; border-bottom: 1px solid #CECECE; padding-bottom: 15px; display: inline-block; width: 100%; } .myaccount_wrapper .nav-tabs>li.active>a { border-bottom: 1px solid #D3D3D3 !important; line-height: 1.3 !important; border-top:solid 3px #1879a9 !important;} .myaccount_wrapper .nav>li>a { margin-bottom: 12px; width: 100%; border-bottom: 1px solid #D3D3D3; border-radius:8px; } .subscription_payment h3 { margin-bottom:0; } .subscription_payment .col-sm-3 { margin-bottom:20px; } div#subscription .account_head h2 { width:100%; } div#security .full-scrren select.form-control { height: 45px; } div#filter_block .full-block-list .allow_list_input a.next.left20 { padding: 8px 0px; } ul.group_summary_list li .summry_head, .group_tbl_head .data_tbl span { font-size:14px; } .switch_box, .report_current_time { text-align: center; } div#timezone .report_timezone_btn { display:inline-block; width:100%; } .switch_box {padding-top: 60px;} #error_message {top: 10px !important;} #security #error_message {top: -50px !important;} .report_option_details, .report_option_btn { margin-left: 0px; width: 100%; display: inline-block; margin-top: 12px; } .full-report-browsing { width:100%; text-align:center; display:inline-block; float:none; } div#view_reports .time_general_area select.form-control { width: 90%; } #view_reports .display_reoport .next_btn { margin-top: 0px; } .myaccount_wrapper .nav-tabs li a, .myaccount_wrapper .nav-tabs>li.active>a { font-size: 16px !important; } .myaccount_wrapper .nav-tabs li a { line-height:16px !important; } .myaccount_wrapper .nav-tabs>li.active>a { line-height:13px !important; } .user_activation_pop { width: 100%; display: inline-block; } .user_activation_pop ul { margin-left: 10px; } .detail_report_date { padding: 0px ; } .detail_report_date:first-child { padding-right:20px; } div#view_reports .time_general_area .col-sm-5 select.form-control { width:100%; } .range_left {height:348px !important;} .range_right ul li label { width:100% !important;} .range_right ul li span:before {display:none;} .range_right ul li span { width: 100% !important; background: none !important; padding-top: 16px !important; padding-left: 0px !important; padding-right: 0px !important; } .chaverim_email_address label, .email_remove_list_box { width:100% !important; } .processing_style { margin: auto; float: none; width: auto; display: table; } .donate_or_img img { width:auto !important; } .wallet-img, .moneyback-img, .pricing_content { width: 100%; text-align: center; } .donate_amount_box .donate_or_img { display:none; } .donate_amount_box .vertical-donate_or_img { display:block; } .donate_amount_box .vertical-donate_or_img img { width: inherit; max-width: 100%; } .donate_amount_box { text-align: center; } .top-buffer-img { width: 100%; text-align: center; margin-bottom: 10px; } .bottom-buffer { text-align: center; } .wifi-router-img { min-height: 100px; text-align: center; } .bar-code-img { width:100%; text-align:center; } .accordion-toggle .fa.fa-plus, .accordion-toggle .fa.fa-minus { display: inline-block; position: absolute; right: 8px; top: 16px; } .accordion-toggle { position: relative; padding: 15px 24px 15px 6px; } .partner_img_area { width: 100%; } .partner_box_content { margin-left: 0px; display:inline-block; margin-top:20px; } .testi_quote { text-align:left; } #example_filter { max-width: 100%; left: 0; } .group_tbl_area { margin-top: 140px; padding:0; } .table-responsive .table { width: 1000px !important; min-height: 260px; } .top { position: absolute; top: -81px; max-width: 100%; width: 100%; left: 0; right: 0; margin: auto; } .about_desc { text-align: left; } .support_head, .support_list { text-align: center; } .os_box_area:first-child { margin-bottom:40px; } } @media (max-width:746px){ .mis-current .scroll_caption { right: 7% !important; width: 600px !important; } } @media (max-width:736px){ .newsletter input[type=email] { max-width: 240px; } } @media (max-width:700px){ .mis-current .scroll_caption { right: 12% !important; width: 500px !important; } .scroll_caption .desc { font-size:17px !important; } .mis-stage { height: 550px !important; } } @media (max-width:660px){ .mis-current .scroll_caption { right: 13% !important; width: 450px !important; } .scroll_caption .desc { font-size:15px !important; line-height:25px !important; } .tab-pane .group_select { max-width: 72%; } .mobile-full .blue_button { max-width: 24%; text-align: center; padding: 10px 0px; width: 100%; } .mobile-full, .btn-group.half-two-btn { width: 100%; text-align: center; display: inline-block; } .mobile-full { margin-bottom:25px; } .mobile-margin-bottom .form-control { margin-bottom:0px; } .mobile-center { float:none; } div#filter_block .full-block-list .allow_list_input a.next.left20 { padding: 10px 0px; font-size: 16px; } div#iamchaver .chaverim_email_add a.next.left20.next_btn {padding: 12px 0px; width: 100%; text-align: center; } .display_report_area .full-report-area .display_reoport_lbl, .display_report_area .full-report-area .display_reoport_input { width:100%; float:left; } div#group_summary .group_tbl_head .data_tbl .dataTables_length span { font-size: 12px; width: 100px; float:left; margin-bottom: 15px; } div#group_summary .dataTables_length select { padding: 7px 35px 7px 15px; width: 200px; margin-bottom: 15px; } .display_report_area .keyword_search, .col-xs-8.full-report-area, .group_tbl_head .data_tbl { width:100%; } .dataTables_length { text-align: center; display: inline-block; } .user_activation_pop ul { margin-left: 0px; text-align: left; width:100%; } } @media (max-width:617px){ .range_left {height:364px !important;} .support_contact_left:before, .support_contact_right:before { background-position:center; width:100%; } .support_contact_left, .support_contact_right, .support_contact_right span { text-align:center; font-size:14px; } } @media (max-width:600px){ .mis-current .scroll_caption { right: 14% !important; width: 400px !important; } .scroll_caption .desc { font-size:15px !important; } .endorsements h2 { font-size:30px;} .middle-signupbar p { line-height: 30px; padding-bottom: 20px; } } @media (max-width:586px){ .range_left {height:378px !important;} } @media (max-width:563px){ .range_left {height:394px !important;} } @media (max-width:501px){ .range_left {height:411px !important;} } @media (max-width:580px){ .donate_box_area .donate_head, .donate_box_area .donate_subhead { width: 100%; padding: 0px; float: right !important; clear: both; text-align: center !important; } .donate_box_area .donate_dropdown { margin-top: 0px !important; float: right !important; display: block; margin-bottom: 25px; max-width: 100% !important; clear: both; } .donate_box_area { padding-left:20px; } .donate_box_area .donate_icon::before { content: ""; background: url(../images/donate_icon.png) top center; width: 235px; height: 139px; position: inherit !important; display: block; margin: auto; clear: both; top: 0px; margin-top: 15px; } div#iamchaver .chaverim_email_add input, div#iamchaver .chaverim_email_add a.next.left20.next_btn { max-width: 100%; width:100%; margin-left: 0; } .chaverim_email_add span.error label { left: auto !important; right: 16px !important;} .chaverim_email_add span.error img {left: auto !important; right:23px !important;} } @media (max-width:550px){ .mis-current .scroll_caption { right: 5% !important; width: 450px !important; } .scroll_caption .desc { font-size:16px !important; } .scroll_caption h3 { font-size:20px !important; } .coupon_box_area input[type="text"] { width:100% !important; } .coupon_box_area .coupon_btn { margin: auto; float: none !important; display: inline-block; margin-top: 25px; } .coupon_box_area .coupon_head span { margin-left:-50px !important; } } @media (max-width:533px){ .step_two_form_area .accordion .chkbox_need { padding: 7px 0px 0px 10px; margin-bottom: 0; } .step_two_form_area .accordion .item .heading { height: inherit; line-height: 30px; } .step_two_form_area .accordion .chkbox_need label { line-height: 24px; } .chkbox_filter label, .chkbox_joingroup label { padding-left:15px !important; } .step_two_form_area .accordion .item .heading .need_icon { left: 0; width: 100% !important; margin: auto !important; text-align: center; padding-top: 4px;} .need_icon img { opacity: 0; } .chkbox_filter label:before, .chkbox_joingroup label:before, .chkbox_need label:before { left: 0px !important; top: 0px !important; } .chkbox_filter label { font-size: 15px !important; } .add_month { font-size: 14px !important; padding-left: 38px; float: left; clear:both; } .chkbox_need label, .chkbox_joingroup label { font-size: 14px !important; padding-left: 30px !important; padding-bottom: 15px; text-align: left; } #multistepform .join_group_right input[type="text"] { width:100% !important; margin-bottom:20px !important; } #multistepform .join_group_right input.button { width:100% !important; } .call_group_head { font-size:17px !important; } .acountbox p { padding:0 20px; } .step_two_light_bar .checkbox { float: none; overflow:hidden; text-align: left; } div#filter_block .full-block-list .allow_list_input a.next.left20 { padding: 10px 0px; font-size: 16px; } div#view_reports .time_general_area select.form-control { width: 85%; } } @media (max-width:520px){ .mis-current .scroll_caption { right: 5% !important; width: 400px !important; } .scroll_caption .desc { font-size:16px !important; } .scroll_caption h3 { font-size:20px !important; } .payment_form .input_170, .payment_form .input_270 { width:100% !important; } .payment_form .col-xs-6, .payment_form .col-xs-4, .payment_form .col-xs-8, .thanks_form .col-xs-6 { width:100% !important; } .detail_report_date:first-child { padding-right:0px; } .heading .need_icon { text-align: center; display: inline-block; } .step_two_form_area .accordion .item .heading { min-height: 45px; height:inherit; padding-left: 0px; } .step_two_form_area .accordion .chkbox_need label { padding: 0; line-height: 2px; } .step_two_form_area .accordion .chkbox_need label:before { top: -10px !important; } .step_two_form_area .accordion .chkbox_need { position: absolute; bottom: 4px; text-align: left; } .acountbox .mainbox .circlebox { width: 120px; height: 120px; } .mainbox span, .acountbox .mainbox { margin-top: 10px; } .heading .need_icon { padding-top:0px; } span.add_filter { margin-left: 18px; } #thanks_form_detail { font-size: 11px; } .half-two-btn button.btn { font-size: 14px !important; } .subscription_payment .col-sm-3:last-child { margin-bottom: 0px; } div#subscription .full-scrren { padding-bottom:10px; } div#subscription .full-scrren, div#security .full-scrren { width:100%; position:relative; text-align:center; } .subscription_payment { padding-bottom:20px !important;} div#subscription .full-scrren:after { content:""; position:absolute; left:0; right:0; bottom:0; width:200px; height:1px; background:#C5C5C5; margin:auto; } div#filter_block .full-block-list .allow_list_input, .group_summary_list li p { width: 100%; float: left; } .allow_list_input span.error label { right: 38%; top: -5%; } .allow_list_input span.error img { right: 40%; position: absolute; top: 46px; } div#security .form-control { margin-bottom: 15px; } .time_general_area .full-time-general, .detail_report_date, .full-user-form { width:100%; } .page_desc_large, .page_desc_large, .pricing_content, .pricing_content p, .price_month_text .month_text { font-size: 16px; } .view_report_details .rating_legend_tbl table { width: 1000px; } .view_report_details .rating_legend_tbl { overflow: auto; } div#group_summary .dataTables_length select { width: 150px; } .full-scrren.security_username { margin-bottom: 15px; } .support_contact_details .normal, .support_contact .head, .support_content .blue { font-size: 16px; } .support_head h3 { font-size: 18px; } .support_contact_left, .support_contact_right { width:100%; } .testi_img_box { width: 50px; height: 50px; } .testi_content { margin-left: 56px; } .testi_quote:before { width: 20px; height: 20px; background-size: contain; } .testi_quote_box:after { top: initial; bottom: 8px; } .testi_quote_box:before { top: initial; bottom: 6px; } .testi_quote p, .testi_quote span { padding-left: 25px; font-size: 14px; margin-bottom: 0; } .testi_quote_box { padding: 10px; } .support_list ul li { font-size:16px; } .group_heading_box { margin-bottom: 15px; padding: 10px; } .hvr-icon-forward { font-size: 14px; } .signup_form_btn_area.check-website input.form-control { width: 100%; } #example_wrapper .dataTables_length { text-align: right; width: 100%; } #example_wrapper .dataTables_paginate { position: absolute; top: 10px; left: initial; right: 15px; } .top { top: -115px; } .group_tbl_area { margin-top: 175px; } .text-center.comparison-chart-box { overflow: auto;} .text-center.comparison-chart { width: 1000px; } } @media (max-width:480px){ .nletter_form { width: 100%; float: left; } .newletter_input { width: auto; margin-left: 48px; float: none; display: block; } .newsletter input[type=email] { max-width: 100%; padding: 13px 15px 12px 15px; } .nletter_form a { padding: 10px 15px; width: 100%; clear: both; margin: 20px auto 0; float: none; font-size: 18px; } .nletter_form .email_icon { height: 45px; line-height: 44px; font-size: 20px; width: 48px; } div#subscription .mobile-right-width .blue_button { width: 100%; margin:0 0 5px 0 !important; } .full-user-detail { width:100%; } .col-xs-6.full-user-detail { float: none;} .range_left {height:428px !important;} .range_right ul li label { width:100% !important;} .range_right ul li span:before {display:none;} .range_right ul li span { width: 100% !important; background: none !important; padding-top: 16px !important; padding-left: 0px !important; padding-right: 0px !important; } .mobile-info .col-lg-3.col-sm-4.col-xs-6 { width:100%; } .bs-example.bs-example-tabs.country_tab ul.country-tab-navigation li { width: 32%; } .support_list ul li ul li { margin-left: 0px !important; } } @media (max-width:465px){ .mis-current .scroll_caption { right: 6% !important; width: 320px !important; } .scroll_caption .desc { font-size:15px !important; line-height: 22px !important; } .scroll_caption h3 { font-size:20px !important; } .slide_captions h2 { padding-top: 25%; } .blue-bar h2 { font-size: 36px; } .needdownload { width: 220px; margin: auto; padding-top: 20px; } button.modal_btn { margin-bottom:10px; margin-left:0; width:100%; text-align:center; max-width:100%; } } @media (max-width:414px){ .mis-current .scroll_caption { right: 6% !important; width: 320px !important; } .slide { min-height: 790px; } .account_slider h2 { margin-top: 56%; } div#filter_block .full-block-list .allow_list_input input, div#filter_block .full-block-list .allow_list_input a.next.left20 { max-width:100%; margin-top:12px; } .allow_remove_area { margin-top:12px; } div#view_reports .time_general_area select.form-control { width: 80%; } .allow_list_input span.error label { right: 4%; top:0%; } .allow_list_input span.error img { right: 7%; position: absolute; top: 58px; } .group_tbl_area { margin-top: 250px; } .top { top: -140px; } } @media (max-width:400px){ .range_left {height:446px !important;} ul.country-tab-navigation li a p { font-size:12px !important; } } @media (max-width:371px){ .range_left {height:462px !important;} } @media (max-width:359px){ .range_left {height:480px !important;} } @media (max-width:357px){ .range_left {height:496px !important;} } @media (max-width:334px){ .range_left {height:512px !important;} .bs-example.bs-example-tabs.country_tab ul.country-tab-navigation li { width: 100%; margin-bottom: 18px; } } @media (max-width:380px){ #multistepform .button, div#user_details a.next.next_btn, div#security a.next.next_btn, div#filter_lock a.next.next_btn, div#filter_time a.next.next_btn, div#chaverim a.next.next_btn, div#timezone a.next.next_btn, div#report_option a.next.next_btn, div#view_reports a.next.next_btn, #view_reports .display_reoport .next_btn { width:100% !important; text-align:center !important; margin:0 0 20px 0 !important; } .signup_form_btn_area { padding: 35px 0px 0px 0px !important; } .step_two_form_area .accordion .chkbox_need label:before { top: 3px !important; } .step_two_form_area .accordion .chkbox_need { width: 230px; } .step_two_form_area .accordion .chkbox_need label { line-height: 15px; } .mobile-full .half-two-btn button.btn, .tab-pane .group_select, .mobile-full .blue_button, .mobile-full .btn-group.pull-right, .mobile-full .next_btn { width: 100%; max-width:100%; } .btn-group.half-two-btn button.btn { border-radius: 4px !important; margin-bottom:12px; } .mobile-full.keyword_search { margin-bottom:0px;} .mobile-margin-bottom .mobile-full .form-control { margin-bottom:10px; } div#group_summary .group_tbl_head .data_tbl .dataTables_length span { float:none; font-size:16px; } div#group_summary .dataTables_length select, div#group_summary .dataTables_length, .display_reoport { width: 100%; } div#zonepicker { height: 370px !important; } .coupon_box_area .coupon_head span {margin-left: -25px !important; } } @media (max-width:370px){ .mis-current .scroll_caption { right: 10% !important; width: 250px !important; } .scroll_caption .desc { font-size:14px !important; line-height: 18px !important; } .scroll_caption h3 { font-size:17px !important; } .money_banner { left: 4%; } .add_filter_icon, .join_group_icon { display:none; } .step_two_form_area .accordion .chkbox_need { bottom: 0px; } .checkbox.chkbox_filter label, .step_two_dark_bar.group_join label{ margin-left: 7px; } div#zonepicker { height: 360px !important; } } @media (max-width:332px){ .navbar-brand { padding-right:0px; } .navbar-brand img { /*width:220px; height:67px;*/ width: 190px; height: 60px; margin-top: 2px; } .mobile-full .next_btn { font-size:14px; padding: 9px 0px; } } @media (max-width:320px){ .account_slider h2 { font-size:21px; margin-top:60%; } .slide { min-height: 820px; } .latest-news h2, .endorsements h2 { margin-top: 30px; font-size:30px; } .newsletter h3 { font-size:20px; } .mis-current .scroll_caption { right: 5% !important; } div#zonepicker { height: 310px !important; } } /*==================================== Media Query Css Start here ===================================*/ .wifi-router-img img, .group-admin-img img, .top-buffer img, .understanding_content img, .testi_img_box img, .top-buffer-img img, .wallet-img img, .moneyback-img img { max-width:100%; } .vertical-donate_or_img { display:none; } .haskamos_video video { height:272px; } p.group-price-bold { font-size:18px; font-family: 'robotomedium'; } .wifi-router p a{ display:block; } .wifi-router-img { min-height: 101px; } p.small-word { font-weight:300; font-size:12px; } .subscription_payment { margin-top:0px !important; } .subscription_payment, .subscription_payment .resp-tabs-list, .payment_form { width:100%; float:left; background: #f0efeff5; /*transparent; */ padding: 12px; } .payment_form { background: transparent; } .subscription_payment .resp-tabs-list { margin-left:0px; padding-left: 0px; } .error_position { position: initial !important; top: 0px !important; margin-bottom: 0px !important; margin-top: 20px; display: inline-block; } p.small-word { font-weight:300; font-size:12px; margin:20px 0px; } .signup_form_btn_area.check-website input { width: 70%; vertical-align: top; } .browser-box { text-align: center; } .web-safty-img { text-align:center;} .web-safty-img img{ max-width:100%; } p.note-tip i.fa{ color: #F00; } .mobile-box-info { border: solid 1px #eee; text-align: center; margin-bottom:20px; padding: 0px 10px; } .mobile-img { border-bottom:1px solid #1879A9; padding: 20px 0px; height: 180px; position:relative; } .mobile-img img { position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; margin:auto; max-width:100%; max-height:100%; } .mobile-box-info a { color:#333; font-size: 14px; } .mobile-box-info:hover { background: #fcfcfc; background: -moz-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eeeeee)); background: -webkit-linear-gradient(top, #fcfcfc 0%,#eeeeee 100%); background: -o-linear-gradient(top, #fcfcfc 0%,#eeeeee 100%); background: -ms-linear-gradient(top, #fcfcfc 0%,#eeeeee 100%); background: linear-gradient(to bottom, #fcfcfc 0%,#eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eeeeee',GradientType=0 ); } .mobile-box-info ul { margin:0; padding: 10px 0; width:100%; } .mobile-box-info ul li { list-style:none; text-align:left; font-size: 12px; } .mobile-box-info li.access:before, .mobile-box-info li.denide:before { font: normal normal normal 12px/1 FontAwesome; padding-right: 8px; } .mobile-box-info li.access:before { content: "\f058"; color:#1fa67a; } .mobile-box-info li.denide:before { content: "\f057"; color:#d44950; } .mobile-name { background:#1879A9; color:#fff; padding: 5px 0px; font-size: 14px; } .top-buffer-img { text-align: center; } .comparison-chart-box .comparison-chart th { text-align: center; border-bottom: 1px solid #e5e5e5; padding:15px 0; width: 50%; background: #fcfcfc; background: -moz-linear-gradient(top, #fcfcfc 0%, #e7e7e7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e7e7e7)); background: -webkit-linear-gradient(top, #fcfcfc 0%,#e7e7e7 100%); background: -o-linear-gradient(top, #fcfcfc 0%,#e7e7e7 100%); background: -ms-linear-gradient(top, #fcfcfc 0%,#e7e7e7 100%); background: linear-gradient(to bottom, #fcfcfc 0%,#e7e7e7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e7e7e7',GradientType=0 ); border-top-left-radius: 5px; border-top-right-radius: 5px; } .comparison-chart-box .comparison-chart { border: 1px solid #e5e5e5; } .comparison-chart-box .comparison-chart tbody>tr>td { vertical-align: middle; font-size:14px; } .comparison-chart-box .comparison-chart tbody>tr>td:first-child, .comparison-chart-box .comparison-chart thead>tr>th:first-child { border-right:1px solid #e5e5e5; } div#proclamation_letter .modal-body { padding: 5px; } div#proclamation_letter img.kol_koreh { max-width: 100%; } .weekly_graph img{ width:100%; display:inline-block; } .weekly_time_graph { display: -webkit-flex; /* Safari */ display: flex; text-align:center; width:100%; padding: 0px 15px; background-color: #4da109;} .weekly_time_graph a { -webkit-flex: 1; /* Safari 6.1+ */ -ms-flex: 1; /* IE 10 */ flex: 1; height:20px; background:#4da109; } .weekly_time_graph a.active { background:#ab0000; }