/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */


/*****************************************/
/* Start your style declarations here    */
/*****************************************/

@charset "utf-8";
/* CSS Document */

 

 .modal {
  padding-top: 12%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 0px;
  border: 1px solid #888;
  width: 80%;
      border-bottom: 4px solid #ffc000;
    border-radius: 0px;
}

/* The Close Button */
.close {
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal1 {
 padding-top: 12%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
      display: none;
    outline: 0;
}


.modal-content1 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}



.modal2 {
 padding-top: 10%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
      display: none;
    outline: 0;
}


.modal-content2 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}


.modal3 {
 padding-top: 12%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
      display: none;
    outline: 0;
}


.modal-content3 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}


.modal4 {
 padding-top: 12%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
      display: none;
    outline: 0;
}


.modal-content4 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}


.modal5 {
 padding-top: 12%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
      display: none;
    outline: 0;
}


.modal-content5 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}

.modal6 {
 padding-top: 12%;
    left: 0;
    top: 0px;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
    display: none;
    outline: 0;
}


.modal-content6 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}

.modal7 {
 padding-top: 12%;
    left: 0;
    top: 0px;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
    display: none;
    outline: 0;
}


.modal-content7 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}

.modal8 {
 padding-top: 12%;
    left: 0;
    top: 0px;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
    display: none;
    outline: 0;
}


.modal-content8 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}

.modal9 {
 padding-top: 12%;
    left: 0;
    top: 0px;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
    display: none;
    outline: 0;
}


.modal-content9 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}


.modal10 {
 padding-top: 12%;
    left: 0;
    top: 0px;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
    display: none;
    outline: 0;
}


.modal-content10 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}

.modal11 {
 padding-top: 12%;
    left: 0;
    top: 0px;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
    display: none;
    outline: 0;
}


.modal-content11 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}

.modal12 {
 padding-top: 12%;
    left: 0;
    top: 0px;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
    display: none;
    outline: 0;
}


.modal-content12 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}

.modal13 {
 padding-top: 12%;
    left: 0;
    top: 0px;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
    display: none;
    outline: 0;
}


.modal-content13 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}

.modal14 {
 padding-top: 12%;
    left: 0;
    top: 0px;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
    display: none;
    outline: 0;
}


.modal-content14 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}

.modal15 {
 padding-top: 12%;
    left: 0;
    top: 0px;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
    display: none;
    outline: 0;
}


.modal-content15 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}

.modal16 {
 padding-top: 12%;
    left: 0;
    top: 0px;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
    display: none;
    outline: 0;
}


.modal-content16 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}


.modal17 {
 padding-top: 12%;
    left: 0;
    top: 0px;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
    display: none;
    outline: 0;
}


.modal-content17 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}

.modal18 {
 padding-top: 12%;
    left: 0;
    top: 0px;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
    display: none;
    outline: 0;
}


.modal-content18 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}


.modal19 {
 padding-top: 12%;
    left: 0;
    top: 0px;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
    display: none;
    outline: 0;
}


.modal-content19 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}

.modal20 {
 padding-top: 12%;
    left: 0;
    top: 0px;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
    display: none;
    outline: 0;
}

.modal-content20 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}

.modal21 {
 padding-top: 12%;
    left: 0;
    top: 0px;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
    display: none;
    outline: 0;
}

.modal-content21 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}

.modal22 {
 padding-top: 12%;
    left: 0;
    top: 0px;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
    display: none;
    outline: 0;
}

.modal-content22 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}

.modal23 {
 padding-top: 12%;
    left: 0;
    top: 0px;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
    display: none;
    outline: 0;
}

.modal-content23 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}

.modal24 {
 padding-top: 12%;
    left: 0;
    top: 0px;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
    display: none;
    outline: 0;
}

.modal-content24 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}

.modal25 {
 padding-top: 12%;
    left: 0;
    top: 0px;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
    display: none;
    outline: 0;
}
.modal-content25 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}
.modal26 {
 padding-top: 12%;
    left: 0;
    top: 0px;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
    display: none;
    outline: 0;
}
.modal-content26 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}

.modal27 {
 padding-top: 12%;
    left: 0;
    top: 0px;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
    display: none;
    outline: 0;
}
.modal-content27 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}
.modal28 {
 padding-top: 12%;
    left: 0;
    top: 0px;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
    display: none;
    outline: 0;
}
.modal-content28 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}
.modal29 {
 padding-top: 12%;
    left: 0;
    top: 0px;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
    display: none;
    outline: 0;
}
.modal-content29 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}

.modal30 {
 padding-top: 12%;
    left: 0;
    top: 0px;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000;
    position: fixed;
    overflow: hidden;
    display: none;
    outline: 0;
}
.modal-content30 {
     background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 80%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-bottom: 4px solid #ffc000;
    border-radius: 0px;
    outline: 0;
}

.modal31 {
	padding-top: 12%;
	left: 0;
	top: 0px;
	width: 100%;
	height: 200%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 100000;
	position: fixed;
	overflow: hidden;
	display: none;
	outline: 0
}

.modal-content31 {
	background-color: #fefefe;
	margin: auto;
	padding: 0px;
	border: 1px solid #888;
	width: 80%;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	border-bottom: 4px solid #ffc000;
	border-radius: 0px;
	outline: 0
}
.modal32 {
	padding-top: 12%;
	left: 0;
	top: 0px;
	width: 100%;
	height: 200%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 100000;
	position: fixed;
	overflow: hidden;
	display: none;
	outline: 0
}

.modal-content32{
	background-color: #fefefe;
	margin: auto;
	padding: 0px;
	border: 1px solid #888;
	width: 80%;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	border-bottom: 4px solid #ffc000;
	border-radius: 0px;
	outline: 0
}
.modal33{
	padding-top: 12%;
	left: 0;
	top: 0px;
	width: 100%;
	height: 200%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 100000;
	position: fixed;
	overflow: hidden;
	display: none;
	outline: 0
}

.modal-content33 {
	background-color: #fefefe;
	margin: auto;
	padding: 0px;
	border: 1px solid #888;
	width: 80%;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	border-bottom: 4px solid #ffc000;
	border-radius: 0px;
	outline: 0
}
.modal34{
	padding-top: 12%;
	left: 0;
	top: 0px;
	width: 100%;
	height: 200%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 100000;
	position: fixed;
	overflow: hidden;
	display: none;
	outline: 0
}

.modal-content34 {
	background-color: #fefefe;
	margin: auto;
	padding: 0px;
	border: 1px solid #888;
	width: 80%;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	border-bottom: 4px solid #ffc000;
	border-radius: 0px;
	outline: 0
}
.modal35 {
	padding-top: 12%;
	left: 0;
	top: 0px;
	width: 100%;
	height: 200%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 100000;
	position: fixed;
	overflow: hidden;
	display: none;
	outline: 0
}

.modal-content35 {
	background-color: #fefefe;
	margin: auto;
	padding: 0px;
	border: 1px solid #888;
	width: 80%;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	border-bottom: 4px solid #ffc000;
	border-radius: 0px;
	outline: 0
}
.modal36 {
	padding-top: 12%;
	left: 0;
	top: 0px;
	width: 100%;
	height: 200%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 100000;
	position: fixed;
	overflow: hidden;
	display: none;
	outline: 0
}

.modal-content36 {
	background-color: #fefefe;
	margin: auto;
	padding: 0px;
	border: 1px solid #888;
	width: 80%;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	border-bottom: 4px solid #ffc000;
	border-radius: 0px;
	outline: 0
}
.modal37 {
	padding-top: 12%;
	left: 0;
	top: 0px;
	width: 100%;
	height: 200%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 100000;
	position: fixed;
	overflow: hidden;
	display: none;
	outline: 0
}

.modal-content37 {
	background-color: #fefefe;
	margin: auto;
	padding: 0px;
	border: 1px solid #888;
	width: 80%;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	border-bottom: 4px solid #ffc000;
	border-radius: 0px;
	outline: 0
}
.modal38 {
	padding-top: 12%;
	left: 0;
	top: 0px;
	width: 100%;
	height: 200%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 100000;
	position: fixed;
	overflow: hidden;
	display: none;
	outline: 0
}

.modal-content38 {
	background-color: #fefefe;
	margin: auto;
	padding: 0px;
	border: 1px solid #888;
	width: 80%;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	border-bottom: 4px solid #ffc000;
	border-radius: 0px;
	outline: 0
}
.modal39 {
	padding-top: 12%;
	left: 0;
	top: 0px;
	width: 100%;
	height: 200%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 100000;
	position: fixed;
	overflow: hidden;
	display: none;
	outline: 0
}

.modal-content39 {
	background-color: #fefefe;
	margin: auto;
	padding: 0px;
	border: 1px solid #888;
	width: 80%;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	border-bottom: 4px solid #ffc000;
	border-radius: 0px;
	outline: 0
}
.modal40 {
	padding-top: 12%;
	left: 0;
	top: 0px;
	width: 100%;
	height: 200%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 100000;
	position: fixed;
	overflow: hidden;
	display: none;
	outline: 0
}

.modal-content40 {
	background-color: #fefefe;
	margin: auto;
	padding: 0px;
	border: 1px solid #888;
	width: 80%;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	border-bottom: 4px solid #ffc000;
	border-radius: 0px;
	outline: 0
}
.modal41 {
	padding-top: 12%;
	left: 0;
	top: 0px;
	width: 100%;
	height: 200%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 100000;
	position: fixed;
	overflow: hidden;
	display: none;
	outline: 0
}

.modal-content41 {
	background-color: #fefefe;
	margin: auto;
	padding: 0px;
	border: 1px solid #888;
	width: 80%;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	border-bottom: 4px solid #ffc000;
	border-radius: 0px;
	outline: 0
}
.modal42 {
	padding-top: 12%;
	left: 0;
	top: 0px;
	width: 100%;
	height: 200%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 100000;
	position: fixed;
	overflow: hidden;
	display: none;
	outline: 0
}

.modal-content42 {
	background-color: #fefefe;
	margin: auto;
	padding: 0px;
	border: 1px solid #888;
	width: 80%;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	border-bottom: 4px solid #ffc000;
	border-radius: 0px;
	outline: 0
}





/* The Close Button */
.close1 {
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close1:hover,
.close1:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}


.close2 {
    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close2:hover,
.close2:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}



.close3 {
   
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close3:hover,
.close3:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}




.close4 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close4:hover,
.close4:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close5 {
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close5:hover,
.close5:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close6 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close6:hover,
.close6:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}



.close7 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close7:hover,
.close7:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close8 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close8:hover,
.close8:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close9 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close9:hover,
.close9:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}


.close10 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close10:hover,
.close10:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close11 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close11:hover,
.close11:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close12 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close12:hover,
.close12:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close13 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close13:hover,
.close13:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close14 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close14:hover,
.close14:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close15 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close15:hover,
.close15:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close16 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close16:hover,
.close16:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}


.close17 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close17:hover,
.close17:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close18 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close18:hover,
.close18:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close19 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close19:hover,
.close19:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close20 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close20:hover,
.close20:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close21 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close21:hover,
.close21:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close22 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close22:hover,
.close22:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close23 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close23:hover,
.close23:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}



.close24 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close24:hover,
.close24:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}


.close25 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close25:hover,
.close25:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}


.close26 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close26:hover,
.close26:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close27 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close27:hover,
.close27:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close28 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close28:hover,
.close28:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close29 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close29:hover,
.close29:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close30 {    
    color: #ffc000;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -1%;
    position: relative;
    opacity: inherit;
    font-family: 'Open Sans';
}

.close30:hover,
.close30:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.close31 {
	color: #ffc000;
	float: right;
	font-size: 40px;
	font-weight: 100;
	left: -1%;
	position: relative;
	opacity: inherit;
	font-family: 'Open Sans'
}

.close31:hover,
.close31:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer
}
.close32 {
	color: #ffc000;
	float: right;
	font-size: 40px;
	font-weight: 100;
	left: -1%;
	position: relative;
	opacity: inherit;
	font-family: 'Open Sans'
}

.close32:hover,
.close32:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer
}
.close33 {
	color: #ffc000;
	float: right;
	font-size: 40px;
	font-weight: 100;
	left: -1%;
	position: relative;
	opacity: inherit;
	font-family: 'Open Sans'
}

.close33:hover,
.close33:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer
}
.close34 {
	color: #ffc000;
	float: right;
	font-size: 40px;
	font-weight: 100;
	left: -1%;
	position: relative;
	opacity: inherit;
	font-family: 'Open Sans'
}

.close34:hover,
.close34:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer
}
.close35{
	color: #ffc000;
	float: right;
	font-size: 40px;
	font-weight: 100;
	left: -1%;
	position: relative;
	opacity: inherit;
	font-family: 'Open Sans'
}

.close35:hover,
.close35:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer
}
.close36 {
	color: #ffc000;
	float: right;
	font-size: 40px;
	font-weight: 100;
	left: -1%;
	position: relative;
	opacity: inherit;
	font-family: 'Open Sans'
}

.close36:hover,
.close36:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer
}
.close37 {
	color: #ffc000;
	float: right;
	font-size: 40px;
	font-weight: 100;
	left: -1%;
	position: relative;
	opacity: inherit;
	font-family: 'Open Sans'
}

.close37:hover,
.close37:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer
}
.close38 {
	color: #ffc000;
	float: right;
	font-size: 40px;
	font-weight: 100;
	left: -1%;
	position: relative;
	opacity: inherit;
	font-family: 'Open Sans'
}

.close38:hover,
.close38:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer
}
.close39 {
	color: #ffc000;
	float: right;
	font-size: 40px;
	font-weight: 100;
	left: -1%;
	position: relative;
	opacity: inherit;
	font-family: 'Open Sans'
}

.close39:hover,
.close39:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer
}
.close40 {
	color: #ffc000;
	float: right;
	font-size: 40px;
	font-weight: 100;
	left: -1%;
	position: relative;
	opacity: inherit;
	font-family: 'Open Sans'
}

.close40:hover,
.close40:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer
}
.close41 {
	color: #ffc000;
	float: right;
	font-size: 40px;
	font-weight: 100;
	left: -1%;
	position: relative;
	opacity: inherit;
	font-family: 'Open Sans'
}

.close41:hover,
.close41:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer
}



.close42 {
	color: #ffc000;
	float: right;
	font-size: 40px;
	font-weight: 100;
	left: -1%;
	position: relative;
	opacity: inherit;
	font-family: 'Open Sans'
}

.close42:hover,
.close42:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer
}



.popupbx{    width: 33%;
    float: left;
    height: auto;
    padding: 4% 4%;
    margin-right: 2%;
    text-align: center;font-weight: 600;
   }

.popupbx2{    padding: 4% 4%;}
.popupbx h3 {
    border-bottom: 2px solid #efefec;
     font-family: 'Poppins',sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 5%;
    padding-top: 5%;
  
}

.popupbx2 p{text-align: justify;
        font-family: 'Roboto',sans-serif;
    font-size: 14px;
    padding-top: 12px;
    color: #000;
    width: 99%;
    margin: 0 auto;
  font-weight: 400;
    
}
.popupbx p {
    text-align: center;
        font-family: 'Roboto',sans-serif;
    font-size: 14px;
    padding-top: 12px;
    color: #000;
    width: 90%;
    margin: 0 auto;font-weight: 500;
  
}

.main-con {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
}
  
.whyspbx1 {
    width: 23%;
    float: left;
    height: 350px;
    padding: 36px 0;
    margin-right: 2%;
    background-repeat: repeat;
    border-bottom: 4px solid #ffc000;
    margin-bottom: 2%;
    background: #fafafa;
}
 

  
  

.bod {
    text-align: center;
}
.bod img{
    width: 125px;
}
.box1{
    border-bottom: 2px solid #f3f3f3;
    width: 80%;
    margin-left: 10%;
}

.whyspbx1 h3{
    border-bottom: 2px solid #efefec;
    font-size: 16px;
    font-weight: 800;
    color: #003a7e;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 5%;
    padding-top: 5%;
}

.whyspbx1 p {
    text-align: center;
        font-family: 'Roboto',sans-serif;
    font-size: 13px;
    padding-top: 12px;
    color: #000;
    width: 90%;
    margin: 0 auto;
    font-weight: 600;
}


.bod1 {
    margin: 0 auto;
}

.bod1  img{
    width: 32px;
  height:auto;
    margin-top: 10%;
}


/*body css ends*/







@media (max-width: 991px) {

  

}

@media (min-width: 992px) {
}



/* responsive css start */
@media (max-width: 1199px) {

.program-navbar-container .navbar-nav>li>a {
    padding: 15px 10px;
    font-size: 11px;
}

.overview-pointers-col {
    width: 33.33%;
}

.program-sidebar ul li a {
    padding: 25px 12px;
    min-height: 0;
}

.program-sidebar ul li a img {
    width: 30px;
}

.program-sidebar ul li a {
    font-size: 14px;
}
.whySpBox {

    width: 100% !important;
}
.programStructureBox h3 {    
    font-size: 9px;
    line-height: 14px;
}
.programStructureBox h2 {
    font-size: 38px;
    line-height: 35px;
}
.specialisationsBox .specialisationsHead {
    font-size: 16px;}
    
.specialisationsBox .btnList ul li {
    margin-bottom: 10px;
} 
.importantDatesBox { padding: 0;}

.overview-pointers-box .overview-pointers-desc {
    font-size: 16px;}
    
	
}

 @media (min-width: 992px)  {
.program-navbar-container .navbar-nav li.dropdown:hover .dropdown-menu {
	display: table;
	z-index:9999;
}
}


@media (max-width: 991px) {
.program-navbar-container {position: relative; top:0;}
.program-navbar-container .container {
    width: 100%;
}

.program-navbar-container .navbar-nav>li>a {
    padding: 10px 10px;
}

.program-navbar-container .navbar-nav>li>a:hover {
	background: #0694a7;
}

.program-navbar-container .navbar-nav>li>a:hover:after {
	display: none;
}

.program-carousel-caption h4, #programCarousel .item .caption h4 {
    font-size: 42px;
}

.program-carousel-caption h4:after, #programCarousel .item .caption h4:after {
    height: 6px;
}

.program-carousel-layer {
    display: none;
}

.program-carousel-caption, #programCarousel .item .caption {
    bottom: 10px;
}

.program-sidebar ul li a {
    font-size: 12px;
}

.program-breadcrumb { padding-top: 20px;}

.admissionHead img {display: none;}
.admissionBox .admissionDetail {    padding-left: 0;}

.admissionHead {
    font-size: 12px;}
    
.admissionHead .numb {
    font-size: 20px;
}
.studentnumHead {
    font-size: 32px;}

.studentTextHead {
    font-size: 11px;}

.employerReportBox h3 {
    font-size: 23px;
}
.employerReportBox h4 {
    font-size: 12px;}
    
.overview-pointers-box .overview-pointers-desc {
    font-size: 12px;}
    
.overview-pointers-box .overview-pointers-title {
    font-size: 11px;}

}

@media (max-width: 900px) {

.program-sidebar ul li a {
    padding: 15px 12px;
}

.program-sidebar ul li a img {
    margin-bottom: 10px;
}

.program-sidebar ul li a .program-sidebar-text {
    width: 100%;
    padding-left: 0;
    text-align: center;
}
.projectBox .yellowBox {    width: 100%; margin-bottom: 18px; }
}

@media (max-width: 850px) {
    
.programCarouselContainer {
    margin-top: 0px;
}

}

@media (max-width: 767px) {
  .modal {
    top: 0px;
}
   .modal-content
  {
    overflow: scroll;
      height: 90%;
}
  .modal1 {
    top: 0px;
}
   .modal-content1
  {
    overflow: scroll;
      height: 90%;
}
  
  .modal2 {
    top: 0px;
}
   .modal-content2
  {
    overflow: scroll;
      height: 90%;
}
  .modal3 {
    top: 0px;
}
   .modal-content3
  {
    overflow: scroll;
      height: 90%;
}

   .modal4 {
    top: 0px;
}
   .modal-content4
  {
    overflow: scroll;
      height: 90%;
}
     .modal5 {
    top: 0px;
   
}
  .modal-content5
  {
    overflow: scroll;
      height: 90%;
}
  
    .modal6 {
    top: 0px; 
}
  .modal-content6
  {
    overflow: scroll;
      height: 90%;
}

   .modal7 {
    top: 0px; 
}
  .modal-content7
  {
    overflow: scroll;
      height: 90%;
}
  
   .modal8 {
    top: 0px; 
}
  .modal-content8
  {
    overflow: scroll;
      height: 90%;
}
  
   .modal9 {
    top: 0px; 
}
  .modal-content9
  {
    overflow: scroll;
      height: 90%;
}
  
   .modal10 {
    top: 0px; 
}
  .modal-content10
  {
    overflow: scroll;
      height: 90%;
}
  
  .modal11 {
    top: 0px; 
}
  .modal-content11
  {
    overflow: scroll;
      height: 90%;
}
  
  .modal12 {
    top: 0px; 
}
  .modal-content12
  {
    overflow: scroll;
      height: 90%;
}
  
   .modal13 {
    top: 0px; 
}
  .modal-content13
  {
    overflow: scroll;
      height: 90%;
}
  
    .modal14 {
    top: 0px; 
}
  .modal-content14
  {
    overflow: scroll;
      height: 90%;
}
  
   .modal15 {
    top: 0px; 
}
  .modal-content15
  {
    overflow: scroll;
      height: 90%;
}
  
   .modal16 {
    top: 0px; 
}
  .modal-content16
  {
    overflow: scroll;
      height: 90%;
}
  
  .modal17 {
    top: 0px; 
}
  .modal-content17
  {
    overflow: scroll;
      height: 90%;
}
  
  .modal-content18
  {
    overflow: scroll;
      height: 90%;
}
  
   .modal-content22
  {
    overflow: scroll;
      height: 40%;
}
  
   .modal-content23
  {
    overflow: scroll;
      height: 40%;
}
  
.program-carousel-caption h4, #programCarousel .item .caption h4 {
    font-size: 30px;
}

.program-carousel-caption h4:after, #programCarousel .item .caption h4:after {
    height: 3px;
}

.programCarouselContainer .owl-theme .owl-dots {
	display: none;
}
	
.overview-pointers-col {
    width: 50%;
}

.testimonialCarouselContainer {
    padding: 15px;
    margin-bottom: 30px;
}

.testimonialCarouselBox {
    padding: 0px;
}

/*.testimonialCarouselBox img {
    width: 75px;
}*/

.testimonialCarouselContainer .owl-carousel .owl-nav button.owl-prev, .testimonialCarouselContainer .owl-carousel .owl-nav button.owl-next {
	display: none;
}

.importantDatesCarouselContainer {
    padding: 15px;
}

.importantDatesCarouselContainer .owl-theme .owl-nav {
	display: none;
}

.importantDatesCarouselContainer .owl-theme .owl-dots {
    display: block;
    margin-top: 20px;
}

.importantDatesBox {
    padding: 0;
}


@media (max-width: 680px) {

.program-carousel-caption, #programCarousel .item .caption {
	display: block;	
}

.program-carousel-caption, #programCarousel .item .caption {
    bottom: 0;
    padding-bottom: 10px;
}

.program-carousel-caption h4, #programCarousel .item .caption h4 {
    font-size: 18px;
}

}

@media (max-width: 580px) {
	
.importantDatesBox {
    min-height: 0px;
    border-right: 0px;
}
	
}

@media (max-width: 480px) {
	
.overview-pointers-col {
    width: 100%;
}

.overview-pointers-box {
    margin-bottom: 15px;
}

.latestMediaBox .media-body, 
.latestMediaBox .media-left, 
.latestMediaBox .media-right {
    display: block;
}

.latestMediaBox .media-left {
    padding-right: 0;
    margin-bottom: 10px;
}

.latestMediaBox {
    margin-bottom: 30px;
}

}


/* Mayuri - 25-06-2018 */
/*Responsive*/
@media(max-width:1280px) {
/*How we teach*/	
.howTeachBox .howTeachText h3 {
    font-size: 18px;}	

/*Specialisations*/
.specialisationsBox .btnList ul li a {
    padding: 4px 12px;}

/*Career Services*/
.careerServiceBox .careerServiceText {
    min-height: 468px;
}

/*Successful Graduates*/
.graduateBox { overflow:inherit;} 
.graduateBox .media-body .graduateLink {
    right: -16px;
    bottom: -6px;
    z-index: 99999;
}
.graduateBox .media-body .graduateLink img {
    width: 66%;
}

/*Employer Report*/
.employerReportBox h3 {
    font-size: 40px;}

 .whyspbx1 p {
   font-size: 12px; }
  
  
}

@media(max-width:1199px) {
/*why sp jain*/
.whySpBox .whySpBoxTop img {
    margin-right: 17px;
    width: 21%;
}
.whySpBox .whySpBoxTop h2 {
    font-size: 18px;}
	
.whySpBox .whySpBoxTop .whyArrow {
    top: 25%;
}
.whySpBox .whySpBoxTop .whyArrow img { width:auto;}	


/*How we teach*/
.howTeachBox .howTeachText h3 {
    font-size: 14px;}
	
.howTeachBox .howTeachText { min-height: 185px;}	
	
/*Projects*/
.projectBox .media {
    padding: 15px;
}

/*Specialisations*/
.specialisationsBox .media-left { display:block; padding-right:0; margin-bottom:20px;}
.specialisationsBox .media-left img {
    width: 100%;
}
.specialisationsBox .btnList ul li a span { display:inline-block;}

/*Career Services*/
.careerServiceBox .careerServiceText h3 {
    font-size: 15px;}
	
/*Successful Graduates*/
.graduateBox .media-left { display:block; padding-right:0; padding-bottom:20px;}	
.graduateBox .media-body .graduateLink {
    right: -3px;}
.graduateBox .media-bodyIn {
    padding-right: 0;}	
.graduateBox .media-body .graduateLink {
    right:0;
}	
	
/*Student Life*/
.studentLifeBoxIn {
    padding: 0;
}
	
.studentLifeBox h3 {
    font-size: 43px;
}

/*Employer Report*/
.employerReportBox h3 {
    font-size: 32px;
}

.studentnumHead {
    font-size: 45px;
}

} 


@media(max-width:991px) {
.container-fluid .row-fluid .program-navbar-container .container {
    width: 100%;
    max-width: 100% !important;
}

/*why sp jain*/	
.whySpBox .whySpBoxTop h2 {
    font-size: 26px;
}
.whySpBox .whySpBoxTop img {
    width: auto;
}

/*Program Structure*/
.programStructureBox:nth-child(2) .programStructureBoxIn:before {
    left: 0;
    top: -11px;
    right: 0;}

.programStructureBox:nth-child(3) .programStructureBoxIn:before {
    left: 0;
    top: -11px;
    right: 0;}	
.programStructureBox:last-child .programStructureBoxIn:before {
    content: '';
    position: absolute;
    left: 0;
	right:0;
	margin:0 auto;
    top: 0;
    border-left:none;
	 border-top: #1a4e8b solid 1px;
    height:inherit;
	width:50%;
}

/*Projects*/	
.blueBoxWrap h5 {
    font-size: 15px;
    line-height: 22px;
}

/*Specialisations*/
.specialisationsBox .media-body h4 {
    margin: 0 0 18px 0;
    font-size: 18px;}
	
/*Career Services*/	
.careerServiceBox { margin-bottom:20px;}
.careerServiceBox .careerServiceText {
    min-height:inherit;
}

/*Successful Graduates*/
.graduateBox .media-body .graduateLink {
    top: 0;
}

.programStructureBoxIn {
    height: 158px;}


.studentnumHead {
    font-size: 31px;
}

.graduateBox .media-body .successful-Graduates-top-heading {
    font-size: 15px;}
    
    
.employerReportBox h3 {
    font-size: 25px;
}    
    
}




@media(max-width:767px) {
/*Student Life*/	
.studentLifeBox:after {
    border-right: none;
    border-bottom: #ebebeb solid 2px;
    height: inherit;
    width: 77%;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: -5px;
}	
.employerReportBox { min-height:inherit !important; padding-bottom:40px;}	

.portfolio .widget-type-linked_image { margin-bottom:0; text-align: left;}
.overview-pointers-box .widget-type-linked_image { text-align: center;}

.specialisationsBox .specialisationsHead {
    margin-top: 20px;
}

.specialisationsBox img { width:100%;} 

.tableStyle table { width: 100% !important;}

.tableStyle table > tbody { width: 100% !important;}

.tableStyle table > tbody > tr { width: 100% !important;}

.tableStyle table > tbody > tr > td { width: 100% !important; display: block;  border-right:none !important;}
.tableStyle table > tbody > tr:first-child td {border: none !important;
border-top: 1px solid #2c5c94 !important;
border-right: none !important;}
.table-responsive > .table > tbody > tr > td {white-space: inherit;}

.graduateBox .media-body .successful-Graduates-top-heading {margin-top: 10px;} 
.graduateBox .media-body {
    padding-left: 0;
}
  
 .close, .close1, .close2, .close3, .close4, .close5, .close6 { font-size:30px;}  
  
  
}

@media(max-width:580px) {
    
/*why sp jain*/	
.whySpBox .whySpBoxTop img {    width: 21%;}
.whySpBox .whySpBoxTop h2 {
    font-size: 16px;
}    
    
/*project*/	
.projectBox .media .media-left {
    padding-right: 0;
	display:block;
	margin-bottom:20px;
}
.projectBox .media .media-left .yellowBox {
    width: 100%;}
	
.blueBoxWrap {
    padding: 15px;}	
.blueBoxLinks { width:100%;}

/*Specialisations*/
.specialisationsBox .media-body h4 {
    font-size: 13px;
}
.specialisationsBox .btnList ul li { width:100%; margin-right:0; margin-bottom:10px;}	

/*Career Services*/
.careerServiceBox .careerServiceText {
    padding: 15px;}
    
    
.programStructureBoxIn1 {
    padding-left: 20px;
    padding-right: 20px;
} 

.latestMediaBox {
    text-align: center !important;
}

.latestMediaBox .widget-type-linked_image { text-align: center;}

.latestMediaBox .latestMediaBox-heading {
    margin-top: 10px;
}
	
}

@media(max-width:320px) {
/*why sp jain*/	
.whySpBox .whySpBoxTop img {    width: 21%;}
.whySpBox .whySpBoxTop h2 {
    font-size: 16px;
}
/*Admission*/
.admissionBox h2 .numb {
    padding: 5px 12px;
	font-size: 22px;}
.admissionBox h2 {
    font-size: 11px;}	
.admissionBox h2 .text {
    padding-left: 3px;

}	
.admissionBox h2 img { display:none;}
.admissionBox .admissionDetail {
    padding-left:0;
	margin-bottom:25px;}
	
.specialisationsBox .specialisationsHead {
    font-size: 13px;
    margin-bottom: 11px;
}

.admissionHead {
    font-size: 11px;
}

.admissionHead .numb {
    font-size: 14px;
    padding: 8px 13px;
}
		
}

@media screen and (max-width: 980px){.popupbx {
    width: 100%;
    float: none;
}

.header-container-wrapper {
    top: 0px;
}
body {
    padding-top: 0px !important;
}

}

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

.header-container-wrapper {
    top: 0px;
}
  
.whyspbx1 {
    width: 100%;
    float: none;
    height: 357px;
    padding: 36px 0;
    margin-right: 2%;
    /* background-image: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/mumbai-lp-images/bg-box-why-spjain.jpg); */
    background-repeat: repeat;
    border-bottom: 4px solid #ffc000;
    margin-bottom: 20%;
    background: #fafafa;
}



.program-carousel-caption h4:after, #programCarousel .item .caption h4:after {
    content: '';
    width: 80px;
    height: 7px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -15px;
    width: 40%;
}

.program-carousel-caption h4, #programCarousel .item .caption h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #fec010;
    position: relative;
    margin-bottom: 20px;
    text-shadow: 1px 1px 6px #0000006b;
}



}
  
/* responsive css end */