@charset "utf-8";
/* CSS Document */
/* font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif; 
font-family: 'Montserrat', sans-serif; 
*/
/* Top banner */
.top-banner{
    background: url('../img/360assist/bannertop.jpg') no-repeat;
    background-size: cover;
    min-height: 94vh;
    text-align: left;
    position:relative;
    font-family: 'Roboto', sans-serif; 
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif; 
}
.top-banner:before{
    background-color: rgba(2, 36, 101, 0.8);
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.top-banner-content {
    text-align: center;
    color: #fff;
    margin-top: 25vh;
}
.top-banner-content h1 {
    font-weight: bold;
    font-size: 52px;
}
.top-banner-content p {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.6;
}

/* About 360*/
.about360{
    background: url('../img/360assist/about-360assit.jpg') no-repeat;
    background-size: cover;
    padding:208px 0px;
    position: relative;
}
.about360:before{
    background-color: rgba(0, 0, 0, 0.8);
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; 
    color:#fff;
}
/* Project IQ */
.pro-iq-sec{
    background-color:#e5e5e5;
    padding:70px 0;
}
.iq-box{
    background: url('../img/360assist/IQ-blog.jpg') no-repeat;
    background-size: cover;
    width:100%;
    height:220px;
    border-radius:15px;
    
}

/* ProjectSponser */
.ProjectSponser-sec{
    padding:70px 0;
}
/* ProjectDetail */
.ProjectDetail-sec{
    padding:125px 0;
    background-color: #ebebeb; 
    min-height: 100vh; 
}
.ProjectDetail-sec .figure-box{
    border-radius: 15px;
    background: url('../img/360assist/pro-plan.jpg') no-repeat;
    background-size: cover;
    border: 8px solid #fff;
    box-shadow: 0px 2px 10px #ccc;
    -moz-box-shadow: 0px 2px 10px #ccc;
    -webkit-box-shadow: 0px 2px 10px #ccc;
    overflow: hidden;
}
.pro-plan-detail{
    padding-left:10px;
}
.pro-plan-detail .pro-plan-heading h1{
    color:#0693dd;
    font-size:28px;
    font-weight: bold;
}
.pro-plan-list{
    list-style-type: none;
    padding: 0;
    margin:0px;
}
.pro-plan-list li{
    padding:20px 0;
    border-top:2px dotted #ccc;
    position: relative;
    padding-left:80px;
}
.pro-plan-list li .step{
    width:70px;
    height: 70px;
    border-radius: 100%;
    background-color:#d17509;
    color:#fff;
    font-family: 'Montserrat', sans-serif; 
    text-align: center;
    font-size: 13px;
    position: absolute;
    left: 0;
    top:20px;
    line-height:11px;
}
.pro-plan-list li .step .number {
    font-size: 34px;
    font-weight: bold;
    margin-top: 20px;
    display: block;
}
.pro-plan-list p {
    color: #3d4244;
}
.pro-plan-list small {
    color: #898989;
    font-size: 14px;
}
.pro-plan-list small strong{
    color:#d17509;
}
/* CourseContent Section */
.CourseContent-sec{
    position: relative;
}
.CourseContent-sec:before{
    content: '';
    position: absolute;
    width:50%;
    height: 100%;
    background-color: #159dff;
    left:0;
    top:0;
}
.CourseContent-sec:after{
    content: '';
    position: absolute;
    width:50%;
    height: 100%;
    background-color: #262b2e;
    right:0;
    top:0;
    z-index:-1;
}
.CourseContent-sec .figure-box{
    background-color: #159dff;
    position: relative;
}
.CourseContent-sec .figure-box:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 80px solid transparent;
    border-left: 50px solid #159dff;
    border-bottom: 80px solid transparent;
    position: absolute;
    right: -50px;
    top: 15vh;
    z-index: 1;
}
.CourseContent-sec .content-detail{
    background-color: #262b2e;
}
.figure-box-heading{
    color: #fff;
    font-weight: bold;
    font-size: 25px;
}
.CourseContent-sec .content-detail{
    background-color: #262b2e;
}
.CourseContent-sec .content-detail-inner{
    padding: 30px 0px 30px 40px;
}
.CourseContent-sec .content-detail-inner .box{
    color:#fff;
    font-size: 14px;
    padding:10px
}
.CourseContent-sec .content-detail-inner .border{
    border-color: #656b6f !important;
}
.CourseContent-sec .content-detail-inner .box>strong {
    color: #e4973d;
    font-size: 16px;
}
.CourseContent-sec .content-detail-inner .box .box-heading{
    color:#87c9eb;
    text-decoration: underline;
}
.content-icon-boxes{
    color:#fff;
}
.content-icon-boxes .icon-box-heading{
    color:#87c9eb;
    font-weight: bold;
}
/* Apply to 360 */
.applyto360 {
    background: url('../img/360assist/360assist-bottom.jpg') no-repeat;
    background-size: cover;
    padding:130px  0px;
}
.applyto360 .button{
background: #bd270a;
background: -moz-linear-gradient(left,  #bd270a 0%, #5b0587 100%);
background: -webkit-linear-gradient(left,  #bd270a 0%,#5b0587 100%);
background: linear-gradient(to right,  #bd270a 0%,#5b0587 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd270a', endColorstr='#5b0587',GradientType=1 );
font-family: 'Montserrat', sans-serif; 
font-size: 28px;
font-weight: bold;
color:#fff;
border-radius: 50px;
border-color:transparent;
padding: 18px 60px;
}
@media (max-width:992px){
    .top-banner-content h1 {
        font-size: 40px;
    }
    .top-banner-content p {
        font-size: 18px;
    }
}
@media (max-width:767px){
    .ProjectDetail-sec .figure-box{
        height: 300px;
        background-position: bottom;
        margin-bottom: 15px;
    }
}