<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 31 Aug, 2015, 3:49:08 PM
    Author     : Aabhas Arora
*/
.cards {
    float: left;
    width: 100%;
    display: none;
    cursor:default;
    /*overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;*/
}


        .card-container * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing:border-box
        }
        .card-container {
            margin-top: 1.5%;
            text-align: center;    
            height: 312px;  
            overflow:hidden;
            max-width:671px;            
        }
        .course-thumbnail {
            text-align: center;
            min-height:50px;
        }
        .course-thumbnail img {
            max-width: 100%;
            max-height: 50px;
        }

        .course-heading {
            padding-bottom: 10px;
            border-bottom: 1px solid #E8E8E8;
            margin: 0 5px;
        }
        .s-rating:before {
            font-size: 15px;
            content: "\2605 \2605 \2605 \2605 \2605";
            content: "\f005 \f005 \f005 \f005 \f005";
            line-height: 1;
            letter-spacing: 4px;
            color: #aaa;
            font-family: FontAwesome;
        }
        .s-rating {
            position: relative;
            white-space: nowrap;
            display: inline-block;
        }
        .s-rating span {
            position: absolute;
            left: 0;
            overflow: hidden;
        }
        .s-rating span:before {
            color: #fba617;
            font-size: 15px;
            content: "\2605 \2605 \2605 \2605 \2605";
            content: "\f005 \f005 \f005 \f005 \f005";
            line-height: 1;
            letter-spacing: 4px;
            font-family: FontAwesome;
        }                                
                        
        .course-card:hover {
            -moz-box-shadow: 0 4px 4px rgba(0,0,0,.25);
            -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.25);
            box-shadow: 0 4px 4px rgba(0,0,0,.25);
        }
        .course-card .course-header-data {
            float: left;
            width: 65%;
            padding-top: 5px;
            padding-left: 2px;
        }
        .course-card .course-header-data .course-header-row1 {
            font-size: 16px;
            line-height: 1.3em;
            color: #484848;
            height: 2.5em;
        }
        .course-card .course-header-data .course-header-row2 {
            font-size: 15px;
            font-weight: bold;
            padding-top: 5px;
            line-height: 1em;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            height: 1.5em ;
            color: #484848;
        }
        .course-card .course-tp {
            float: left;
            width: 35%;
            padding: 5px;
            height: 65px;
        }
        .course-card .course-tp img {
            width: 100%;
            border: 1px solid #E8E8E8;
            padding: 5px;
            max-height: 65px;
        }
        .course-card .course-description {
            font-size: 12px;
            color: #9E9E9E;
            padding: 10px 5px;
            text-align: left;
            line-height: 1.2em;
            height: 5.4em;
            /*white-space: pre-line;*/
        }
        .course-card .course-type {
            text-align: center;
            font-size: 16px;
            color: #484848;
            line-height: 1.2em;
        }
        .course-card .course-Duration {
            text-align: center;
            font-size: 12px;
            color: #9E9E9E;
            line-height: 1.5em;
        }
        .course-card .star-rating-container {
            text-align: center;
            padding-bottom: 20px;
        }
        .course-card .star-rating-container .course-votes {
            font-size: 12px;
            color: #9E9E9E;
        }
        
        .course-card .course-buttons {
            text-align: center;
            margin: auto;
            padding-bottom: 10px;
        }
        
        .course-card .course-buttons .course-button-container {
            margin: 0 4% 0 2%;
            width: 40%;
            display: inline-block;
        }
        
        .course-card .course-buttons .course-button-more, .course-card .course-buttons .course-button-join {
            width: 100%;
            text-align: center;
            border: 0;
            outline: 0;
            color: #ffffff;
            padding: 5px 0;
            cursor: pointer;
        }
        
        .course-card .course-buttons .course-button-response, .course-card .course-buttons .course-button-call {
            width: 170px;
            text-align: left;
            border: 0;
            outline: 0;
            color: #ffffff;
            padding: 7px 10px 7px 35px;
            cursor: pointer;
            position: relative;
            min-height: 30px;
            overflow: hidden;
        }
        
        .course-card .course-buttons .course-button-call .label-text {
            position: absolute; 
            top: 7px; 
            left: 35px;
        }
      
        .course-card .course-buttons .course-button-call .label-call a {
            display: block;
            width: 100%;
            text-decoration: none;
            color: white;
        }
        
        .course-card .course-buttons .course-button-call .label-call {
            position: absolute; 
            top: 7px; 
            left: 100%; 
            width: 100px;
        }
        
        .course-card .course-buttons .join-course-buttons {
            position: absolute; 
            z-index: 100;
            display: none;
            left:15px;
            top:77%;
        }
        
        .course-card .course-buttons .course-button-call {
            border-bottom: 1px solid #6CACCC;
        }
        
        .course-card .course-buttons .course-button-join
        , .course-card .course-buttons .course-button-call
        , .course-card .course-buttons .course-button-response{
            background: #2ba7dd;
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2ba7dd), to(#196fa0));
            background: -webkit-linear-gradient(#2ba7dd, #196fa0);
            background: -moz-linear-gradient(#2ba7dd, #196fa0);
            background: -ms-linear-gradient(#2ba7dd, #196fa0);
            background: -o-linear-gradient(#2ba7dd, #196fa0);
            background: linear-gradient(#2ba7dd, #196fa0);
            -pie-background:linear-gradient(#2ba7dd, #196fa0);
        }
        .course-card .course-buttons .course-button-join:hover
        , .course-card .course-buttons .course-button-call:hover
        , .course-card .course-buttons .course-button-response:hover{
            background:  #196fa0;
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#196fa0), to(#2ba7dd));
            background: -webkit-linear-gradient(#196fa0, #2ba7dd);
            background: -moz-linear-gradient(#196fa0, #2ba7dd);
            background: -ms-linear-gradient(#196fa0, #2ba7dd);
            background: -o-linear-gradient(#196fa0, #2ba7dd);
            background:linear-gradient(#196fa0, #2ba7dd);
            -pie-background:linear-gradient(#196fa0, #2ba7dd);
        }
        .course-card .course-buttons .course-button-more {
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7ba113), to(#6a8c10));
            background: -webkit-linear-gradient(#7ba113, #6a8c10);
            background: -moz-linear-gradient(#7ba113, #6a8c10);
            background: -ms-linear-gradient(#7ba113, #6a8c10);
            background: -o-linear-gradient(#7ba113, #6a8c10);
            background: linear-gradient(#7ba113, #6a8c10);
            -pie-background:linear-gradient(#7ba113, #6a8c10);
        }
        .course-card .course-buttons .course-button-more:hover {
            background: #6a8c10;
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6a8c10), to(#7ba113));
            background: -webkit-linear-gradient(#6a8c10, #7ba113);
            background: -moz-linear-gradient(#6a8c10, #7ba113);
            background: -ms-linear-gradient(#6a8c10, #7ba113);
            background: -o-linear-gradient(#6a8c10, #7ba113);
            background: linear-gradient(#6a8c10, #7ba113);
            -pie-background:linear-gradient(#6a8c10, #7ba113);
        }
        
        .course-share {
            position: absolute;
            width: 100px;
            left: -75px;
            top: -5px;
            background-color: #d9d9d9;
            padding: 10px;
            font-style: normal;
            border-radius: 5px;
            display: none;
            text-align: center;
        }
        
        .course-share a:hover {
            text-decoration: none;
        }

        .course-share a i {
            opacity: 0.8;
            font-size: 20px;
            font-family: FontAwesome;
            font-style: normal;
            cursor: pointer;
        }
        
        .course-share a i:hover {
            opacity: 1;
        }
        
        .course-share .arrow-icon-pointer {
            height: 0;
            width: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 15px solid #d9d9d9;
            bottom: -10px;
            left: 70%;
            position: absolute;
        }
        
        .icon-heart:before {
            content: "\f004";
        }
        .wish-icon {
            font-size: 18px;
            color: rgba(0,0,0,.4);
            -webkit-text-stroke: 1px #fff;
            font-family: FontAwesome;
            font-style: normal;
            position: absolute;
            top: 5px;
            right: 30px;
            cursor: pointer;
        }
        .share-email:before {
            content: "\f199";
        }
        .share-email {
            
        }
        .share-facebook:before {
            content: "\f082";
        }
        .share-facebook {
            
        }
        .share-twitter:before {
            content: "\f081";
        }
        .share-twitter {
            
        }
        .share-linkedin:before {
            content: "\f08c";
        }
        .share-linkedin {
            
        }
        .wish-icon.added-wishlist {
            color: #D23837;
            opacity: 1;
        }
        .wish-icon:hover {
            color: #D23837;
            opacity: 1;
        }
        span.review-count.no-rating {
            visibility: hidden;
        }
        .card-container .share-course:before {
            content: "\f1e0";
        }
        .card-container .share-course {
            font-size: 18px;
            color: rgba(0,0,0,.4);
            -webkit-text-stroke: 1px #fff;
            font-family: FontAwesome;
            font-style: normal;
            cursor: pointer;
        }
        .card-container .share-course-container {
            position: absolute;
            top: 5px;
            right: 10px;
        }
            
        .card-container .call-provider:before {
            content: "\f095";
        }
        .card-container .call-provider {
            font-size: 20px;
            color: white;
            font-family: FontAwesome;
            font-style: normal;
            position: absolute;
            top: 5px;
            left: 10px;
            cursor: pointer;
        }
        .card-container .submit-interest:before {
            content: "\f044";
        }
        .card-container .submit-interest {
            font-size: 20px;
            color: white;
            font-family: FontAwesome;
            font-style: normal;
            position: absolute;
            top: 5px;
            left: 10px;
            cursor: pointer;
        }
        .card-container .share-course:hover {
            opacity: 1;
            color: #000000;
        }
		
/* =========================== 02-11-2015 / jobs widget =============================*/
 .cards .card-container{
	text-align:left;	
}
 .cards .card-container .course-card {
    background-color: white;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    display: inline-block;
    margin: 0 10px 10px 0;
    position: relative;
    text-align: left;
    width: 217px;        
    float:left;
}
 .cards .card-container  div.course-card:nth-of-type(3n+0){   
    margin: 0 0px 10px 0;    
}

.courseContent{
    display:none;
}

.cardsContainer{
    float:left;
    margin-top: -25px;
    width: 3000%;
    position:relative;
    left:1px;
    height:305px;
}

.buttonsContainer{
    display: inline;
    opacity:0;  
}

.card-container:hover .buttonsContainer{
    opacity: 1; 
}

.prevButton, .nextButton{
    position: relative;
    display: inline;    
    left: 0;
    margin: 0;
    background: transparent;
    border: none;
    top: 40%;
    z-index:100;
    width: 40px;
}
.prevButton span, .nextButton span{
    font-size: 2em;
    color: #fff;
    padding: 4.7px 12px;
    background: #000;     
    opacity:0.4;
}

.nextButton{
    left: auto !important;
    right: 0 !important;
    float:right;
}

.prevButton {
    float:left;    
}

/*.prevButton span:hover, .nextButton span:hover {
    color:#282828;
}*/

.icon-next, .icon-previous{
    display: inline-block;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
}

.icon-previous:before {
    content:"\003c";
}

.icon-next:before{
    content: "\003e"
}

/* =========================== @media query =============================*/
@media only screen and (max-width:500px){
	.content  .job-page .cards .card-container{
		text-align:center;	
	}
}
@media (min-width: 768px) {
	.content  .job-page .cards .card-container{
		text-align:center;	
                display:block;
                margin:auto;
        }       
}

@media (min-width: 735px) and (max-width: 1199px) {
	.card-container{
            margin-top: 0;
            display: inline-block;
            height:325px;
        }
        
        .cardsButtons-Container{
            text-align:center;
            width:100%;
        }        
        
        .cardsContainer{    
            margin-top: -8px;
        }
        
        .buttonsContainer{
            display:inline;
        }
                
}

@media (min-width: 500px) and (max-width: 735px) {	
        .card-container{
            margin-top: 0;
            display: inline-block;
            max-width: 447px;
        }
        
        .cardsButtons-Container{
            text-align:center;
            width:100%;
        }
        
        .load_more_content_courses {
            position: relative;
            clear: both;
            float:none;
        }
        
        .job-listing .share{
            margin: 5px 0 10px 0;
        }
        
        .buttonsContainer{
            display:inline;
        }
}

/*@media (min-width: 381px) and (max-width: 499px) {
	.card-container{
            margin-top: 0;
            display: inline-block;
            max-width: 220px;
        }
        
        .cardsButtons-Container{
            text-align:center;
            width:100%;
        }
        
        .load_more_content_courses {
            position: relative;
            clear: both;
            float:none;
        }
        
        .job-listing .share{
            margin: 5px 0 10px 0;
        }
}*/

@media (max-width: 499px) {
	.card-container{                        
            height: 932px;  
            margin-top: 0;
            display: inline-block;
            max-width: 219px;
        }
        
         .cardsButtons-Container{
            text-align:center;
            width:100%;
        }
        
        .buttonsContainer{
            display:none;
        }
        
        .cardsContainer{
            height:617px;
            width:312px;
            margin-top: 0;
            left:1px !important;
            float:none;
            
        }                
        
        .job-listing .share{
            margin: 10px 0;
        }
        
        .load_more_content_courses {
            position: relative;
            clear: both;
            float:none;
        }
}

@media (max-width: 380px) {
.job-listing .ready_btn{
            float:left;            
        }
}
</pre></body></html>