body {
    background-color:#ffffff;
    
}
.leg-top
{
    margin-top:100px;
}

.title-bar.scrolled
{
	background: #000;
}

.leg-cards
{
    margin-top:-50px;
}

       #gdpr-link
    {
        text-decoration: none;
        color: #000000;
    }

       #gdpr
    {
        margin-bottom: 100px;
        padding:5px;
    }

.row.collapse
{
	background-color: #ffffff !important;
}
            
            .recommended-card
            {
                margin: auto;
                display:block;
                width: 50% !important;
                margin-left:25% !important;
                padding-bottom: 50px;
                
            }
            
             .di-card
            {
                margin: auto;
                display:block;
                width: 50% !important;
                
            }
            .legacy
            {
                border: 1px dashed #0096FF;
                padding-top: 10px;
                padding-bottom:10px;
                border-radius: 50px;
                margin-top:0px!important;
                
                
            }
            
            .legacy .legacyTitle {
  position: relative;
  top: -80px;
background-color: #ffffff;
  padding: 0 10px;
                margin-left:20%;
                width: 60%;
}

#content-section
{
    background-color:#ffffff!important;
	margin-right:-60px;
}
.toptips
{
    max-width:75%;
    position:relative;
    margin: auto;
}

.ct-m
{
    max-width: 50%;
       position:relative;
    margin: auto;
    
}

.ct-m:hover
{
    z-index:3;
}
.ct-m:hover
    {
        -webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
        -ms-transform:scale(1.2);
        -o-transform:scale(1.2);
        transform:scale(1.2);
         transition-duration:200ms;
        background-color:#fff;
        box-shadow:0 5px 20px 0 rgba(0,0,0,.15);
    }


@media screen and (max-width:768px)
{
  #content-section
{
   
	margin-right:-43px;
}
}

@media screen and (max-width:425px)
{
  #content-section
{
   
	margin-right:15px;
}
}

@media screen and (max-width:320px)
{
  #content-section
{
   
	margin-right:10px;
}
}

#curr-search
{
    margin-top:15px;
    color: #fff;
}

div.topichero
{
	background-image: url('../Images/instructor-banner-guides.png');
	background-color: #0C78CF;
	background-size: cover;
	background-repeat: no-repeat;
	height: 300px;
	margin-bottom: 10px;
	margin-top: -85px;
}

div.topichero-ithenticate
{
	background-color: #00778E;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	margin-bottom: 10px;
	margin-top: -85px;
	
}

#div.topichero-ithenticate img
{
	width:100%;
	}

#quick-left
{
    float:left;
    display: inline-block;
}

#quick-right
{
    float:left;
    display: inline-block;
}

#quick-links
{
   
     margin: auto;
   width:50%
    
}
#intro-text
{
 
    margin: auto;
   width:70%;
padding-top:20px;
    padding-bottom:20px;
       border-radius: 10px 10px 10px 10px;
    font-size:26px !important;
    line-height:30px !important;
    text-align:center;
    font-weight: 200;
    box-shadow:0 0 10px 0 rgba(0,0,0,.05);

       }
#intro-text p 
{
       font-size:26px !important;
    line-height:30px !important;
    text-align:center;
    font-weight: 500;
}

.card
{
border-radius:25px!important;
}

#curr-search::after
{
            content: 'Turnitin Originality';
                color: #fff;
                transform: rotate(0deg)!important;
                background-color: #084450;
                margin-right:5px;
    margin-left:5px;
    margin-top:5px;
                padding:6px;
                border-radius: 10px 10px 10px 10px;
                font-family: "Font Awesome 5 Free", Roboto;
                font-weight: 900;
                font-size: 0.8em;
}
.center-card
{
    text-align:center;
}
.main-cards{
    background-color:#ffffff;
   
    margin-bottom:50px;
}


@media screen and (max-width:845px)
{
    
    #intro-text
{
   width:90%;
       }
    
    .main-cards
    {
        margin-bottom:22px
    }
}
@media screen and (max-width:560px){
    .main-cards
    {
        margin-bottom:0
    }
    #content-section {
        padding-top: 0px !important;
    padding-bottom: 0px !important;
    }
}
.main-cards .parent-card-container
{
    max-width:1024px;
    margin:0 auto;
}

.main-cards .child-card-container
{
    width:30%;
    display:inline-block;
    vertical-align:top;
   margin: 5px;
}

@media screen and (max-width:845px)
{

    
 
    
        #intro-text
{
   width:90%;
       }
    .main-cards .child-card-container
    {
        width:30%
    }
}
@media screen and (max-width:700px){.main-cards{padding-bottom:20px}
.main-cards .child-card-container{
-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);
-o-transform:translate(0,0);
transform:translate(0,0);
    width:100%;
    }
}
.main-cards .card
{
    z-index:2;
    padding:36px 20px 0;
    position:relative;
    transition-property:all;
    transition-duration:200ms;
    transform:translate3d(0,0,0);
}

@media screen and (min-width:701px){
    .main-cards .card{
        background-color:#f4f7fa;
        min-height:300px;
    }
}
.main-cards .card .panel
{
    text-decoration:none;
    z-index:1;
    display:inline-block;
    color:#1d1c1d;
}
@media screen and (max-width:700px)
{
.main-cards .card
    {
        padding-top:20px;
    }
.main-cards .card .panel
    {
        background-color:#fff;

     
    }
}

.main-cards .card:hover
{
    z-index:3;
}

@media screen and (min-width:701px)
{
    .main-cards .card:hover
    {
        -webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
        -ms-transform:scale(1.2);
        -o-transform:scale(1.2);
        transform:scale(1.2);
        background-color:#fff;
        box-shadow:0 5px 20px 0 rgba(0,0,0,.15);
    }
    
 
}

.main-cards .c-title
{
    margin-bottom:10px;
    margin-top:0;
    font-weight:900;
}

.main-cards .desc
{
font-size:16.1px;
line-height:25px;
padding:0;
margin:4px auto 0;
max-width:340px;
}



.main-cards .c-img
{
    width:94px;
    height:94px;
    margin:0 auto 10px;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
}


.main-cards .card .panel .desc
{
    color:#454245;
}
.main-cards .c-title
{
    color:#1d1c1d;
    font-size:24px;
    line-height:30px;
}
@media screen and (max-width:700px)
{
    .main-cards .c-title
    {
        font-size:20px;
        line-height:24px;
    }
}

img.contain {
  object-fit: contain;
}