.svg-button{
width:100px;
background:#FF6700;
color:#FFFFFF;
padding: 6px 12px;
margin-bottom: 0;
font-size: 16px;
font-weight: bold;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
border-radius: 10px;
}
.panel-blue{background:#00CCFF;color:#FFFFFF; }
.panel-yellow{background:#f0ad4e; }
.panel-green{background:#5cb85c; }
.panel-marron{background:#7D0080; }
.panel-red{background:#FF2500; }
.panel-yellow,.panel-green, .panel-marron, .panel-red > .panel-heading {
color: white;
}
.panel-heading a{color:#FFFFFF; }
/* form */
#geometry_cons .playbutton{position:relative;width:100%;background:#6A6A6A;text-align:center; }
#geometry_cons .btn {display: inline-block; position: relative;background:#6A6A6A; width:35px; height:35px;padding:1px;}
#geometry_cons .btn:hover {background: linear-gradient(#f5f5f5, #b9b9b9), #c9c5c9; }
#geometry_cons .btn:before, button:after {content: " "; position: absolute; }
#geometry_cons .btn:active {top:0px; }
#geometry_cons .play:before {left:7px; top:7px; width: 0px; height: 0px; border: 10px solid transparent; border-left-width: 20px; border-left-color:#ffffff; }
#geometry_cons .play:hover:before {border-left-color:#80FFFF; }';
.header-group-mheading{font-size:26px;font-weight:600;color:#3A3A3A;display:block; }
.header-group-msubject{font-size:22px;font-weight:800;color:#6F6F6F;}
.header-group-subject{font-size:20px;font-weight:600;color:#666666; }
.spagecontent p{font-size:16px;font-weight:normal;color:#666666;line-height:35px; }
.overlay {
position: relative;
z-index: 1;
}
.overlay:after {
background-color: rgba(0, 0, 0, 0.8);
content: "";
left: 0;
position: absolute;
top: 0;
height: 100%;
width: 100%;
z-index: -1;
}
.section-padding {
padding: 30px 0;
}
.tsection-padding {
background:url('../images/tbg.png');
padding:30px 0;
}
.ttsection-padding {
padding:30px 0;
}
.tttheme{
background:url('../images/ttbg.png') no-repeat;
object-position: center center;
width:100%;
height:100%;
}
.titlet{
margin:280px 0 40px 150px;
}
.titlep{
margin:0px 0 40px 150px;
font-size:18px;
}
.section-title {
font-size: 15px;
font-weight: 300;
margin-bottom:30px;
}
.tbutton {
width:30%;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
font-family: Montserrat, sans-serif;
font-weight: 700;
padding:10px;
margin:20px 0 0 -15px;;
background-color: #FFC800;
border-color: transparent;
text-align:center;
}
.tbutton a{font-size:18px;font-weight:700;color: #fff;text-align:center; }
.teacherp {
background-color: #f5f5f5 !important;
align-items: stretch;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.section-title h2 {
margin-bottom: 10px;
position: relative;
text-transform: uppercase;
}
.section-title p {
margin-top: 10px;
}
.section-title .title-line {
color: #FF8000;
position: relative;
}
.section-title .title-line::after {
background-color: #333;
content: "";
height: 2px;
left: -60px;
position: absolute;
top: 10px;
width: 50px;
}
.section-title .title-line::before {
background-color: #333;
content: "";
height: 2px;
position: absolute;
right: -60px;
top: 10px;
width: 50px;
}
.overlay .section-title h2,
.overlay .section-title p {
color: #fff;
}
.overlay .section-title .title-line::after,
.overlay .section-title .title-line::before {
background-color: #fff;
}
.scroll-top {
bottom: 50px;
cursor: pointer;
display: none;
position: fixed;
right: 30px;
width: 30px;
z-index: 9999;
}
/*== search css ==*/
.search-wrapper {
width: 100%;
height: 70px;
position: fixed;
z-index:999;
top: -80px;
left: 0;
background-color: #40ba37;
-webkit-transition-duration: 700ms;
transition-duration: 700ms; }
.search-wrapper form {
position: relative;
z-index: 1; }
.search-wrapper form input {
width: 90%;
height: 40px;
border: 2px solid #ffffff;
font-size: 12px;
font-style: italic;
padding: 0 20px;
margin: 15px 0; }
.search-wrapper form button {
position: absolute;
width: 60px;
height: 40px;
z-index: 1;
top: 15px;
border: none;
right: 10%;
cursor: pointer;
outline: none; }
.search-wrapper .close-btn {
position: absolute;
width: 70px;
height: 100%;
background-color: #000000;
line-height: 50px;
color: #ffffff;
text-align: center;
cursor: pointer;
line-height: 70px;
font-size: 12px;
right: 0;
top: 0;
z-index: 100; }
.search-wrapper.on {
top: 0; }
/* :: 5.0 Header Area CSS */
.flash-news {
position: relative;
z-index: 1; }
.flash-news .ticker {
width: 100%;
text-align:center;
position: relative;
overflow: hidden; }
.flash-news .ticker ul {
width: 100%;
position: relative;
z-index: 1; }
.flash-news .ticker ul li {
display: none;
width: 100%; }
.flash-news .ticker ul li a {
font-size: 15px;
color: #b6b6b6;
font-style: italic; }
.flash-news .ticker ul li a:hover, .flash-news .ticker ul li a:focus {
color: #40ba37; }
.mlogo{display:none;text-align:center; margin-top:-65px;}
.main-menu {
position: relative;
width: 100%;
z-index: 100;
height:80px; }
.main-menu a {
color: #000;
}
.main-menu .classy-nav-container {background-color: transparent; }
.main-menu .classy-navbar {height:80px; padding: 0; }
.main-menu .classy-navbar .classynav ul li a {
font-weight: 600; }
.main-menu .classy-navbar .classynav ul li a:hover, .main-menu .classy-navbar .classynav ul li a:focus {
font-weight: 600; }
.main-menu .classy-navbar .classynav > ul > li > a {
text-transform: none;
padding: 12px 10px 11px;
background-color: transparent;
border-bottom: 3px solid transparent;
line-height: 1;
color: #474747;
font-weight: 600; }
.main-menu .classy-navbar .classynav > ul > li > a:hover, .main-menu .classy-navbar .classynav > ul > li > a:focus {
font-size: 15px;
color: #ffffff;
background-color: #40ba37;
border-bottom: 3px solid #1c8314; }
.main-menu .classy-navbar .classynav > ul > li > a:hover::after, .main-menu .classy-navbar .classynav > ul > li > a:focus::after {
color: #ffffff; }
.main-menu .classy-navbar .classynav > ul > li.active > a {
color: #ffffff;
background-color:#FF6C00;
border-bottom: 3px solid #FF6C00; }
.main-menu .classy-navbar .classynav > ul > li.active > a::after {
color: #ffffff; }
.main-menu .classynav .search-btn {
color: #b6b6b6;
margin-left: 15px;
cursor: pointer;
-webkit-transition-duration: 500ms;
transition-duration: 500ms; }
.main-menu .classynav .search-btn i {
-webkit-transition-duration: 500ms;
transition-duration: 500ms; }
.main-menu .classynav .search-btn:hover i, .main-menu .classynav .search-btn:focus i {
color: #40ba37; }
.dropdown li a{color:#000000 !important; }
.dropdown li a::after{color:#000000 !important; }
.single-mega li a{color:#000000 !important; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.main-menu .classynav .search-btn {margin-left: 50px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.main-menu .classynav .search-btn {margin-left: 30px;margin-top: 30px; }
.breakpoint-on .classynav ul li.cn-dropdown-item > a::after, .breakpoint-on .classynav ul li.megamenu-item > a::after {top: 10px; }
.main-menu a{color:#000000 !important; }
.classynav ul li.has-down > a::after, .classynav ul li.megamenu-item > a::after {color: #000 !important;}
}
@media only screen and (max-width: 767px) {
.search-wrapper form input {width: 80%; }
.search-wrapper form button {right: 20%; }
.main-menu {height: 80px; }
.main-menu .classy-navbar {height: 80px; }
.main-menu .classynav .search-btn {margin-left: 30px;margin-top: 30px; }
.nav-brand img {max-width: 90px; }
.breakpoint-on .classynav ul li.cn-dropdown-item > a::after, .breakpoint-on .classynav ul li.megamenu-item > a::after {top: 10px; }
.main-menu a{color:#000000 !important; }
.classynav ul li.has-down > a::after, .classynav ul li.megamenu-item > a::after {color: #000 !important;}
}
/*== Header Top CSS Start ==*/
#header-area{background:#ffffff;z-index:111; }
#header-area,
#header-area a {
color: #fff;
}
#header-top {
background-color:#00B6FF;
padding: 20px 0;
}
#header-top i {
color: #ffd000;
font-size: 15px;
margin-right: 2px;
}
#header-area .header-social-icons a i.fa {
color: #fff;
font-size: 15px;
margin-left: 10px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
#header-area .header-social-icons a:hover i.fa,
#header-area .mainmenu ul li.active a,
#header-area .mainmenu ul li:hover a {
color: #ffd000;
}
header.fixTotop #header-top {
display: none !important;
}
/*== Header Bottom CSS Start ==*/
#header-bottom {
background-color:#fff;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}
#header-bottom a{
color:#000;
}
header.fixTotop #header-bottom {
background-color: rgba(0, 0, 0, 1);
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.toggle_box {
position: relative;
width: 100%;
left: 0;
top: 0;
z-index: 200;
box-shadow: none;
display: inline-table;
padding: 5%;
background: #fff;
opacity: 1;
}
.newuser-box {
width: 30%;
float: left;
border-right: solid 1px;
border-left: solid 1px;
padding: 1%;
margin-left: 40%;
}
.title {
font-size: 1.5em;
font-weight: 700;
color: #008000;
}
.ttitle {
font-size: 1.5em;
font-weight: 700;
color:#00D1FF;
}
.hpgh{font-size:18px; }
.toggle_box-content {
padding: 2% 0 5% 0;
font-size: 1.2em;
font-weight: 500;
}
.timg{width:350px;height:200px;text-align:center;vertical-align:middle; }
.olduser-box {
width: 25%;
float: left;
padding: 1%;
}
.logo {
display: inline-block;
}
.logo_text
{
font-family: 'Roboto Slab', serif;
font-size:28px;
font-weight: 800;
line-height: 0.75;
letter-spacing:-1px;
color:#FF3700;
vertical-align: middle;
margin-left:0px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.logo_text span
{
color:#000040;
}
.mainmenu ul li {
float: left;
position: relative;
}
.mainmenu ul li a {
display: block;
font-weight: 700;
margin-left: 25px;
padding: 15px 0;
text-transform: uppercase;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.mainmenu ul li ul {
background-color: #fff;
-webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
left: 0;
opacity: 0;
position: absolute;
top: 52px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
visibility: hidden;
width: 220px;
z-index: 9999;
}
.mainmenu ul li ul::after {
border-bottom: 10px solid #fff;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
content: "";
left: 25px;
position: absolute;
top: -10px;
}
.mainmenu ul li:hover ul {
opacity: 1;
visibility: visible;
}
.mainmenu ul li ul li {
float: none;
}
.mainmenu ul li ul li a {
color: #000 !important;
font-size: 12px;
font-weight: 600;
margin: 0;
padding: 10px 25px;
}
.mainmenu ul li ul li.active a,
.mainmenu ul li ul li a:hover {
background-color: #ffd000;
}
#header-bottom .container {
position: relative;
}
/*== features Start ==*/
.hmain_view {
position: relative;
margin: 0px 0 0;
background-size: auto;
background-size: 100%;
}
.home-button {position:absolute;top:-270px; height: auto !important;z-index:1;}
.home-button a {background:#400080;border:2px solid;border-radius: 3px;color: #fff;letter-spacing: 2px;padding: 12px 30px;text-transform: uppercase;}
.home-button a:last-child {margin-left: 20px;}
.home-button a:hover {background: #ffffff none repeat scroll 0 0;border-color:#004080;color: #004080;}
.sldh{
position:absolute;top:-440px;text-align:left;text-transform: uppercase; font-size:48px;font-weight:900; color:#ffffff;
}
.sldhs{
position:absolute;top:-380px; font-size:28px;font-weight:900;color:#FFFFFF;text-align: left;
}
.sldht{
position:absolute;width:60%;top:-140px; font-size: 28px;color: #FFFFFF;text-align: left;line-height: 36px;
}
.feature-box {
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
color: #222;
margin-bottom:20px;
padding:25px 25px;
}
.feature-box .img-box {
height : 90px;
overflow : hidden;
text-align : center;
}
.feature-box img {
height : auto;
max-width : 100%;
vertical-align : middle;
}
.feature-box h3 {
color: #000;
font-size:20px;
font-weight: 600;
margin: 20px 0 15px;
text-align:center;
}
.feature-box p{text-align:justify;min-height:160px; }
.feature-box i.fa {
color: #ffd000;
}
.feature-box .read-more {
font-family : 'Raleway', sans-serif;
color : #09afdf;
font-size : 18px;
font-weight : 300;
text-align:center;
}
.feature-box .read-more:hover, .read-more:focus {
color : #0a376a;
font-weight : 700;
}
.feature-box .feature-btn{text-align:center;margin-top:3%; }
.feature-box .feature-btn a {
background-color:#0080FF;
border-radius:10px;
color: #fff;
display: inline-block;
font-size: 13px;
font-weight: 600;
margin-right: 20px;
padding:10px;
text-transform: uppercase;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
text-align:center;
}
.feature-box .feature-btn a:hover {
background-color:#000040;
color:#FFFFFF;
}
/*== product Start ==*/
.acctitle {
background : rgba(106, 197, 170, 0.8);
border-left : 3px solid #414042;
padding : 2px 0;
}
.text {
font-size : 22px;
color : #262c38;
letter-spacing : 1px;
position : relative;
padding : 20px 14px;
color : #414042;
width : 100%;
text-align : left;
font-size : 20px;
}
.info{
width : 100%;
list-style : none;
padding-top : 2%;
padding-left : 0;
text-align : left;
}
.info li {
padding : 2% 0 2% 5%;
font-size : 14px;
font-family : 'Raleway', sans-serif;
line-height : 22px;
}
/*== benefit Start ==*/
#benefits-area{background : #192138;padding:2% 0; }
.ser_head {
font-size : 2.1em;
color : #262c38;
letter-spacing : 1px;
text-transform : uppercase;
position : relative;
font-weight : 800;
text-align : center;
}
.ser_head span {
color : rgba(0, 255, 255, 0.65);
}
h3.ser_head {
color : #fff;
}
h3.ser_head {
background : url('../images/bg_h3-divider.png') bottom center no-repeat;
margin : 15px 0 22px;
padding : 0 0 15px;
}
.ser_box {
min-height : 1px;
padding-right : 1%;
padding-left : 1%;
border : none;
box-shadow : none;
border-radius : 0;
padding : 0;
overflow : visible;
text-align : center;
}
.ser_box .icon {
width : 80px;
height : 80px;
border-radius : 50%;
background : #ff7c28;
margin : 0 auto;
text-align : center;
position : relative;
}
.icon i.fa {
color : #fff;
font-size : 1.5em;
}
.ser_box .icon img {
position : relative;
z-index : 100;
transition : all 0.3s 0s ease;
}
.ser_box span {
color : rgba(255, 255, 255, 0.9);
line-height : 77px;
font-size : 1.8em;
z-index : 9999;
}
.ser_box span:before {
color : rgba(255, 255, 255, 0.55);
line-height : 77px;
font-size : 1.8em;
z-index : 9999;
}
.ser_box .icon:before {
content : '';
width : 102%;
height : 102%;
border-radius : 50%;
background : rgba(255, 255, 255, 0.65);
position : absolute;
top : -1px;
left : -1px;
z-index : 10;
transform : scale(0);
transition : all 0.3s 0s ease;
}
.ser_box:hover .icon img {
transform : scale(0.9);
}
.ser_box:hover .icon:before {
transform : scale(1);
}
.ser_box h5 {
font-size : 1.2em;
color :#FFFDFA;
margin : 1.2em 0 0.8em 0;
font-weight : 800;
text-transform : uppercase;
letter-spacing : 1px;
}
.ser_box p {
color :#DCDCDC;
font-size : 16px;
line-height :25pt;
margin : 0;
text-align :justify;
}
.icon i.ja {
position : absolute;
display : block;
color : #fff;
font-size : 3em;
font-style : normal;
text-align : center;
line-height : 1;
padding : 0.6em 0 0 0;
z-index : 999;
top : -22px;
left : 53px;
}
.specialty-button {
margin-top : 3em;
}
/*== offer Start ==*/
.offer{background : #FF6600;background : linear-gradient(to right, #cc5333, #FF6600);padding:2% 0; }
.offer h2 {
color: #fff;
font-weight: 600;
font-size: 2em;
text-transform: uppercase;
}
.offer_right a {
text-decoration: none;
color: #fff;
font-size: 1.05em;
font-weight: 500;
text-transform: uppercase;
padding: 9px 18px;
border: 1px solid #fff;
}
.offer_right a:hover {
color: #000;
background:#fff;
font-weight:500;
transition:0.9s all;
-webkit-transition:0.9s all;
-moz-transition:0.9s all;
-o-transition:0.9s all;
-ms-transition:0.9s all;
}
.offer p{
color: #fff;
font-weight: 400;
font-size: 1em;
padding:1% 0; }
/*== About section Start ==*/
.about-section {
padding-bottom: 2em;
}
.about_left{padding:0; }
.about_left img {
width: 100%;
height:100%;
}
.about_right h3 {
color: #fff;
font-weight: 600;
font-size: 2.5em;
text-transform: uppercase;
text-align:left;
}
.about_right p {
color: #fff;
font-weight: 400;
font-size: 1.142em;
line-height: 1.71em;
padding:0;
text-align:justify;
}
.about_right a {
text-decoration: none;
color: #fff;
font-size: 1.05em;
font-weight: 500;
text-transform: uppercase;
padding: 9px 18px;
border: 1px solid #fff;
}
.about_right a:hover {
color: #000;
background:#fff;
font-weight:500;
transition:0.9s all;
-webkit-transition:0.9s all;
-moz-transition:0.9s all;
-o-transition:0.9s all;
-ms-transition:0.9s all;
}
.col-md-6.about_left {
padding: 0;
}
.about_right {
padding: 15px 46px 35px 25px;
margin: 0;
background: #709DCA;
text-align:right;
}
/*== About Area CSS Start ==*/
.about-content {
line-height:1.8em;
text-align:justify;
padding:5% 0 0 0;
}
.about-content p {
font-size:18px;
margin-bottom:15px;
}
.about-content p:last-child {
margin-bottom: 0;
}
.about-btn a {
background-color:#0080FF;
border-radius: 10px;
color: #eee;
display: inline-block;
font-size: 13px;
font-weight: 600;
margin-right: 20px;
padding: 10px 30px;
text-transform: uppercase;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.about-btn a:hover {
background-color:#000040;
}
.about-video {
position: relative;
padding-bottom: 56.25%;
}
.about-video iframe {
border: medium none;
border-radius: 3px;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
/*== Partner Area CSS Start ==*/
#partner-area {
background-color: #eaeaea;
padding: 20px 0;
}
.single-partner {
height: 105px;
text-align: center;
}
.partner-content-wrap.owl-carousel img {
margin: auto;
width: auto;
}
/*== Service Area CSS Start ==*/
.service-item {
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
color: #222;
margin-bottom: 30px;
padding: 65px 25px;
}
.service-item h3 {
color: #000;
font-size: 25px;
font-weight: 600;
text-transform: uppercase;
margin: 20px 0 15px;
}
.service-item i.fa {
font-size: 55px;
color:#0080FF;
}
.service-container-wrap .service-item {
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #ffd000;
padding: 50px 20px;
}
/*== Home 3 Service Area CSS Start ==*/
.single-service {
margin-bottom: 50px;
line-height: 2;
}
.service-icon {
height: 60px;
line-height: 60px;
position: relative;
text-align: center;
margin-right: 10px;
width: 60px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.service-icon:after {
border-left: 1px solid #ffd000;
content: "";
height: 0%;
left: 0;
position: absolute;
top: 0;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.service-icon:before {
border-bottom: 1px solid #ffd000;
content: "";
height: 0%;
right: 0;
position: absolute;
bottom: 0;
width: 0%;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.service-icon span {
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
-webkit-transition: 0.4s;
transition: 0.4s;
width: 100%;
}
.service-icon span::after {
border-top: 1px solid #ffd000;
content: "";
left: 0;
position: absolute;
top: 0;
-webkit-transition: 0.4s;
transition: 0.4s;
width: 0%;
}
.service-icon span::before {
border-right: 1px solid #ffd000;
content: "";
height: 0%;
position: absolute;
right: 0;
bottom: 0;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.single-service:hover .service-icon:after {
height: 100%;
}
.single-service:hover .service-icon:before {
width: 100%;
}
.single-service:hover .service-icon span::after {
width: 100%;
}
.single-service:hover .service-icon span::before {
height: 100%;
}
.single-service h4 {
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
}
.single-service p {
font-size: 13px;
margin-top: 10px;
}
/*== Fun Fact Area CSS Start ==*/
#funfact-area {
background-image: url(../images/img/counter.jpg);
background-size: cover;
background-position: center center;
color: #fff;
}
.single-funfact {
background-color: rgba(0, 0, 0, 0.6);
padding: 25px 40px;
text-align: center;
}
.funfact-icon {
color:#FF8000;
font-size: 50px;
}
.funfact-icon,
.funfact-content {
display: table-cell;
vertical-align: middle;
}
.funfact-content {
font-size: 40px;
font-weight: 700;
padding-left: 25px;
}
.funfact-content h4 {
color: #eaeaea;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
/*== Pricing Area CSS Start ==*/
#pricing-area {
background-image: url(assets/img/pricing-bg.jpg);
background-size: cover;
background-position: center center;
}
.single-pricing-table {
background-color: rgba(255, 255, 255, 0.15);
color: #fff;
padding: 50px 0 0;
}
.single-pricing-table h3 {
color: #fff;
font-size: 23px;
font-weight: 600;
text-transform: uppercase;
}
.single-pricing-table h2 {
color: #ffc714;
font-size: 40px;
margin: 10px 0;
text-transform: uppercase;
}
.single-pricing-table h5 {
color: #ccc;
font-size: 14px;
}
.package-list {
font-weight: 600;
line-height: 3em;
margin-top: 20px;
}
.package-list li {
border-bottom: 1px solid #999;
padding: 5px 20px;
}
.package-list li:first-child {
border-top: 1px solid #999;
}
/*== Pricing Area CSS End ==*/
/*== Testimonial Area CSS Start ==*/
.testimonial-content{
margin-top: 30px;
text-align: center;
}
.testimonial-content .div.active {
background-color: #ffd000;
}
#tslideshow{height:350px; }
.single-testimonial {
background-color:#00A7FF;
position:absolute;
width:500px;
height:280px;
left:25%;
color: #fff;
font-weight: 600;
line-height: 2;
z-index: 1;
}
.single-testimonial::after {
background-color:#00A7FF;
border-left: 4px solid #DCCC00;
content: "";
height: 100%;
left: -65px;
position: absolute;
top: 0;
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
width: 300px;
z-index: -1;
}
.client-logo {
border: 4px solid #DCCC00;
position: absolute;
left: -120px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 200px;
height:200px;
}
.single-testimonial h3 {
color: #ffffff;
font-size: 15px;
margin-top: 50px;
margin-left:30px;
text-transform: uppercase;
}
/*== Testimonial Area CSS End ==*/
/*== Mobile Apps CSS Start ==*/
#mobile-app-area {
padding: 120px 0;
position: relative;
}
#mobile-app-area #wrapper_mobileapp-video-bg .YTPOverlay {
background-color: rgba(0, 0, 0, 0.8);
}
#mobile-app-area::after {
background-image: url("assets/img/mobile-app.png");
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
content: "";
height: 90%;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 50%;
}
.mobile-app-content h2 {
color: #ffd000;
font-size: 70px;
}
.mobile-app-content {
color: #fff;
font-size: 16px;
font-weight: 600;
}
.mobile-app-content p {
margin: 5px 0 20px
}
.app-btns a {
border: 2px solid #ffd000;
border-radius: 50px;
color: #fff;
display: inline-block;
margin-right: 40px;
padding: 10px 20px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.app-btns a i {
font-size: 20px;
margin-right: 5px;
}
.app-btns a:hover {
background-color: #ffd000;
}
#mobileapp-video-bg {
position: relative;
}
/*== Mobile Apps CSS End ==*/
/*== Article Area CSS Start ==*/
.single-article {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
padding: 10px;
margin-bottom: 50px;
text-transform: uppercase;
}
.col-lg-12:last-child .single-article {
margin-bottom: 0;
}
.single-article .article-thumb {
margin: -10px;
}
.single-article.middle .article-thumb {
margin-right: -10px;
}
.article-thumb img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: 0.4s;
transition: 0.4s;
}
.single-article:hover .article-thumb img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.article-body {
position: relative;
}
.article-body h3 a {
font-size: 20px;
color: #333;
}
.article-meta {
margin: 15px 0 10px;
}
.article-meta a {
color: #999;
font-size: 12px;
font-weight: 600;
margin-right: 25px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.article-meta a span {
color: #ffd000;
}
.article-meta a:hover {
color: #ffd000;
}
.article-date {
background-color: #ffd000;
border-radius: 3px;
color: #fff;
font-weight: 700;
height: 55px;
margin-top: -27px;
padding: 5px;
position: absolute;
text-align: center;
width: 55px;
}
.article-date .month {
display: block;
}
.article-body p {
color: #999;
line-height: 1.8;
text-transform: capitalize;
}
.readmore-btn {
background-color: #222;
color: #ffd000;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-top: 25px;
padding: 12px 25px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.readmore-btn i.fa {
margin-left: 5px;
}
.readmore-btn:focus,
.readmore-btn:hover {
background-color: #ffd000;
color: #fff;
}
/*== Article Area CSS End ==*/
/*== pre_footer ==*/
.pre_footer {
padding : 50px 0;
background-image:url('data:image/svg+xml;charset=UTF-8,');
background-repeat:no-repeat;
background-size:cover;
}
h4 {
font-size: 36px;
font-family: 'Roboto', sans-serif;
color: #252525;
font-weight: 300;
text-align: center;
margin: 0 0 15px;
padding: 0;
}
.header-group2 h5 {
text-align : center;
color :#ffffff;
font-size : 18px;
font-weight : 300;
text-transform : uppercase;
line-height : 48px;
margin : 0;
padding : 10px 0 0;
}
.header-group2 h5 > span {
text-decoration : underline;
padding : 0 30px;
}
.btn {
transition : all 350ms ease-in-out;
}
.btn, .form-control {
border-radius : 3px;
font-family : 'Raleway', sans-serif;
}
.btn.btn-outline-blue {
color : #ffffff;
border-color : #ffffff;
font-size : 24px;
font-weight : 300;
padding : 7px 32px;
transition : all 350ms ease-in-out;
}
.btn.btn-outline-blue:hover, .btn.btn-outline-blue:focus {
color : #fff;
background :#FF3000;
}
/*== Footer Area CSS Start ==*/
#footer-area a {
color: #ffffff;
}
.footer-widget-area {
background:#171b24;
padding: 60px 0;
}
.footer-widget-area h2,
.footer-widget-area {
color: #fff;
}
.singlefooter-widget h2 {
border-bottom: 1px dashed #ffd000;
display: inline-block;
font-size: 25px;
font-weight: 600;
margin-bottom: 30px;
padding-bottom: 15px;
position: relative;
text-transform: uppercase;
}
.single-footer-widget h2 {
font-size: 22px;
font-weight: 600;
margin-bottom: 30px;
text-transform: uppercase;
}
.single-footer-widget p {
font-size: 13px;
line-height: 2;
}
.single-footer-widget img {
margin-bottom: 20px;
}
.newsletter-area {
margin-top: 20px;
}
.newsletter-area form {
position: relative;
}
.newsletter-area input {
background-color: transparent;
border: 1px solid #ffd000;
border-radius: 2px;
color: #fff;
height: 55px;
padding: 10px;
padding-right: 70px;
width: 100%;
}
.newsletter-area .newsletter-btn {
background-color: #ffd000;
border: 0 none;
color: #fff;
cursor: pointer;
font-size: 17px;
height: 100%;
position: absolute;
right: 1px;
top: 0;
width: 50px;
}
.recent-post li {
background-color: #000;
font-weight: 600;
font-size: 13px;
letter-spacing: 1.3px;
margin-bottom: 15px;
padding: 20px;
position: relative;
}
.recent-post li:last-child {
margin-bottom: 0;
}
.recent-post li i {
background-color: #fff;
color: #000;
float: right;
font-size: 18px;
height: 35px;
line-height: 35px;
padding-left: 2px;
position: absolute;
right: 20px;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
width: 35px;
}
.recent-post li:hover i {
background-color: #ffd000;
}
.recent-post li {
background-color: #000;
font-weight: 600;
letter-spacing: 1.3px;
margin-bottom: 15px;
padding: 15px;
position: relative;
}
.recent-post li:last-child {
margin-bottom: 0;
}
.recent-post li i {
background-color: #fff;
color: #000;
float: right;
font-size: 18px;
height: 30px;
line-height: 30px;
padding-left: 2px;
position: absolute;
right: 15px;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
width: 30px;
}
.recent-post li:hover i {
background-color: #ffd000;
}
.get-touch {
color: #ffd000;
font-size: 15px;
font-weight: 600;
line-height: 2.5;
margin-top: 20px;
}
.get-touch i.fa {
margin-right: 5px;
}
.map-show {
background-color: #ffd000;
color: #000 !important;
display: inline-block;
font-size: 13px;
font-weight: 600;
margin-top: 20px;
padding: 10px 25px;
text-transform: uppercase;
}
.footer-bottom-area {
background-color:#080d17;
color: #eaeaea;
padding: 15px 0;
}
.social-icons .fa {
font-size : 1.8em;
}
.social-icons .fa {
width : 50px;
height : 50px;
line-height : 50px;
text-align : center;
color : #FFF;
color : rgba(255, 255, 255, 0.8);
transition : all 0.3s ease-in-out;
}
.social-icons.icon-circle .fa {
border-radius : 50%;
}
.social-icons.icon-rounded .fa {
border-radius : 5px;
}
.social-icons.icon-flat .fa {
border-radius : 0;
}
.social-icons .fa:hover, .social-icons .fa:active {
color : #FFF;
box-shadow : 1px 1px 3px #333;
}
.social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active {
transform : scale(1.1);
}
.social-icons.icon-rotate .fa:hover, .social-icons.icon-rotate .fa:active {
transform : scale(1.1) rotate(360deg);
}
.social-icons .fa-facebook, .social-icons .fa-facebook-square {
background-color : #3C599F;
}
.social-icons .fa-google-plus, .social-icons .fa-google-plus-square {
background-color : #CF3D2E;
}
.social-icons .fa-twitter, .social-icons .fa-twitter-square {
background-color : #32CCFE;
}
.social-icons .fa-youtube, .social-icons .fa-youtube-play, .social-icons .fa-youtube-square {
background-color : #C52F30;
}
/*== Footer Area CSS End ==*/
/*== Preloader Area CSS Start ==*/
body.loader-active {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999;
overflow: hidden;
}
.preloader {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: #fff;
z-index: 9999;
}
.preloader-spinner {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
}
.loader-content {
width: 150px;
}
/*== About Area CSS ==*/
.about-feature-area {
margin-top: 30px;
}
.about-feature-item {
line-height: 1.8;
padding: 50px 20px;
text-align: center;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.about-feature-item h3 {
font-size: 18px;
font-weight: 600;
margin: 12px 0 10px;
}
.about-feature-item i.fa {
color:#FFFFFF;
font-size: 35px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.about-feature-item:hover,
.about-feature-item.active {
background-color:#00B4FF;
color: #fff;
}
.about-feature-item:hover i.fa,
.about-feature-item.active i.fa {
color:#fff;
}
.about-feature-item p{min-height:110px; font-size:16px;text-align:justify;line-height:22px; }
/*== Team Area CSS ==*/
.team-tab-menu {
background-color: #efefef;
padding: 20px;
}
#help-desk-page-wrap .team-tab-menu ul,
#team-area .team-tab-menu ul {
display: block;
border: 0 none;
}
#help-desk-page-wrap .team-tab-menu li,
#team-area .team-tab-menu li {
background-color: #fff;
margin-bottom: 15px;
}
#help-desk-page-wrap .team-tab-menu li:last-child,
#team-area .team-tab-menu li:last-child {
margin-bottom: 0;
}
#help-desk-page-wrap .team-tab-menu li,
#team-area .team-tab-menu li{
border: medium none;
border-radius: 0;
position: relative;
}
#help-desk-page-wrap .team-tab-menu li.active a,
#team-area .team-tab-menu li.active {
background:#ffd000;
}
#help-desk-page-wrap .team-tab-menu li.active .team-mem-icon img,
#team-area .team-tab-menu li.active .team-mem-icon img {
border-color: #555;
}
.team-mem-icon {
height: 70px;
width: 70px;
}
.team-mem-icon img {
border: 2px solid #ffd000;
border-radius: 50%;
height: 100%;
width: 100%;
}
.team-mem-icon,
.team-tab-menu li a h5 {
display: table-cell;
vertical-align: middle;
}
.team-tab-menu li a h5 {
font-size: 18px;
font-weight: 600;
padding-left: 15px;
text-transform: capitalize;
}
.team-member-pro-pic {
background-color: #eeeeee;
}
.team-member-pro-pic {
height: 429px;
position: relative;
}
.team-member-pro-pic img {
bottom: 0;
left: 50%;
height: 100%;
position: absolute;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.team-member-info {
background-color: #eeeeee;
padding: 50px 30px;
}
.team-member-info h4 {
color: #ffd000;
font-size: 22px;
margin-bottom: 10px;
text-transform: uppercase;
}
.team-member-info h5 {
font-size: 15px;
font-weight: 400;
}
.quote-icon {
color: #575555;
display: block;
font-size: 50px;
margin: 9px 0;
}
.team-member-info p {
color: #575555;
margin-bottom: 25px;
}
.team-social-icon a {
background-color: #ffd000;
color: #fff;
display: inline-block;
font-size: 18px;
height: 40px;
line-height: 40px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
width: 40px;
}
.team-social-icon a:hover {
background-color: #000;
}
.team_item {
width: 100%;
padding-top:20px;
}
.team_image {
position: relative;
width: 200px;
height: 200px;
border:2px solid #0080FF;
border-radius:5%;
overflow: hidden;
margin-left: auto;
margin-right: auto;
margin-bottom: -86px;
z-index: 1;
}
.team_body {
width: 100%;
padding-top: 108px;
padding-bottom: 24px;
background: #FFFFFF;
border-radius: 6px;
box-shadow: 0px 1px 10px rgba(29,34,47,0.1);
text-align: center;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
z-index: 999;
}
.team_title{
font-size:18px;
font-weight:700;
}
.team_atitle{
font-size:16px;
font-weight:400;
}
.team_subtitle{
font-size:17px;
font-weight:700;
color:#000080;
}
/*==============================
FAQ Page Css
================================*/
.single-faq-sub {
margin-bottom: 70px;
}
.single-faq-sub:last-child {
margin-bottom: 0;
}
.single-faq-sub h3 {
font-size: 25px;
margin-bottom: 15px;
text-transform: capitalize;
}
.single-faq-sub-content .card {
border: medium none;
margin-bottom: 20px;
}
.single-faq-sub-content .card-header {
background-color: #ffd000;
border: medium none;
border-radius: 0;
}
.single-faq-sub-content .card-header button {
color: #000;
cursor: pointer;
font-weight: 600;
line-height: 26px;
padding: 0;
position: relative;
text-align: left;
white-space: inherit;
width: 100%;
}
.single-faq-sub-content .card-header button:hover {
text-decoration: none;
}
.single-faq-sub-content .card-body {
background-color: #eaeaea;
color: #000;
line-height: 1.9;
}
.single-faq-sub-content .card-header button i.fa {
font-size: 21px;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.single-faq-sub-content .card-header button[aria-expanded="true"] i.fa-angle-down {
display: none;
}
.single-faq-sub-content .card-header button[aria-expanded="false"] i.fa-angle-up {
display: none;
}
/*==============================
Gallery Page Css
================================*/
#gallery-page-content .popucar-menu {
margin-top: 0;
}
/*==============================
Packages Page Css
================================*/
.pricing-details-content .single-pricing-table {
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
color: #000;
margin-bottom: 30px;
margin-top: 0;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.pricing-details-content .single-pricing-table:hover {
background-color: #ffd000;
}
.pricing-details-content .single-pricing-table:hover h2 {
color: #fff;
}
.pricing-details-content .single-pricing-table:hover h5 {
color: #000;
}
.pricing-details-content .single-pricing-table h3 {
color: #222;
}
.pricing-details-content .col-lg-6:last-child .single-pricing-table {
margin-bottom: 0;
}
.package-list li:last-child {
border-bottom: 0 none;
}
/*==============================
Login Page Css
================================*/
.login-page-content {
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
padding-bottom: 35px;
text-align: center;
border-radius: 3px;
}
.login-form, .achkform {
background-color: #ffffff;
padding: 50px 20px 15px;
}
.login-form h3 {
color: #000;
font-size: 25px;
font-weight: 600;
margin-bottom: 20px;
text-transform: uppercase;
}
.login-form input, .login-form textarea,
.login-form button {
background-color: transparent;
border: 1px solid #555;
color: #000;
margin: 10px 0;
padding: 10px 20px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
width: 100%;
}
.login-form input:focus, .login-form textarea:focus {
border-color:#FF8000;
}
.login-form input[type="button"]{
background-color:#0080FF;
border: 1px solid #0080FF;
color:#FFFFFF;
}
.check-box{width:100%;display:inline-table;}
.check-boxin{width:10%;float:left; text-align:left; }
.check-boxtxt{width:40%;float:left; text-align:left;margin-top:1.2%; }
.check-boxtrxt{width:40%;float:left; text-align:left;margin-top:1.2%; }
.log-btn button {
background-color:#0080FF;
border-color: #fff;
color:#FFFFFF;
border-radius: 4px;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
cursor: pointer;
font-weight: 700;
}
.log-btn button:hover {
background-color: #222;
border-color: #222;
color: #fff;
}
.fgtpass{width:100%;text-align:right; padding-right:5%;}
.fgtpass a{color:#0080FF; }
.or {
color: #000;
display: block;
font-weight: 600;
margin: 20px 0;
position: relative;
text-transform: uppercase;
}
.or::after {
background-color: #ccc;
content: "";
height: 1px;
left: 35px;
position: absolute;
top: 10px;
width: 120px;
}
.or::before {
background-color: #ccc;
content: "";
height: 1px;
right: 35px;
position: absolute;
top: 10px;
width: 120px;
}
.login-with-btn {
background: -webkit-gradient(linear, left top, left bottom, from(#3b5998), to(#344e86));
background: linear-gradient(to bottom, #3b5998, #344e86);
border-radius: 3px;
color: #fff;
display: block;
font-size: 16px;
font-weight: 600;
margin: 0 30px;
-webkit-transition: 0.4s;
transition: 0.4s;
padding: 10px;
}
.login-with-btn.facebook:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#344e86), to(#3b5998));
background: linear-gradient(to bottom, #344e86, #3b5998);
}
.login-with-btn.google {
background: -webkit-gradient(linear, left top, left bottom, from(#DC4A38), to(#Dd5b21));
background: linear-gradient(to bottom, #DC4A38, #Dd5b21);
margin-top: 15px;
}
.login-with-btn.google:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#Dd5b21), to(#DC4A38));
background: linear-gradient(to bottom, #Dd5b21, #DC4A38);
}
.login-with-btn:hover {
color: #fff;
}
.login-with-btn .fa {
margin-right: 10px;
}
.create-ac {
color: #555;
margin: 15px 0 10px;
}
.create-ac a,
.login-menu a {
color: #000;
font-weight: 600;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
text-transform: uppercase;
font-size: 13px;
}
.create-ac a:hover,
.login-menu a:hover {
color: #fab702;
text-decoration: underline;
}
#errorMessage{display:none; position:fixed;z-index:9999;top:20%;left:25%;width:50%; height:auto;overflow: auto;background:#5B005B;border-radius:6px;font-size:16px;color:#ff0000;text-align:center; padding:1% 0 2% 1%;}
#icross, #icut{display:none;position:fixed;top:21%;right:26%;z-index:9999; }
/*==============================
$404 ERROR Page Css
================================*/
#page-404-wrap {
background-image: url("assets/img/banner.jpg");
background-position: center center;
background-size: cover;
color: #fff;
padding-top: 221px;
}
.number {
display: table;
margin: auto;
}
.four {
color: #ffd000;
font-size: 150px;
font-weight: 400;
line-height: 100%;
font-family: 'Monoton', cursive;
}
.four,
.zero {
display: table-cell;
vertical-align: middle;
}
.zero > img {
margin-left: 5px;
margin-top: 5px;
width: 115px;
}
.page-404-content h4 {
color: #fff;
font-size: 30px;
margin: 8px 0 15px;
}
.page-404-content {
font-size: 15px;
font-weight: 600;
}
.btn-404-home {
background-color: #ffd000;
color: #000;
display: inline-block;
font-size: 13px;
margin-top: 20px;
padding: 12px 30px;
text-transform: uppercase;
}
.btn-404-home:hover {
color: #000;
}
.btn-404-home i.fa {
margin-right: 5px;
}
#page-404-wrap.overlay::after {
background-color: rgba(0, 0, 0, 0.9);
}
/*==============================
Driver Page Css
================================*/
.single-driver-member {
margin-bottom: 30px;
position: relative;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.single-driver-member::after {
background-color: #000;
content: "";
height: 100%;
left: 0;
opacity: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
position: absolute;
top: 0;
width: 100%;
}
.single-driver-member img {
height: 100%;
width: 100%;
}
.driver-mem-sicons {
position: absolute;
right: -10px;
top: 20px;
z-index: 1;
opacity: 0;
-webkit-transition: 0.4s;
transition: 0.4s;
visibility: hidden;
}
.driver-mem-sicons a i.fa {
border: 1px solid #fff;
border-radius: 50%;
color: #fff;
display: block;
font-size: 18px;
height: 40px;
line-height: 40px;
text-align: center;
-webkit-transition: 0.4s;
transition: 0.4s;
width: 40px;
margin-bottom: 15px;
}
.driver-mem-sicons a:hover i.fa-facebook {
background-color: #5D82D1;
border-color: #5D82D1;
}
.driver-mem-sicons a:hover i.fa-twitter {
background-color: #40BFF5;
border-color: #40BFF5;
}
.driver-mem-sicons a:hover i.fa-dribbble {
background-color: #F7659C;
border-color: #F7659C;
}
.driver-mem-sicons a:hover i.fa-pinterest {
background-color: #E13138;
border-color: #E13138;
}
.driver-mem-sicons a:last-child {
margin-bottom: 0;
}
.driver-mem-info h4 {
bottom: -10px;
color: #fff;
left: 50%;
opacity: 0;
visibility: hidden;
position: absolute;
text-align: center;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: 0.4s;
transition: 0.4s;
width: 100%;
z-index: 1;
}
.driver-mem-info h4 span {
display: block;
font-size: 16px;
font-weight: 400;
}
.single-driver-member:hover:after {
opacity: 0.8;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.single-driver-member:hover .driver-mem-sicons {
right: 20px;
opacity: 1;
visibility: visible;
}
.single-driver-member:hover .driver-mem-info h4 {
bottom: 20px;
opacity: 1;
visibility: visible;
}
/*==============================
Download css
================================*/
.chapter_name{color:#400080;font-size:18px;font-weight:400; }
.link_color{text-transform:capitalize;color:#FF8000; }
.link_color a{text-transform:capitalize;color:#FF8000; }
#download-area .list-group-item{padding: 0.25rem 1.25rem; }
.download-list-content .col-lg-6 .single-download-wrap {margin-bottom: 30px;}
.download-list-content .col-lg-6:last-child .single-download-wrap {margin-bottom: 0;}
.single-download-wrap {
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
color: #7f7f7f;
line-height: 1.8;
margin-bottom: 50px;
padding:2%;
}
.single-download-wrap:last-child {
margin-bottom: 0;
}
.download-list-info.without-bar {margin: 0;padding: 25px;}
.download-list-info.without-bar .rating {right: 25px;top: 40px;}
.download-list-info {
padding-right: 10px;
position: relative;
margin-bottom: 10px;
}
.download-list-info h2 a {
color: #22252c;
font-size: 20px;
font-weight: 600;
}
.download-list-info h5 {
border-bottom: 1px solid #ddd;
color: #ffd000;
font-size: 15px;
margin-bottom: 12px;
margin-top: 5px;
padding-bottom: 15px;
text-transform: uppercase;
}
.download-info-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
font-size: 13px;
font-weight: 600;
margin: 10px 0;
text-align: center;
}
.download-info-list li {
border: 1px solid #ccc;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 3px;
position: relative;
}
.download-info-list li::before {
color: #ffd000;
content: "\f14a";
font-family: FontAwesome;
margin-right: 5px;
}
.download-info-list li + li {
border-left: 0;
}
/*== Sidebar CSS Here ==*/
.single-sidebar {
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
color: #575757;
font-size: 15px;
margin-bottom: 30px;
}
.single-sidebar h3 {
background-color: #ffd000;
color: #222;
font-size: 18px;
padding: 12px 5px;
text-align: center;
text-transform: uppercase;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
.single-sidebar:last-child {
margin-bottom: 0;
}
.sidebar-body {
line-height: 2;
padding: 30px 15px;
}
.exercise{font-size:16px;font-weight:500; }
.exercise a{color:#008000;}
/*==============================
blog css
================================*/
.alignleft {
float: left;
margin-right: 15px;
}
.alignleft img{
width:68px;
height:65px;
}
.alignright {
float: right;
margin-left: 15px;
}
.aligncenter {
display: block;
margin: 0 auto 15px;
}
a {
-webkit-transition: 0.3s;
transition: 0.3s;
}
a:focus,
a:hover {
outline: 0 solid;
text-decoration: none;
}
ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}
button:focus {
outline: 0;
}
img {
max-width: 100%;
height: auto;
}
.blog h1,
h2,
h3,
h4,
h5,
h6 {
color: ;
margin: 0 0 15px;
font-weight: 700;
line-height: 1.4em;
text-transform: uppercase;
position: relative;
}
h2 {
font-size: 36px;
}
.blog{padding-top:50px; }
.blog .single-blog {
border-radius: 0;
margin-bottom: 50px;
}
.blog .single-blog .post-date {
margin-bottom: 20px;
margin-top: -10px;
}
.blog .single-blog .post-date a i {
margin-right: 10px;
}
.blog .single-blog .post-date a:hover {
color: #f39c12;
}
.blog .blog-image img {
width: 100%;
max-height:300px;
}
.blogw-image{width:100px;height:100px; float:left;padding:1%;}
.blogw-image.circle {border-radius :50%;display:inline;}
.pagination li a {
border-radius: 0;
color: #666;
padding: 10px 20px;
}
.pagination li a:hover,
.pagination li.active a,
.pagination li a:focus {
background: #f39c12 none repeat scroll 0 0;
color: #fff;
border-color: #f39c12;
}
.single-sidebar-widget {
-webkit-box-shadow: 0 3px 7px #ddd;
box-shadow: 0 3px 7px #ddd;
margin-bottom: 50px;
padding: 20px;
}
.single-sidebar-widget h4 {
margin-bottom: 30px;
padding-bottom: 10px;
}
.single-sidebar-widget h4::after {
border-bottom: 1px dashed #f39c12;
bottom:1px;
content: "";
height: 1px;
left: 0;
position:absolute;
width: 0px;
}
.widget_search form {
border: 1px solid #ddd;
height: 40px;
position: relative;
width: 100%;
}
.widget_search form input {
border: 0 none;
height: 100%;
left: 0;
padding: 8px 40px 8px 8px;
position: absolute;
top: 0;
width: 100%;
}
.widget_search form button {
background: #5d6b82 none repeat scroll 0 0;
border: 0 none;
color: #fff;
height: 100%;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width:60px;
}
.widget_enquiry form {
width: 100%;
}
.widget_enquiry form input {
border: 1px solid #ddd;
height: 100%;
left: 0;
padding: 8px 40px 8px 8px;
position:relative;
margin-top:5%;
width: 100%;
}
.widget_enquiry form input[type=submit]{
background: #5d6b82 none repeat scroll 0 0;
border: 0 none;
color: #fff;
height: 100%;
right: 0;
top: 0;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width:100%;
}
.widget_search form button:hover, .widget_enquiry form input[type=submit]:hover,
.tagcloud a:hover {
background: #f39c12 none repeat scroll 0 0;
color: #fff;
border-color: #f39c12;
}
.widget_categories li {
margin: 5px 0;
position: relative;
list-style:none;
}
.widget_categories li::before {
content: "\f105";
display: inline-block;
font-family: fontawesome;
margin-right: 10px;
}
.single-sidebar-widget li a{
font-size:1em;
color: #004080;
}
.single-sidebar-widget li a:hover {
color: #f39c12;
}
.single-sidebar-widget {
-webkit-box-shadow: 0 3px 7px #ddd;
box-shadow: 0 3px 7px #ddd;
margin-bottom: 50px;
padding: 20px;
}
.widget_recent_entries li {
margin-bottom: 15px;
overflow: hidden;
}
.tagcloud a {
border: 1px solid #ddd;
display: inline-block;
margin-bottom: 9px;
margin-right: 5px;
padding: 5px 10px;
text-transform: capitalize;
}
blockquote {
background: #f1f1f1 none repeat scroll 0 0;
border: 0 none;
font-size: 16px;
font-style: italic;
line-height: 1.7em;
position: relative;
padding: 20px 30px;
text-transform: capitalize;
z-index: 1;
text-align:justify;
}
blockquote::after,
blockquote::before {
content: "\f10d";
font-family: fontawesome;
font-size: 50px;
height: 50px;
left: 0;
line-height: 1;
opacity: 0.3;
position: absolute;
top: 0;
width: 50px;
z-index: -1;
}
blockquote::before {
bottom: 0;
content: "\f10e";
left: auto;
right: 8px;
top: auto;
}
.share-button{padding: 20px 0 0 0; }
.social-bookmark ul li{ display:inline;padding:5%;}
.social-bookmark ul li i{font-size:22px;color:#c1c1c1; }
.comments-area,.comments-form-area {
-webkit-box-shadow: 0 3px 7px #ddd;
box-shadow: 0 3px 7px #ddd;
margin-bottom: 50px;
padding: 20px;
}
.comments-area h4,
.comments-form-area h4 {
margin-bottom: 30px;
}
.comments-area ul li {
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
padding-bottom: 20px;
padding-left: 90px;
position: relative;
}
.comments-area ul li:nth-child(2n) {
margin-left: 80px;
}
.comments-area ul li .comments-author-thumb {
height: 100px;
left: 0;
position: absolute;
top: 0;
width: 100px;
}
.comment-text, .author-name-and-date, .replay-link{margin-left:20px; }
.half-width input {
border: 1px solid #ddd;
margin-bottom: 14px;
padding: 10px;
width: calc(50% - 10px);
}
.comment-form textarea {
border: 1px solid #ddd;
margin-bottom: 15px;
padding: 10px;
width: 100%;
}
.comment-form button {
background: #5d6b82 none repeat scroll 0 0;
border: 0 none;
color: #fff;
padding: 10px 20px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.comment-form button:hover {
background: #f39c12 none repeat scroll 0 0;
}
.single-blog {
border-radius: 5px;
-webkit-box-shadow: 0 3px 7px #ddd;
box-shadow: 0 3px 7px #ddd;
overflow: hidden;
}
.blog-details {
background: #fff none repeat scroll 0 0;
padding: 30px 20px;
position: relative;
}
.blog-details p{font-family: 'Roboto', sans-serif;
font-size:1em;
line-height: 1.7em;
font-weight: 400;
color: #687284;
text-align:justify;
}
.blog-meta {
background: #f39c12 none repeat scroll 0 0;
border-radius: 0 50px 50px 0;
font-size: 24px;
height: 50px;
left: 0;
position: absolute;
text-align: center;
top: -25px;
width: 70px;
}
.blog-meta a {
color: #fff;
display: block;
height: 100%;
padding-top: 13px;
width: 100%;
}
.blog-details h3 {
font-size: 18px;
margin-bottom: 20px;
text-transform: uppercase;
}
.read-more {
background: #5d6b82 none repeat scroll 0 0;
border-radius: 5px;
color: #fff;
display: inline-block;
height: 40px;
margin-top: 15px;
padding: 7px 25px;
text-align: center;
width: 140px;
}
.read-more:hover,
.read-more:focus {
background: #f39c12;
color: #fff;
}
.blog-details h3 a {
color: #3c4a62;
}
.blog-details h3 a:hover,
.blog-details h3 a:focus {
color: #f39c12;
}
/*==============================
common css
================================*/
.common_section{padding: 0.25rem 1.25rem; }
.common-padding {padding: 100px 0;}
.padding-long{padding: 10px 0;}
.padding-all{padding:2%;}
.common-title {font-size: 15px;font-weight: 300;margin-bottom: 80px;margin:5% 0 2% 0;}
.common-title h2 {margin-bottom: 10px;position: relative;text-transform: uppercase;}
.common-title p {margin-top: 10px;}
.common-title .title-line {color: #ffd000;position: relative;}
.common-title .title-line::after {background-color: #333;content: "";height: 2px;left: -60px;position: absolute;top: 10px;width: 50px;}
.common-title .title-line::before {background-color: #333;content: "";height: 2px;position: absolute;right: -60px;top: 10px;width: 50px;}
.overlay .common-title h2, .overlay .common-title p {color: #fff;}
.overlay .common-title .title-line::after, .overlay .common-title .title-line::before {background-color: #fff;}
.single-common-wrap{-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);color: #7f7f7f;line-height: 1.8;margin-bottom: 50px;}
.single-common-wrap:last-child {margin-bottom: 0;}
.single-common-wrap h3 {background-color:#eeeeee;color: #000;font-size: 22px;padding: 12px 5px;text-align: center;text-transform: uppercase;text-decoration:none;}
.single-common-wrap h2 {font-size:30px; padding: 15px 0 0 0;}
.c-table{width:100%;border:inset; }
.c-table td{padding:1%; }
.common-box{padding:0% 0% 2% 0%;margin-top:-15px; }
.common-box .table-bordered{color:#000000;font-size:16px; }
.common-box .table-bordered th{padding:5px 2px 5px 2px;font-size:15px;background-color:#fafafa;color:#004080;text-align:center;}
.common-box .table-bordered td{color: rgb(102, 102, 102);text-align:left;padding:2px 2px 2px 5px;min-width:15%;}
.filter_menu a {border:outset 3px; border-color:#FFF000 #00BBFF #00BBFF #ffffff;color: #000;display: block;font-size:17px; font-weight: 600;padding: 5px 5px 5px 15px;position: relative;}
.filter_menu a.active {color:#000000;}
.filter_menu a::after {background-color:#00BBFF;content: "";height: 75%;left: 0;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 3px;}
.filter_menu a.active::after {background-color: #ffd000;}
.filter_menu a:hover {background-color:#00C6FF;color:#FFFFFF;}
.sfilter_menu{background-color:#FFF; border: 1px solid #ddd;color:#FF6E00;display: block;font-weight: 800;padding: 5px 5px 5px 25px;position: relative;text-transform: uppercase;text-align:center;}
.ajaximg_container{text-align:center;padding:1%; }
/*== collapsible ==*/
.collapsible{
background-color:#00A9FF;
color:#ffffff;
cursor: pointer;
padding:10px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size:16px;
font-weight:400;
margin-top:1%;
box-shadow: 0 5px 0 0 #f6f6f6;
}
.single-wssidebar>.active, .collapsible:hover{
background-color:#008000;
color:#F5F5F5;
}
.collapsible:after{
content: '\002B';
color:#ffffff;
font-weight: bold;
float: right;
margin-left: 5px;
}
.collapsible.active:after{
content: "\2212";
color:#fafafa;
}
.collapsible:hover:after{
content: '\002B';
color:#fafafa;
}
.content{
padding: 0px 0px;
margin-top:3px;
overflow: hidden;
transition: max-height 0.2s ease-out;
background-color:#fafafa;
font-family:tahoma, arial;font-size:16px; color:#3A3A3A;text-align:justify;
}
.content a {border-top: 1px solid #ddd;color: #000;display: block;padding: 2px 5px 2px 10px;position: relative;text-transform: lowercase;}
.content a::first-letter {
text-transform: uppercase;
font-size:22px;
font-weight: bold;
letter-spacing:1px;
color:#004080;
}
.content a:last-child {border-bottom: 1px solid #ddd;}
.content a.active {color: #ffd000;}
.content a::after {background-color: #ddd;content: "";height: 75%;left: 0;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 3px;}
.content a.active::after {background-color: #ffd000;}
div.content{
display: none;
}
div.content.show{
display: block !important;
}
.scrollmenu{
background-color:#800080;
color:#ffffff;
cursor: pointer;
padding:10px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size:16px;
font-weight:400;
margin-top:1%;
box-shadow: 0 5px 0 0 #f6f6f6;
}
.single-wssidebar>.smactive, .scrollmenu:hover{
background-color:#008000;
color:#F5F5F5;
}
.scrollmenu:after{
content: '\002B';
color:#ffffff;
font-weight: bold;
float: right;
margin-left: 5px;
}
.scrollmenu.smactive:after{
content: "\2212";
color:#fafafa;
}
.scrollmenu:hover:after{
content: '\002B';
color:#fafafa;
}
.smcontent{
padding: 0px 0px;
margin-top:3px;
overflow: hidden;
transition: max-height 0.2s ease-out;
background-color:#fafafa;
font-family:tahoma, arial;font-size:16px; color:#3A3A3A;text-align:left; font-weight:400;
}
.smcontent a {border-top: 1px solid #ddd;color: #000;display: block;padding: 2px 5px 2px 10px;position: relative;text-transform:none;}
.smcontent a:last-child {border-bottom: 1px solid #ddd;}
.smcontent a.active {color: #ffd000;}
.smcontent a::after {background-color: #ddd;content: "";height: 75%;left: 0;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 3px;}
.smcontent a.active::after {background-color: #ffd000;}
div.smcontent{
display: none;
}
div.smcontent .show{
display: block !important;
}
/*== Sidebar CSS Here ==*/
.single-wssidebar{
color: #575757;
font-size: 15px;
margin-bottom:10px;
}
.single-sidebar h3, .single-wssidebar h3 {
background-color:#0080C0;
color: #fff;
font-size: 16px;
padding: 12px 5px;
text-align: center;
text-transform: uppercase;
}
.single-sidebar:last-child {
margin-bottom: 0;
}
.single-wssidebar:last-child {
margin-bottom: 0;
}
.sidebar-body {
line-height: 2;
padding: 30px 15px;
}
.wssidebar-body {
line-height: 2;
padding: 0px 0px;
margin-top:-16px;
}
.sidebar-body i.fa {
color: #ffd000;
font-size: 17px;
margin-right: 4px;
text-align: center;
width: 20px;
}
.sidebar-body i.fa {
color: #ffd000;
font-size: 17px;
margin-right: 4px;
text-align: center;
width: 20px;
}
.single-recent-tips {
margin-bottom: 20px;
}
.single-recent-tips:last-child {
margin-bottom: 0;
}
.recent-tip-thum,
.recent-tip-body {
display: table-cell;
vertical-align: middle;
}
.recent-tip-thum a img {
border-radius: 50%;
height: 85px;
min-width: 85px;
}
.recent-tip-body {
color: #555;
font-size: 10px;
font-weight: 600;
padding-left: 15px;
}
.recent-tip-body a {
color: #3a3a3a;
font-size: 15px;
font-weight: 600;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.recent-tip-body h4 {
line-height: 1;
}
.recent-tip-body a:hover {
color: #ffd000;
}
.recent-tip-body span {
display: block;
margin-top: 5px;
text-transform: uppercase;
}
.sidebar-body .social-icons a i {
border: 1px solid #ddd;
border-radius: 50%;
color: #000;
height: 40px;
line-height: 40px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 40px;
}
.sidebar-body .social-icons a i:hover {
background-color: #ffd000;
border-color: #ffd000;
color: #fff;
}
/*== exam pattern ==*/
.exam-pattern{padding:2%;margin-top:-15px; }
.exam-pattern>.table-bordered{text-align:left;color:#000000;border: 10px solid #fff !important; }
.exam-pattern .table-bordered th{padding:5px 2px 5px 5px;font-size:14px;background-color:#0080C0;color:#fff;text-align:center;}
.exam-pattern .table-bordered td{padding:1px 2px 1px 5px;}
.tab_bottom{padding:2%; }
/*== contribution page ==*/
.clearfloat {
clear : both;
height : 0;
font-size : 1px;
line-height : 0;
}
.bclgreen{color:#fff!important;background-color:#00FF00!important}
.cont_lbox{width:100%;background:rgb(56, 164, 221);border-radius:5px;text-align:center;padding:3% 0 3% 0; }
.cont_lbox span{font-size:26px;color:#FFFFFF; }
.spm2{display:block; font-size:18px;color:#fff; }
.con_bline{width:100%;height:45px;background:#004891;color:#FFFFFF;font-weight:400;font-size:22px; text-align:center; }
.con_bline a{color:#FFFFFF; }
.pboxm{padding:0%; }
.pcard{padding:2%; }
.cont-img{width:100%; }
.pglft{width:100px;height:100px; float:left;padding:2%; }
.pglft.circle {border-radius :70%;display:inline;}
.con_head{font-size:22px;font-weight:bold;text-transform:capitalize;line-height:normal; display:inline;}
/*== mock test ==*/
.table_scol{width:100%;background:#FFFFFF;font-size:14pt;box-shadow :1px 1px 10px 1px #C0C0C0;border-collapse:collapse;border-color:#C0C0C0;margin-top:55px;}
.table_scol td{padding:2%;cursor:pointer;}
.table_scol td a{color:#000!important;}
.table_scol td:hover{color:#000!important;background-color:#87CEEB!important}
.siconr{float:right!important;}
.table_medium{width:96%;font-size:14pt;margin:0 0 3% 2%;border-collapse:collapse;text-align:center;}
.table_medium td{padding:1%;cursor:pointer;}
.table_medium>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}
/*== download ==*/
.widget_enquiry form, .widget_nl form{
width: 100%;
}
.widget_nl form {
border: 1px solid #ddd;
height: 40px;
position: relative;
width: 100%;
}
.widget_nl form input[type=email] {
border: 0 none;
height: 100%;
left: 0;
padding: 8px 40px 8px 8px;
position: absolute;
top: 0;
width: 100%;
}
.widget_nl form input[type=button] {
background: #5d6b82 none repeat scroll 0 0;
border: 0 none;
color: #fff;
height: 100%;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width:60px;
}
.widget_nl form input[type=button]:hover,
{
background: #f39c12 none repeat scroll 0 0;
color: #fff;
border-color: #f39c12;
}
.widget_enquiry form input {
border: 1px solid #ddd;
height: 100%;
left: 0;
padding: 8px 40px 8px 8px;
position:relative;
margin-top:5%;
width: 100%;
}
.widget_enquiry form input[type=submit]{
background: #5d6b82 none repeat scroll 0 0;
border: 0 none;
color: #fff;
height: 100%;
right: 0;
top: 0;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width:100%;
}
.widget_enquiry form input[type=submit]:hover{
background: #f39c12 none repeat scroll 0 0;
color: #fff;
border-color: #f39c12;
}
.download-list-info .download-btn h6{
width:100%;
background: #5d6b82 none repeat scroll 0 0;
border: 0 none;
color: #fff;
height: 100%;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
padding:2%;
}
.sub-table{width:60%;}
/*== myaccount ==*/
.sv-menu .modal-content{width:180px;top:55px;right:7%;border-radius:0px;float:right; }
.menu-box li{padding:2% 0;border-bottom:solid 1px; }
.menu-box li:last-child{border-bottom:none; }
.breadcrumb .active{color:#FF8040;background:transparent; }
/*== chat ==*/
#chat-content h1{font-size:1.3em;
font-weight:bold; }
#chat-content #headline {
left:0px;
right:0px;
top:0px;
padding:0 0 0 20px;
line-height:45px;
margin:0;
background: #0c95d9;
color: white;
}
#chat-content #logoutChannelContainer {
float:right;
margin-top:-40px;
margin-right:10px;
}
#chat-content #logoutChannelContainer select{
width:105px;
height:22px;
}
#chat-content #statusIconContainer {
right:20px;
top:50px;
width:22px;
height:22px;
}
#chat-content #statusIconContainer {
background: url('../img/loading-sprite.png') no-repeat 0px 0px;
z-index:9;
}
#chat-content #statusIconContainer.waiting {
background-position: 0px -22px;
}
#chat-content #statusIconContainer.retrying {
background-position: 0px -44px;
}
#chat-content #chatList {
height:100%;
overflow:auto;
}
#chat-content #chatList p{
margin-left:2%;
}
#chat-content #mainPanelContainer {
left:20px;
right:20px;
top:85px;
bottom:150px;
}
#chat-content #onlineListContainer, #chat-content #helpContainer, #chat-content #settingsContainer {
float:right;
height:100%;
overflow:auto;
margin-left:10px;
position:relative;
}
#chat-content #onlineListContainer h3, #chat-content #helpContainer h3, #chat-content #settingsContainer h3 {
line-height:25px;
padding: 0 10px;
margin:0;
text-align:center;
}
#chat-content #onlineListContainer {
width:200px;
}
#chat-content #helpContainer, #chat-content #settingsContainer {
width:360px;
}
#chat-content #onlineListContainer #onlineList, #chat-content #helpContainer #helpList, #chat-content #settingsContainer #settingsList {
left:0px;
right:0px;
top:25px;
bottom:0px;
overflow:auto;
}
#chat-content #helpContainer #helpList dl, #chat-content #settingsContainer #settingsList dl {
overflow:hidden;
padding:5px;
margin:0;
}
#chat-content #helpContainer #helpList dt, #chat-content #settingsContainer #settingsList dt {
float:left;
width:55%;
padding:0 2% 0 0;
margin:0;
clear:left;
}
#chat-content #helpContainer #helpList dd, #chat-content #settingsContainer #settingsList dd {
width:43%;
float:left;
margin:0;
padding:0;
}
#chat-content #inputFieldContainer #inputField {
width:100%;
height:100%;
padding:0 1% 0 1%;
}
#chat-content #submitButtonContainer {
right:20px;
bottom:60px;
}
.chat_data{display:inline-table;}
.chat_datalbox{display:block;width:50%;background:#D5DCDC;text-align:left; }
.chat_datar{display:block;width:50%;margin-left:50%; background:#C9E4FF;text-align:right; }
#chat-content #bbCodeContainer {
left:20px;
bottom:20px;
padding:3px;
}
#chat-content #bbCodeContainer input {
display:block;
float:left;
margin-right:2px;
}
#chat-content #bbCodeContainer #bbCodeEmoticon {
display:none;
}
#chat-content #colorCodesContainer, #chat-content #emoticonsContainer {
left:20px;
bottom:55px;
padding:3px;
z-index:1;
}
#chat-content #emoticonsContainer a {
margin-left:1px;
margin-right:1px;
z-index:1;
}
#chat-content #emoticonsContainer img {
vertical-align:middle;
margin-bottom:2px;
}
#chat-content #colorCodesContainer a {
display:block;
float:left;
width:20px;
height:20px;
}
#chat-content #optionsContainer {
right:20px;
bottom:20px;
padding:3px 0 3px 3px;
}
#chat-content #optionsContainer input {
vertical-align:middle;
}
#chat-content #bbCodeContainer input, #chat-content #logoutButton, #chat-content #submitButton, #loginContent #loginButton {
padding: 4px 10px;
}
#chat-content #logoutButton {
display:block;
float:left;
margin: 0 5px 5px 0;
}
#chat-content #chatList div {
padding: 2px 10px;
}
#chat-content #chatList img {
vertical-align:middle;
margin-bottom:2px;
}
#chat-content #chatList cite {
margin-right:5px;
}
#chat-content #chatList .bbCodeImage {
vertical-align:top;
overflow:auto;
margin:5px;
}
#chat-content #chatList .delete {
display:block;
float:right;
width:10px;
height:10px;
margin-top:2px;
padding-left:5px;
background:url('../img/delete.png') no-repeat right;
}
#chat-content #onlineListContainer #onlineList div {
padding: 2px 10px;
}
#chat-content #onlineListContainer #onlineList a {
display:block;
}
#chat-content #onlineListContainer #onlineList ul {
margin: 5px 0;
padding-left:20px;
}
#chat-content #settingsContainer #settingsList select.left {
text-align:right;
}
/* Buttons */
#chat-content #optionsContainer input, #chat-content #settingsContainer #settingsList input.button, #chat-content #showChannelsButton {
background: url('../img/buttons-sprite.png') no-repeat;
vertical-align:middle;
width:22px;
height:22px;
padding:0;
}
#chat-content #optionsContainer #helpButton {
background-position: -69px -22px;
}
#chat-content #optionsContainer #settingsButton {
background-position: -92px 0px;
}
#chat-content #optionsContainer #onlineListButton {
background-position: -69px 0px;
}
#chat-content #optionsContainer #audioButton {
background-position: 0px 0px;
}
#chat-content #optionsContainer #audioButton.off {
background-position: 0px -22px;
}
#chat-content #optionsContainer #autoScrollButton {
background-position: -23px 0px;
}
#chat-content #optionsContainer #autoScrollButton.off {
background-position: -23px -22px;
}
#chat-content #settingsContainer #settingsList input.playback {
background-position: -92px -22px;
margin-bottom:3px;
}
#chat-content #logoutChannelContainer #showChannelsButton {
background-position: -46px 0px;
display:none;
}
#chat-content #logoutChannelContainer #showChannelsButton.off {
background-position: -46px -22px;
}
/* Borders */
#chat-content img {
border:none;
}
#chat-content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #colorCodesContainer a, #content textarea {
border-width:1px;
border-style:solid;
}
#chat-content #chatList .deleteSelected {
border-width:1px;
border-style:dotted;
}
/* Misc */
#chat-content #bbCodeContainer input, #content #optionsContainer input.button, #content #settingsContainer #settingsList input.button, #content #logoutButton, #content #submitButton, #loginContent #loginButton {
cursor:pointer;
}
.solt_data{display:block;background:#FFFFFF;}
/* computer */
.computer{font-size:18px;color:#000000;}
.computer th{background-color:#f1f1f1;text-align:center;font-size:22px;font-weight:bold;}
.computer td.bld{font-weight:bold;color:#004080;}
/* Discussion */
.discussion-sidebar{
-webkit-box-shadow: 0 3px 7px #ddd;
box-shadow: 0 3px 7px #ddd;
margin-bottom:30px;
padding:5px;
}
.discussion-sidebar h4 {
margin-bottom:0px;
padding-bottom:0px;
font-size:18px;
font-weight:700;
}
.discussion-sidebar h4::after {
border-bottom: 1px dashed #f39c12;
bottom:1px;
content: "";
height: 1px;
left: 0;
position:absolute;
width: 0px;
}
.discussion-sidebar select{margin-bottom:5%;font-size:18px;font-weight:600; }
.discussion-sidebar select option{border-bottom:solid 1px #0080FF !important; padding:5% 0 2% 2%;}
.dqtns{font-size:18px;font-weight:bold;text-align:justify; }
.solt_data{font-size:16px;font-weight:bold;text-align:justify; }
/* chemistry */
.rarrow {
width: 110px;
height:10px;
display:inline-table;
}
.arline {
margin-top: 20px;
width: 90px;
background:#FFFFFF;
height: 3px;
float: left;
}
.rpoint {
width: 0;
height: 0;
margin-top:16px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 20px solid #FFFFFF;
float: right;
}
.toarr{
position:absolute;
display:inline;
margin:-5px 0 0 -70px;
font-size:14px;
}
.boarr{
position:absolute;
display:inline;
margin:20px 0 0 -80px;
font-size:14px;
}
.rreaction::after{
content: ' \21CC';
font-size:45px;
line-height:12px;
transform: translate(0px, 14px);
}
.holi {
margin: 0;
padding: 0;
font-family: 'Metal Mania', cursive;
text-align:center;
background-color:#000;
font-size: 60px;
color: rgba(225,225,225,.1);
background-image: url(../images/holi.jpeg);
background-repeat: repeat-x ;
-webkit-background-clip: text;
color:transparent ;
-webkit-animation: slide 15s linear infinite;
}
.holia{
margin: 0;
padding: 0;
font-family: 'Metal Mania', cursive;
text-align:center;
background-color:#000;
font-size: 60px;
color: rgba(225,225,225,.1);
background-image: url(../images/holi2.png);
background-repeat: repeat-x ;
-webkit-background-clip: text;
color:transparent ;
-webkit-animation: slide 15s linear infinite;
}
.holib{
margin: 0;
padding: 0;
font-family: 'Metal Mania';
text-align:center;
background-color:#000;
font-size: 60px;
color: rgba(225,225,225,.1);
background-image: url(../images/holi3.png);
background-repeat: repeat-x ;
-webkit-background-clip: text;
color:transparent ;
-webkit-animation: slide 15s linear infinite;
}
.holic{
margin: 0;
padding: 0;
font-family: 'Metal Mania';
text-align:center;
background-color:#000;
font-size: 60px;
color: rgba(225,225,225,.1);
background-image: url(../images/holia.png);
background-repeat: repeat-x ;
-webkit-background-clip: text;
color:transparent ;
-webkit-animation: slide 15s linear infinite;
}
.holid{
margin: 0;
padding: 0;
font-family: 'Metal Mania';
text-align:center;
background-color:#000;
font-size: 60px;
color: rgba(225,225,225,.1);
background-image: url(../images/holib.png);
background-repeat: repeat-x ;
-webkit-background-clip: text;
color:transparent ;
-webkit-animation: slide 15s linear infinite;
}
.holie{
margin: 0;
padding: 0;
font-family: 'Metal Mania';
text-align:center;
background-color:#000;
font-size: 60px;
color: rgba(225,225,225,.1);
background-image: url(../images/holic.png);
background-repeat: repeat-x ;
-webkit-background-clip: text;
color:transparent ;
-webkit-animation: slide 15s linear infinite;
}
.holif{
margin: 0;
padding: 0;
font-family: 'Metal Mania';
text-align:center;
background-color:#000;
font-size: 60px;
color: rgba(225,225,225,.1);
background-image: url(../images/holid.png);
background-repeat: repeat-x ;
-webkit-background-clip: text;
color:transparent ;
-webkit-animation: slide 15s linear infinite;
}
.holig{
margin: 0;
padding: 0;
font-family: 'Metal Mania';
text-align:center;
background-color:#000;
font-size: 60px;
color: rgba(225,225,225,.1);
background-image: url(../images/holie.png);
background-repeat: repeat-x ;
-webkit-background-clip: text;
color:transparent ;
-webkit-animation: slide 15s linear infinite;
}
@-webkit-keyframes slide {
from { background-position: 0 0; }
to { background-position: -500px 0; }
}
.cart_div {
float:right;
font-weight:bold;
position:relative;
top:5px;
}
.cart_div a {
color:#000;
}
.cart_div span {
font-size: 12px;
line-height: 14px;
background: #F68B1E;
padding: 2px;
border: 2px solid #fff;
border-radius: 50%;
position: absolute;
top: -1px;
left: 13px;
color: #fff;
width: 20px;
height: 20px;
text-align: center;
}
.topiclogo{
width:100%;
}
.topiclogo ul{
width:100%;
}
.topiclogo ul li{
display:inline;
padding:0px !important;
}
/* section why */
.section_whyt{
margin-top:20px;
}
.section_why{
width:100%;
background-image:url('data:image/svg+xml;charset=UTF-8,');
background-repeat:no-repeat;
padding-top:100px;
color: #fff;
}
.asection_why{
width:100%;
background-image:url('data:image/svg+xml;charset=UTF-8,');
background-repeat:no-repeat;
padding-top:20px;
color: #fff;
}
.scewhymain{
background:#0080FF;
}
.ascewhymain{
background:#FFFFFF;
padding-top:0px;
}
.why-heading {
margin-bottom: 0px;
overflow: hidden;
margin-top:15px;
}
.why-heading h2 {
display: block;
font-weight: 700;
margin-bottom: 10px;
text-transform: uppercase;
color:#000000 !important;
}
.why-heading h2 span {
color: #ff5a6e;
}
.whmbody{
margin-left:10px;
}
.why-heading h4 {
display: inline-block;
padding-bottom: 20px;
position: relative;
text-transform: capitalize;
font-size:18px;
z-index: 1;
}
.whylist{
padding: 2% 5% 5% 5%;
}
.whylist li::before {
color: #ff5a6e;
content: "\f00c";
font-family: "FontAwesome";
font-size:18px;
font-weight: 900;
left: 10px;
position: absolute;
}
.whylist li h5{
padding:0;
margin:0;
font-size:18px;
color:#000000;
}
.whylist li p{
padding:1% 0 1% 0;
font-size:16px;
line-height:1.5 !important;
text-align:left;
}
.awhylist{
padding: 2% 5% 5% 5%;
}
.awhylist li::before {
color: #ff5a6e;
content: "\f00c";
font-family: "FontAwesome";
font-size:18px;
font-weight: 900;
left: 10px;
position: absolute;
}
.awhylist li h5{
padding:0;
margin:0;
font-size:18px;
color:#000000;
}
.awhylist li p{
padding:1% 0 1% 0;
font-size:16px;
line-height:1.5 !important;
text-align:left;
color:#000000;
}
/* design */
.myflower_design{
margin-top:40px;
background-color: #2A2A2A;
background-image: url("../images/wbanner.svg");
background-size: cover;
display: block;
height: 130px;
}
.flower_design{
margin-top:40px;
}
.topcodewriter{
padding: 0 0 40px;
display: flex;
white-space: nowrap;
overflow: hidden;
overflow-x: hidden;
scroll-behavior: smooth;
scrollbar-width: none;
-ms-overflow-style: none;
scrollbar-width: none;
overflow-x: auto;
position: relative;
}
.cwcard{
width: 250px;
background-color: #f2f2f2;
box-shadow: 0px 27px 20px -15px rgb(122 62 134 / 31%);
margin: 0px 12px;
border-radius: 10px;
display: inline-flex;
flex-direction: column;
white-space: normal;
position: relative;
flex-shrink: 0;
-webkit-overflow-scrolling: touch;
}
.cwcard-details{
padding: 15px;
}
.cwc-block{
}
.cwimg{
border: 4px solid #DCCC00;
width:220px;
height:200px;
min-height:200px;
max-height:200px;
}
.cwimg img{
min-width:212px;
max-width:212px;
min-height:192px;
max-height:192px;
}
.cwtext-block{
}
.cws-title{
font-size:18px;
}
.beautiful_board{
width:100%;
background-color:#00AEFF;
box-shadow: 0 3px 7px #ddd;
-webkit-box-shadow: 0 3px 7px #ddd;
display: inline-flex;
flex-direction: column;
white-space: normal;
position: relative;
overflow: hidden;
}
.beautiful_board p{
font-size:20px;
padding:3%;
text-align:justify;
}
/* coding round */
.pdtl-block{
}
.pdtl-block h4{
text-transform:capitalize;
}
.pdtl-block p{
font-size:16px;
}
.codr-desc{
font-size:16px;
}
.fnlfinale{
width:100%;
background-color: #f2f2f2;
box-shadow: 0px 27px 20px -15px rgb(122 62 134 / 31%);
margin: 0px;
}
.cham-faq{
width:100%;
background-image:url('data:image/svg+xml;charset=UTF-8,');
background-repeat:no-repeat;
padding-top:100px;
color: #fff;
margin-bottom:20px;
padding-bottom:50px;
background-size:cover;
}
.btn-link{
background:#FF3700 !important;
color:#FFFFFF;
font-size:22px;
font-weight:500;
text-decoration:none !important;
padding:1% 2% 1% 2%;
border-radius:5px;
margin-bottom:10px;
}
.btn-link:hover{
background:#FFE700 !important;
color:#000000 !important;
text-decoration:none;
}
.card-body{
font-size:18px;
font-weight:500;
}
.box-inn{
display:inline-table;
width:100%;
}
.boxilft{
width:30%;
float:left;
min-height:150px;
}
.boxirgt{
width:70%;
float:right;
}
/* add class */
.gbox{
background: linear-gradient(to right, #66caec, #0091c3);
border: solid 1px;
border-radius: 15px;
padding:0% 0 5% 0;
margin-bottom:5px;
font-size:22px;
color: #FFFFFF;
text-align:center;
}
#allert{
pointer-events: none;
opacity:0.2;
background:#000000;
}
#allert .gbox{
pointer-events: none;
opacity:0.4;
}
.abqtable{
border:0px solid; font-size:28px;font-weight:bold;color:#000040;
}
.abqtable :first-child{
text-align:right;color:#FF3700;
}
.abqtable td{
padding:10px;
text-align:center;
}
#salchange{position:fixed;left:25%;top:1%;width:50%;padding:5%;background:#ffffff;border:solid 1px #E4E4E4;border-radius:5px;z-index:9999 !important;}
#closewd{display:none;position:fixed;top:1%;right:26%;z-index:9999; }
.qnscontainer{width:300px;}
.wa-float {
position: fixed;
width: 42px;
height: 42px;
bottom: 80px;
right: 25px;
background-color: #25d366;
color: #FFF;
border-radius: 5px;
text-align: center;
font-size: 30px;
z-index: 100;
}
#chat-container{
position: fixed;
display:inline-table;
width:170px;
height: 52px;
bottom: 20px;
right: 25px;
z-index:99;
}
.chat-launcher-message-wrapper {
float:left;
width:65%;
margin-left: 0;
margin-right: 12px;
}
.chat-launcher-message {
box-shadow: 1px 1px 8px 0 rgba(59,64,76,0.8);
animation: purechat-launcher-appear 288ms cubic-bezier(.4,0,.2,1);
animation-delay: 0s;
animation-fill-mode: none;
animation-delay: 288ms;
animation-fill-mode: both;
background: #fff;
border-radius: 4px;
cursor: pointer;
line-height: 42px;
min-width: 0;
padding: 0 14px;
white-space: nowrap;
}
.chat-launcher-message .chat-truncate {
line-height: 42px;
}
.chat-truncate {
display: block;
font-size: inherit;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.chat-launcher-image {
float:right;
animation: purechat-launcher-appear 288ms cubic-bezier(.4,0,.2,1);
border-radius: 4px;
cursor: pointer;
flex-grow: 1;
flex-shrink: 0;
height: 42px;
max-height: 42px;
max-width: 42px;
min-width: 0;
position: relative;
width:35%;
box-shadow: 1px 1px 8px 0 rgba(59,64,76,0.8);
}
.chat-launcher-image svg {
color: #fff;
cursor: pointer;
fill: #fff;
}
.chat-launcher-image svg {
animation: purechat-launcher-svg-appear 288ms linear;
animation-delay: 0s;
animation-fill-mode: none;
animation-delay: 288ms;
animation-fill-mode: both;
color: #fff;
cursor: pointer;
fill: #fff;
height: 26.25px;
left: 8.875px;
position: absolute;
top: 9.875px;
width: 26.25px;
}
.chatbox{
position:fixed;
display:none;
bottom:10px;
right:2%;
width:30%;
background:#FFFFFF;
z-index:99;
}
.chat_header{
height:50px;
background:#000080;
border-radius:5px 5px 0 0;
font-size:18px;
font-weight:700;
color:#FFFFFF;
padding:3%;
}
.chat_body{
background:#FFFFFF;
padding:2%;
border:1px solid;
}
.chat_body p{
font-size:16px;
font-weight:500;
color:#000000;
}
.finp{padding:2% 0 2% 0;
text-align:center;
}