@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');



body {

    padding: 0px; 

    margin: 0px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 400;
    overflow-x: hidden;

}
h1 {

    padding: 0px; 

    margin: 0px;

    font-weight: 400;

    color: #333333;

}



h2 {

    padding: 0px;

    margin: 0px;

    font-size: 26px;

    line-height: 1.4;

    color: #333;

    font-weight: 500;

}



h3 {

    padding: 0px;

    margin: 0px;

    font-size: 20px;

    line-height: 1.4;

    color: #333;

    font-weight: 400;

}

a.view_profile {

    background-color: #4487AD;

    border: 0;

    padding: 5px 40px;

    color: #fff;

    border-radius: 50pc;

    cursor: pointer;

    transition: all .3s;

    font-size: 14px;

    font-weight: 400;

    text-transform: uppercase;

    display: inline-block;

    margin-top: 16px;

}

a.view_profile:hover{

    background-color: #bb2957;

    color: white;

}

h4 {

    font-size: 16px;

    line-height: 20px;

    font-weight: 400;

    color: #333333;

    padding: 0px; 

    margin: 0px; 

}



h5 {

    padding: 0px; 

    margin: 0px;

}



h6 {

    padding: 0px; 

    margin: 0px;

}



p {

    padding: 0px; 

    margin: 0px;

    font-weight: 400;

    color: #333;

    font-size: 14px;

   

}



ul{ 

    list-style: none; 

    padding: 0px; 

    margin: 0px;

}

.bg-grey{

    background-color: #f5f8fb;

}



.page-content ul li{

    position: relative;

    margin: 0px;

    padding-left: 15px;

    font-weight: 400;

    color: #333;

    font-size: 14px;

    line-height: 20px;

 }

 .page-content .boder-font{

    -webkit-text-stroke: 2px #ff8d00;

    color: #ffffff;

 }

 .page-content .page-content-heading{

    font-weight: 600;

    margin-bottom: 20px;

 }

 .page-content p{

    font-weight: 400;

    color: #333;

    font-size: 14px;

    line-height: 24px;

 }

.page-content ul li::before {

    content: '';

    position: absolute;

    width: 5px;

    height: 5px;

    background: #6d6e70;

    border-radius: 100px;

    left: 0;

 

    top: 10px;

}

img {/* max-width: 100%; */}

a {

    padding: 0px; 

    margin: 0px; 

    outline: none;

    transition: all .3s;

    text-decoration: none;

    color: #666666;

}



a:hover { 

    outline: none !important; 

    text-decoration: none;

    transition: all .3s;

    color: #0097f7;

}



:focus { 

    outline: none !important; 

    text-decoration: none;

}

.marquee a{

     color: #fff;

}

.marquee a:hover {

    color:#ff8d00;

}

.btn {

    text-decoration: none;

    font-size: 16px;

    padding: 10px 55px;

    display: inline-block;

    color: #fff;

    font-weight: 500;

    border-radius: 40px;

}



.btn-primary {

    background-color: transparent;

    color: #fff;

    border:2px solid #fff;

    letter-spacing: 2px;

}



.btn-primary:hover {

    background-color: #fff;

    color: #000;

}


.btn-secondary {

    background-color: transparent;

    color: #666666;

}


.btn-secondary:hover {

    color: #28c0d4;

}


input {

    border: 1px solid #ccc;

    border-radius: 6px;

    height: 45px;

    width: 100%;

    padding: 0 8px;

    font-weight: 400;

    font-size: 14px;

    color: #666666;

    margin-bottom: 20px;

}

input[type="submit"] {

    background-color: #ff8d00;

    border: 0;

    padding: 0;

    color: #fff;

    border-radius: 6px;

    width: 100%;

    cursor: pointer;

    transition: all .3s;

    height: 45px;

    font-size: 16px;

    font-weight: 400;

    text-transform: uppercase;

}

input[type="submit"]:hover {

    background-color: #ff8d00;

        transition: all .3s;

}

textarea {

    border: 1px solid #ccc;

    border-radius: 6px;

    height: 110px;

    width: 100%;

    padding: 8px;

    font-weight: 400;

    font-size: 14px;

    color: #666666;

    resize: none;

}


.pagination {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    align-content: center;

    margin: 20px 0 0;

}

.pagination ul {

    padding: 0;

    margin: 0;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    align-content: center;

    width: 85%;

    float: left;

}

.pagination ul li {

    width: 35px;

    height: 35px;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    align-content: center;

    font-size: 14px;

    font-weight: 600;

    border-radius: 9px;

    background-color: transparent;

    margin: 0 3px;

    cursor: pointer;

    color: #1a2556;

    transition: all .3s;

}

.pagination ul li.active {

    background-color: #8e0b35;

    color: #fff;

}

.pagination li:first-child, .pagination li:last-child {

    display: flex;

    color: #8e0b35;

}

.pagination .jump_page {

    float: right;

}

.pagination .jump_page input {

    border: 1px solid #ccc;

    border-radius: 6px;

    height: 35px;

    width: 60px;

    padding: 0 8px;

    font-weight: 400;

    font-size: 14px;

    color: #666666;

    margin-bottom: 0;

}

.pagination .jump_page p {

    display: inline-block;

}

.pagination .jump_page input[type="submit"] {

    color: #fff;

    font-weight: 600;

}

.breadcrumb {

    padding: 10px 0;

    margin: 0;

    background-color: #333;

    border-radius: 0;

    color: #fff;

}



.breadcrumb ul {

    padding: 0;

    margin: 0;

    display: inline-flex;

} 



.breadcrumb ul li {

    display: flex;

    padding: 0;

    align-items: center;

}



.breadcrumb ul li + li::before {

  display: inline-block;

  margin: 0 8px 0 5px;

  transform: rotate(15deg);

  border-right: 1px solid #ccc;

  height: 10px;

  content: "";

}

.breadcrumb ul li a {

    display: inline-block;

    padding: 0;

    color: #ccc;

    font-size: 13px;

    line-height: 15px;

}

.breadcrumb ul li a .fa {

    font-size: 20px;

    color: #666666;

}

.breadcrumb ul li a .fa-home:before {

    color: #ccc;

}

/*---------- header and navigation End ------------*/

header {
    top: 0;

    width: 100%;

    z-index: 99;

}

.sticky-header {

    position: fixed;

    width: 100%;

    left: 0;

    top: 0;

    z-index: 99;

    background: #f2f2f2 !important;

    box-shadow: 0px 5px 10px rgb(0 0 0 / 39%);

    min-height: auto !important;

}

.header_br_cr{

    border-color:  #ccc !important;

}

.top-header {

    padding: 0;

    position: relative;

    display: block;

    clear: both;

    border-bottom: 1px solid #ccc;

}

.top-header.blueBorder {

    border-top: 6px solid #0097f7;

}



.header-social {

    float: left;

}

.header-social ul {

    padding: 0;

    margin: 0;

}

.header-social ul li {

    display: inline-block;

    margin-right: 30px;

}

.header-social ul li a {

    color: #fff;

}

.header-social ul li a:hover {

    color: #28c0d4;

}

.header-contact {

    display: inline-block;

    margin: 0;

    padding: 0;

}


.search_box {

    position: relative;

    right: 0;

    top: 0;

    padding: 0;

    display: inline-block;

    -webkit-box-shadow: 0px 0px 32px 2px rgb(0 0 0 / 6%);

    -moz-box-shadow: 0px 0px 32px 2px rgba(0, 0, 0, 0.06);

    -o-box-shadow: 0px 0px 32px 2px rgba(0, 0, 0, 0.06);

    -ms-box-shadow: 0px 0px 32px 2px rgba(0, 0, 0, 0.06);

    box-shadow: 0px 0px 32px 2px rgb(0 0 0 / 6%);

    background-color: rgb(51 51 51 / 70%);

    display: none;

    width: 100%;

    z-index: 999;

}

.search-btn:hover {

    background-color: #387385;

    color: #fff;

}

.pinkColor {

    border-top: 6px solid #fc8447;

}





.search_box_blue {

    position: relative;

    right: 0;

    top: 0;

    padding: 0;

    display: inline-block;

    -webkit-box-shadow: 0px 0px 32px 2px rgb(0 0 0 / 6%);

    -moz-box-shadow: 0px 0px 32px 2px rgba(0, 0, 0, 0.06);

    -o-box-shadow: 0px 0px 32px 2px rgba(0, 0, 0, 0.06);

    -ms-box-shadow: 0px 0px 32px 2px rgba(0, 0, 0, 0.06);

    box-shadow: 0px 0px 32px 2px rgb(0 0 0 / 6%);

    background-color: rgb(51 51 51 / 70%);

    display: none;

    width: 100%;

    z-index: 999;

}

.blueColor {

    border-top: 6px solid #0097f7;

}

.searchClose,

.bluesearchClose {

    position: absolute;

    top: 13px;

    right: -30px;

    cursor: pointer;

    width: 25px;

    height: 25px;

    background-color: #5b5b5b;

    color: #fff;

    border-radius: 50%;

    display: inline-flex;

    justify-content: center;

    align-items: center;

}





.search_li {

    padding: 5px 0 0;

    margin: 0;

    text-align: center;

}

.search_li ul {

    display: inline-block;

}

.search_li ul li {

    display: inline-block;

    padding: 0 0 0 0;

    margin: 0 0 10px;

}

.search_li ul li:hover a {

    color:#ff8d00;

}

.search_li ul li a {

    font-size: 14px;

    line-height: 14px;

    color: #fff;

    font-weight: 300;

    text-transform: uppercase;

    padding: 0 0 0px 12px;

    display: block;

    margin: 0 5px 0 0;

    position: relative;

}

.search_li ul li a:after {

    content:"\f0c8";

    font-family:'Font Awesome 5 Free';

    color: #fc8447;

    position: absolute;

    left: 0;

    top: 0;

    font-size: 10px;

}

.search_box_blue .search_li ul li a:after {

    content: "\f0c8";

    font-family: 'Font Awesome 5 Free';

    color: #fccb00;

    position: absolute;

    left: 0;

    top: 0;

    font-size: 4px;

    font-weight: 600;

}

.search_li_box {

    margin: 10px 0;

    position: relative;

}

.search_li_box input {

    width: 100%;

    margin-bottom: 0;

    background: transparent;

    border: 1px solid #545454;

    height: 30px;

    border-radius: 0;

    border-width: 0px 0px 1px 0px;

}

.search-btn {

    width: 35px;

    height: 30px;

    background-color: #333;

    color: #fff;

    right: 0;

    top: 0;

    position: absolute;

    border-radius: 0;

    border-left: 1px solid #545454;

}

.search-btn:hover {

    background-color: #0097f7;

}

.search_box_blue .search-btn {

    width: 45px;

    height: 45px;

    background-color: #0097f7;

    color: #fff;

    float: right;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    position: absolute;

    right: 0;

    top: 0;

    border-radius: 6px;

}

.search_box_blue .search-btn:hover {

    background-color: #fc8447;

}

.logo .fifty-years-logo:after{

    content:"";

}

.logo .fifty-years-logo{

    display: inline-block;

    padding: 4px 5px;

    margin-left: 10px;

}

.logo img{

    max-height: 60px;

}

.logo {

    display: flex;

    justify-content: space-evenly;

    align-items: center;

}





.lt-hlight {

    border-left: 4px solid #faa61a;

    padding: 10px ;

    margin-bottom: 20px;

    min-height: 100px;

    background: white;

    box-shadow: 0 1px 4px rgb(0 0 0 / 10%), 0 1px 4px rgb(0 0 0 / 20%);

}



.lt-hlight p{

line-height: 1.4;

}







.marquee-area {

    padding: 5px 0 5px;

    position: relative;

    display: block;

}

.marquee-area label {

    float: left;

    color: #000000;

    padding: 4px 10px;

    font-size: 14px;

    line-height: 18px;

    background: #ff8d00;

    border-radius: 5px;

}

.marquee-area p {

    color: #fff;

    line-height:1;

}

.marquee-area .marquee {

    /* float: right; */

    display: flex;

    max-width: 100%;

    padding: 6px 8px 0;

}

.header-menu {

    padding: 0;

    min-height: auto;

    /* background-color: rgb(0 56 152 / 40%); */

}



.mobile_primary {

    padding:0;

    transition:all .6s;

    position: relative;

    z-index: 9999;

}



.mobile_primary ul {

    margin:0;

    padding: 0;

   

   /* border-bottom: 1px solid #f0eded;*/

}



.mobile_primary li {

    display:inline-block;

    padding:0 ;

    margin:0 0 0 0;

}



.menu_fixed .sub-menu--button {

    top:25%

}



.mobile_primary li:last-child {

    margin-right: 0;

}





.mobile_primary ul li:hover a:after {

    color: #ff8d00;

    transform: rotate(180deg);

}

.mobile_primary ul li a:after {

    content: "\f107";

    font-family: 'Font Awesome 5 Pro';

    /* color: #ffffff; */

    position: absolute;

    right: 0px;

    top: 25px;

    font-size: 20px;

    font-weight: 300;

    transition: 0.3s;

} 

.mobile_primary ul li a {

    color: #4487AD;

    font-weight: 400;

    padding: 24px 15px;

    font-size: 14px;

    line-height: 20px;

    display: block;

    position: relative;

    font-weight: 600;

    z-index: 99;

    text-decoration: none;

    text-align: center;

    text-transform: uppercase;

    transition: all .6s;

}



.menu_fixed .mobile_primary ul li a {

    padding:17px 15px;

    transition:all .6s

}



.mobile_primary ul li.current-menu-item a,.mobile_primary ul li:hover a {

    color: #ff8d00;

}

.mobile_primary ul li.current-menu-item ul a,.mobile_primary ul ul li a:hover {

    color:#fc8447;

    background-color: transparent;

}

.drop-down-graphic{

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}
.drop-down-graphic .dd--title span img{
    background-color: #eee;
    border: 1px solid #aaa;
}

.sub-menu--button {

    position: absolute;

    top: 0;

    right: 0;

    display: none;

}

.sub-menu--button::after {

    content:"\f107";

    font-family:'Font Awesome 5 Pro';

    font-weight:400;

    font-style:normal;

    font-size:14px;

    line-height:14px;

    color:#ffff;

    transition:all.5s ease-in-out

}

.admission .sub-menu--button {

    display: none !important;

}

.mobile_primary ul li.current-menu-item .sub-menu--button::after,

.mobile_primary ul li:hover .sub-menu--button::after {

    color:#fff

}

.mobile_primary ul li ul li .sub-menu--button {

    position: absolute;

    top: 20%;

    right: 10px;

}

.mobile_primary ul li ul li:hover .sub-menu--button::after {

    color: #fff

}

.mobile_primary .sub-menu .sub-menu-details{

    padding:10px 15px;

}

.mobile_primary .sub-menu {

    background: #fff none repeat scroll 0 0;

    text-align: left;

    list-style: outside none none;

    margin: 0;

    padding: 0;

    position: absolute;

    top: 99%;  

    left: 0;

    width: 100%;

    visibility: hidden;

    opacity: 0;    

    border-radius: 0;

    border-bottom: 0;

     -webkit-transform: rotateX(-75deg); 

     -moz-transform: rotateX(-75deg); 

     -ms-transform: rotateX(-75deg); 

     -o-transform: rotateX(-75deg); 

     transform: rotateX(-75deg); 

    -webkit-transition:0.3s;

    -webkit-transition: 0.3s;

    -moz-transition:0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

    -webkit-box-shadow: 0 8px 20px 0 rgb(0 0 0 / 6%) !important;

    box-shadow: 0 8px 20px 0 rgb(0 0 0 / 6%) !important;

    -webkit-transform-origin: 0 0 0;

    transform-origin: 0 0 0;

    border-top: 4px solid #ff8d00;

}



.mobile_primary .sub-menu:after {

    /*content: '';

    border-right: 30px solid transparent;

    border-bottom: 20px solid rgb(255, 255, 255);

    position: absolute;

    left: 10%;

    top: -10px;*/



}

.sub-menu h2 {

    font-size: 16px;

    font-weight: 400;

    line-height: 16px;

    color: #fff;

    padding: 10px;

    margin-bottom: 15px;

    background-color: #4487AD;

}

.sub-menu p {

    font-size: 13px;

    font-weight: 400;

    line-height: 20px;

    color: #000;

    padding: 0;

    margin-top: 0;

}

.mobile_primary .sub-menu li:hover {

    background: transparent;

    color: #fecc02;

}

.mobile_primary .sub-menu li {

    display:block;

    position:relative;

    padding:0;

    margin:0

}



.mobile_primary li .sub-menu ul li a::before {

    display: none;

}

.mobile_primary li .sub-menu ul li a {

    color: #333;

    padding: 0px 0 8px 0px;

    margin: 1px 0 1px;

    display: block;

    text-transform: inherit;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    text-align: left;

    display: flex;

    position: relative;

    align-items: baseline;

}





.mobile_primary li .sub-menu ul li a:hover,

.mobile_primary li .sub-menu ul li a:hover:after {

        color: #0097f7;

}

.mobile_primary .sub-menu a:hover {

    /*color:#fff;

    background:#343d3f*/

}



.mobile_primary .sub-menu li a:after,

.mobile_primary .sub-menu li.current-menu-item>a:after,

.mobile_primary .sub-menu li.current-page-ancestor>a:after,

.mobile_primary .sub-menu li.menu-item-has-children:hover>a:after,

.mobile_primary .sub-menu li.menu-item-has-children>a:hover:after {

    content:none

}



.mobile_primary .sub-menu .sub-menu {

    left:100%;

    position:absolute;

    top:0

}



.mobile_primary li:hover>.sub-menu {

    opacity: 1;

    visibility: visible;

    transform: rotateX(0deg); 

    -o-transform: rotateX(0deg); 

    -ms-transform: rotateX(0deg); 

    -moz-transform: rotateX(0deg); 

    -webkit-transform: rotateX(0deg);

    z-index: 9;

}

.mobile_primary li:hover>.sub-menu li:after,

.mobile_primary li:hover>.sub-menu li:before {

    display: none;

}



.mobile_primary li:hover>.sub-menu li:hover>.sub-menu {

    display:block;

    top:0

}

.mobile_primary li:hover>.sub-menu li:hover>.sub-menu.sub-sub-menu {

    display: block;

    right: 0;

    top: 0;

}

.mobile_primary li:hover>.sub-menu li:hover>.sub-menu li a {

    text-transform:none

}



.menu-button,.menuClose {

    display:none

}

.fixed_header {

    display: none;

}



.swap-welcome-content .row:nth-of-type(even){

    flex-direction: row-reverse;

}



ul.admission{

    column-count: 3;

}



.rounded-circle-img.chancellor-image {

    display: flex;

    border: 1px solid #ccc;

    width: 150px;

    height: 150px;

    overflow: hidden;

    position: absolute;

    z-index: 9;

    top: -25px;

    left: 0;

}

.chancellor-card {

    padding-left: 90px  !important;

}

.carousel__slide__inner {

    overflow: hidden;

    position: relative;

}



.carousel.slick-slider .slick-dots li button {



    width: 15px;

    height: 15px;

    padding: 5px;

    

    border: 1px solid #fff;



    border-radius: 50px;

}

.carousel.slick-slider .slick-dots li.slick-active button {



    background: white;

}

.carousel.slick-slider .slick-dots {

 

    bottom: 15px;



}

.doAnimation .slick-active .carousel__slide__inner .carousel__image {

    animation: scale-out 0.875s cubic-bezier(0.7, 0, 0.3, 1) 0.375s both;

    transform: scale(1.3);

}

.carousel__slide__overlay {

    background-color: transparent;

    background-size: 100%;

    height: 100%;

    left: 0;

    opacity: 0.5;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 2;

}

.slick-active .carousel__slide__overlay {

    animation: scale-in-hor-left 1.375s cubic-bezier(0.645, 0.045, 0.355, 1) 0.25s reverse both;

}

.carousel__image {

    height: 100%;

    object-fit: cover;

    position: relative;

    transform: scale(1);

    width: 100%;

    z-index: 1;

        max-height: 400px;

}



.tabs {

    margin: 0;

    padding: 0;

    display: flex;

    justify-content: center; }

  

  .tab-link {

    margin: 0 1%;

    list-style: none;

    padding: 10px 40px;

    color: #aaa;

    cursor: pointer;

    font-weight: 700;

    transition: all ease 0.5s;

    border-bottom: solid 3px rgba(255, 255, 255, 0);

    letter-spacing: 1px; }

  

  .tab-link:hover {

    color: #999;

    border-color: #999; }

  

  .tab-link.active {

    color: #333;

    border-color: #333; }

  

  .tab-link.active {

    color: #4487AD;

    border-color: #fecc00;

}



.industry-content .card-shadow img{

        width: 100%;

    height: 100%;

    object-fit: contain;

}

.industry-content .card-shadow {

    height: 130px;

    background: white;

    border: 1px solid #efefef;

    margin-bottom: 0;

    border-radius: 5px;

}



.border-none{

    border:0 ;

}

  

  

  .content-wrapper {

    padding: 40px 80px; }

  

 .content-wrapper .tab-content {

    display: none;

    text-align: center;

    color: #888;

    font-weight: 300;

    font-size: 15px;

    opacity: 0;

    transform: translateY(15px);

    animation: fadeIn 0.5s ease 1 forwards; }

  

 .content-wrapper .tab-content.active {

    display: block; }

  .border-left{

    border-left:1px solid #ccc;

  }

  .academic-affiliate .nav-pills .nav-link.active,  .academic-affiliate  .nav-pills .show>.nav-link {

    color: white;

    background-color: #fc8447;

}



.academic-affiliate  .nav-pills .nav-link {

    border-radius: 0;

}

.academic-affiliate .tab-content{

    padding: 20px 10px ;

    border: 1px solid #ccc;

}

.text-style table tr td ol{list-style:none;}



 .table-fixed {

    background-color: #fbfbfb;

    width: 100%;

}

.table-fixed tbody tr td a{

    color: #4487AD;

    display: block;

}

.table-fixed tbody tr td a:hover{



    color: #ff0000;

}

 .table-fixed tbody {

    height: 200px;

    overflow-y: auto;

    width: 100%;

}

 .table-fixed thead,  .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {

    /* display: block; */

    height: auto;

}

.table-fixed tbody tr td p{

    color: #000;

}

.table-fixed tbody tr td {

    background-color: #f9f9f9;

    color: #000;

    border-color: #d4d4d4;

}

 .table-fixed thead tr th ,  .table-fixed tbody tr:first-of-type td  {

    background-color: #333;

    border-color: #828282;

    color: #fff;

}

 .table-fixed tbody td p, .table-fixed tbody td h3, .table-fixed tbody td li{

     color:#fff;

}



 .table-fixed tbody::-webkit-scrollbar-track

{

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    background-color: #F5F5F5;

}



 .table-fixed tbody::-webkit-scrollbar

{

    width: 6px;

    background-color: #F5F5F5;

}



 .table-fixed tbody::-webkit-scrollbar-thumb

{

    background-color: #000000;

}





@keyframes fadeIn {

    100% {

      opacity: 1;

      transform: none; } 

}

  

@keyframes scale-out {

    0% {

        transform: scale(1.3);

   }

    100% {

        transform: scale(1);

   }

}

@keyframes scale-in-hor-left {

    0% {

        -webkit-transform: translateX(-100%) scaleX(0);

        transform: translateX(-100%) scaleX(0);

        -webkit-transform-origin: 0% 0%;

        transform-origin: 0% 0%;

        opacity: 1;

   }

    50% {

        -webkit-transform: translateX(-50%) scaleX(0.5);

        transform: translateX(-50%) scaleX(0.5);

        -webkit-transform-origin: 0% 0%;

        transform-origin: 0% 0%;

        opacity: 1;

   }

    100% {

        -webkit-transform: translateX(0) scaleX(1);

        transform: translateX(0) scaleX(1);

        -webkit-transform-origin: 0% 0%;

        transform-origin: 0% 0%;

        opacity: 1;

   }

}





.mentor-main-image {

    display: flex;

    object-fit: cover;

    box-shadow: -17px -17px 0 -3px #d1d1d1;

}

.custom-box-shadow{

    box-shadow:  -17px -17px 0 -3px #d1d1d1;



}

.mentor-card{

    box-shadow: -17px -17px 0 -3px #d1d1d1;

}

.steps {

    writing-mode: vertical-lr;

    display: flex;

    min-width: 80px;

    height: 80px;

    border: 1px solid #4487AD;

    background: #4487AD;

    justify-content: center;

    align-items: center;

    border-radius: 100px;

    text-align: center;

}



.steps h6{

    line-height: 1;

    /* width: fit-content; */

    color: white;

    letter-spacing: 1px;

    font-weight: 600;

    font-size: 14px;

}

.wizard-psudo::before {

    width: 5px;

    height: 90%;

    position: absolute;

    background-color: #fc8447;

    content: '';

    top: 0%;

    left: 40px;

}

.wizard-psudo{

    position: relative;

}

.member-img{

    width: 120px;

    height: 120px;

 

    object-fit: cover;

    overflow: hidden;

    border-radius: 100px;

    object-position: center;

}



.training-placement .page-content ul li{

  

padding: 5px 10px;

  

/* border-bottom: 1px solid; */

 }

.training-placement .page-content ul li::before {



top: 14px;

}





.card-slider .slick-slide {

    padding: 0 10px;

}

.card-slider .card {

    background-color: #fff;

    text-decoration: none;

    color: rgba(0, 0, 0, .9);

    transition: all 0.1s linear;

    margin-top: -80px;

    border: 1px solid #ffe3bb;

    padding: 80px 10px 10px;

    border-radius: 10px;

}

.sub-sub-menu-details {





    padding-left: 0px;

}

.mobile_primary li.hassubmenu  a.sub-menu-text

{

    color: #000000;

    font-weight: 600;

    font-size: 14px;

    margin: 0;

    padding: 6px 0 10px;

}



.mobile_primary li.hassubmenu a.sub-menu-text::after{

    content: "" ; 

    font-weight: 400;

    color: #fc8447 ;

    display: none;

}

.jpdiv .placement--ddNumbers span{

    width: fit-content;

    margin-top: 40px;

    padding: 10px 25px;

    min-width: 150px;

}

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

    .card-slider .card {

        height: auto;

   }

}

.card-slider .card .main-link {

    text-decoration: none;

    display: flex;

    flex-direction: column;

}

.card-slider .card .main-link:focus {

    outline: none;

}

.card-slider .card .main-link:focus .title {

    outline: 3px dashed orange;

    outline-offset: -4px;

    color: royalblue;

    text-decoration: underline;

}

.card-slider .card .title {

    color: #000;

    margin: 0;

    padding: 10px 10px 5px 10px;

    font-size: 16px;

    font-weight: bold;

}

.card-slider .card .title:hover {

    text-decoration: underline;

}

.card-slider .card .image {

   /** Visually place the image above all other content (like the heading) in the parent flex container (.card). */

    order: -1;

    position: relative;

    height: 100px;

    padding: 2px;

    overflow: hidden;

    display: flex;

    justify-content: center;

    align-items: center;

}

.card-slider .card .image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    filter: grayscale(0.5);

    transition: all 0.3s ease-in-out;

}

.card-slider .card .image:hover img {

    width: 110%;

    height: 110%;

}

.card-slider .card .description {

    margin: 7px 10px 15px 10px;

    font-size: 14px;

    opacity: 0.8;

}

.card-slider .card .badge {

    position: absolute;

    top: 2px;

    right: 2px;

    z-index: 1;

    padding: 5px 10px;

    font-size: 12px;

    font-weight: bold;

    text-transform: uppercase;

    color: white;

    background-color: #c80000;

}

.card-slider .card .price {

    padding-left: 10px;

}

.card-slider .card .price .new-price {

    font-weight: bold;

}

.card-slider .card .price .original-price {

    margin-left: 5px;

    font-size: 14px;

    font-style: italic;

    opacity: 0.5;

    text-decoration: line-through;

}

.card-slider .card .rating {

    margin: 10px 0 15px 10px;

    color: orange;

    font-size: 12px;

}

.card-slider .card .rating .reviews-link {

    color: rgba(0, 0, 0, .6);

    margin-left: 5px;

}

.card-slider .card .rating .reviews-link:hover {

    color: black;

}

.card-slider .card .rating .reviews-link:focus {

    color: royalblue;

    outline: 3px dotted royalblue;

    outline-offset: 2px;

}

.card-slider .card:hover {

    border-color: rgba(0, 0, 0, .4);

    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);

}

.card-slider .card:hover .image img, .card-slider .card:focus .image img {

    filter: grayscale(0);

}

.card-slider .card a:focus {

    outline: none;

}

.slick-dotted.slick-slider {

    margin-bottom: 0px;

}



.placement--ddNumbers span {

    background: #fc8447;

    padding: 10px;

    display: flex;

    flex-direction: column;

    margin-top: 10px;



    color: white;

}

.placement--ddNumbers span  h4{

    font-size: 24px;

    margin-bottom: 10px;

    color: #000; /* Fallback for older browsers */

    color: rgba(0, 0, 0, 0.5);

    font-weight: 600;

}



  #gallery img,#gallery video {

    width:85%;

    height:auto;

    margin: 0% auto;

    box-shadow:-3px 5px 15px #000;

    cursor: pointer;

    -webkit-transition: all 0.2s;

    transition: all 0.2s;

    max-width: 800px;

    max-height: 100%;

    object-fit: contain;

  }

  #gallery .p-img{

    height: 100%;

    object-fit: cover;

    width: 100%;

  }

  .modal-img,.model-vid{

    width:100%;

    height:auto;

  }

  .modal-body{

    padding:0px;

  }





  .card-container {

    min-height: 200px;

    background: #fff;

    border-radius: 10px;

    padding: 30px;

    padding-left: 10px;

    /* box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5); */

    border-top-left-radius: 0;

    border: 1px solid #ccc;

  }

  

  .card-container .circle {

    width: 150px;

    height: 150px;

    background: url(https://images.unsplash.com/photo-1508214751196-bcfd4ca60f91?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80);

    background-size: cover;

    background-position: center;

    border-radius: 50%;

    float: left;

    

    shape-outside: circle();

    box-shadow: 0 2.5px 5px 0 rgba(0, 0, 0, 0.5);

  }

  

  

@media (max-width: 991px) {
    body, html{
    /* overflow-x: hidden; */
}
.main_header .navbar-nav {
    justify-content: center;
    background: #2276b2;
}
    .from-img{

        min-height:200px !important;

    }

    .computer_dept_bg {



        min-height:auto;

  

    }

    /*.header-menu {

      position: fixed;

      width: 100%;

      left: 0;

      top: inherit;

      bottom: 0;

      z-index: 99;

      background-color: #4487AD;

      border-top: 4px solid #fc8447;

      box-shadow: none;

    }*/

    .fixed_header {

        display: block;

        width: 100%;

        padding: 5px 0;

    }

    .fixed_header .logo .fifty-years-logo {

        padding: 5px 5px 5px;

    }

    .fixed_header .logo img {

        max-height: 60px;

    }

    .fixed_header .logo {

        padding: 0;

        margin: 0;

        display: block;

    }

     .menu-button.toggle{

        top: -35px;

        right: 10px;

        padding: 10px;

        background: rgb(0 48 131 / 40%);

        border-radius: 10px;

     }

     .menu-button {

        position: absolute;

        display: block;

        background-color: #4487AD;

        border: 0;

        cursor: pointer;

        transition: all .3s ease;

        font-size: 18px;

        line-height: 30px;

        color: #fff;

        padding: 0;

        top: 20px;

        right: 25px;    

        z-index: 9999;

    }

    header {

        /* background: #4487AD; */

        position: relative;

    }

    .header-menu {

        min-height: auto;

    }

   

    .menu-button .line{

      width: 35px;

      height: 3px;

      background-color: #ecf0f1;

      display: block;

      margin: 6px auto;

      -webkit-transition: all 0.3s ease-in-out;

      -o-transition: all 0.3s ease-in-out;

      transition: all 0.3s ease-in-out;

    }

    .menu-button.toggle .line:nth-child(2){

      opacity: 0;

    }



    .menu-button.toggle .line:nth-child(1){

      -webkit-transform: translateY(11px) rotate(45deg);

      -ms-transform: translateY(11px) rotate(45deg);

      -o-transform: translateY(11px) rotate(45deg);

      transform: translateY(11px) rotate(45deg);

    }



    .menu-button.toggle .line:nth-child(3){

      -webkit-transform: translateY(-8px) rotate(-45deg);

      -ms-transform: translateY(-8px) rotate(-45deg);

      -o-transform: translateY(-8px) rotate(-45deg);

      transform: translateY(-8px) rotate(-45deg);

    }

    

    .open:before {

        background-position:right center;

        width:25px;

        transition:all .3s ease

    }

}

@media (max-width: 1024px) {

    .text-style h1, .page-content h4 {

    

        font-size: 24px !important;

    

    }

    .tapbutton a.view_profile{

        height: auto;

        margin-bottom: 5px;

        border-radius: 5px !important;

    }

    .slider2 .slick-arrow{

        padding: 20px !important;

    }

    .slider2 .slick-prev {

       

        left: -10px;

    }

    .slider2 .slick-next {

  

        right: -10px;

    }

.transform-crd{

    transform: none !important;

     margin-bottom: 0;

}

.from-img{

    min-height:200px

}





    .wizard-psudo::before {

 

        content: none;

     

    }

    .steps {

         writing-mode: initial; 



         width: auto; 

        height: auto;

        border: 1px solid #4487AD;

        background: #4487AD;

   

        align-items: center;

         border-radius: 0;

       margin-bottom:10px;

        padding: 10px 15px;

    }

    .mentor-main-image {



        max-width: 200px;

        margin: auto;

    }

    .chancellor-msg-text{

        margin-top: -80px;

        z-index: -1;

        padding-top:80px !important;

    }

    .mobile_primary li .sub-menu ul li a {

  

        border-bottom: 1px solid #fc844736;

    }

    .mobile_primary li .sub-menu ul li ul li a {

  

        padding-left: 0;

        line-height: 1.4;

    }

    button:focus {

        outline:none;

        border:none

    }



    .mobile_primary {

        width:100%;

        height: 100%;

        position:fixed;

        top:0;

        left:-100%;

        background-color:#4487AD;

        transition:.5s;

        z-index:999;

        display:block!important;

        padding:0;

        border-radius:0;

        float:none;

        overflow-y: auto;

    }

    .menu_fixed .mobile_primary {

        top: 66px;

    }

    .mobile_primary.active {

        display:block!important;

        left:0

    }



    .mobileOverlay {

        display:none

    }



    .mobileOverlay.toggle {

        display:block

    }



    .menuClose {

        position:absolute;

        top:0;

        right:10px;

        font-size:36px;

        line-height:36px;

        margin-left:0;

        color:#010101;

        background:none;

        width:auto;

        height:auto;

        border-radius:0;

        font-weight:300;

        cursor:pointer;

        display:block

    }



    .mobile_primary ul {

        list-style: none;

        margin: 0;

        padding: 0px 0px 40px 0px;

        float: none !important;

    }

    .mobile_primary ul ul {

        padding: 0;

        display: flex;



        flex-direction: column;

    }



    .mobile_primary li {

        display:block;

        position:relative;

        padding:0;

        background:none;

        margin:0

    }



    .mobile_primary .sub-menu li {

        border:0

    }



    .mobile_primary ul li.current-menu-item a:after,.mobile_primary ul li a:hover:after {

        display:none

    }

    .mobile_primary ul li.current-menu-item a, .mobile_primary ul li a:hover {

        color: #fff;

    }

    .mobile_primary ul li a:after {

        color: #4487AD;

    }

    .mobile_primary ul li:hover a:before{

        border: 0;

    }

    .mobile_primary ul li a {

        padding: 15px 10px 10px 40px;

        text-align: left;

        color: #fff;

    }



    .nav.fix-menu .mobile_primary ul li a {

        padding:17px 8px

    }



    .nav.fix-menu .sub-menu--button {

        top:0

    }



    .mobile_primary li:first-child {

        border-top:none

    }



    .mobile_primary .sub-menu {

        display:none

    }



  



    .mobile_primary li ul.sub-menu li a,.nav.fix-menu .mobile_primary li ul.sub-menu li a {

        padding:5px 20px;

        line-height:30px

    }



    .mobile_primary li ul.sub-menu li a:hover {

        color:#2d5ba9

    }



    .mobile_primary .sub-menu a:hover {

        background:none

    }



    .mobile_primary .sub-menu .sub-menu a {

        padding:15px 0 15px 50px

    }



    .mobile_primary .sub-menu--button {

        cursor: pointer;

        display: inline-flex;

        justify-content: flex-start;

        align-items: center;

        height: 50px;

        position: absolute;

        right: 0;

        top: 0;

        width: 100%;

        z-index: 999;

        padding: 0px 0px 0px 20px;

    }



    .sub-menu--button::after {

        transform:rotate(-90deg)

    }



    .sub-menu--button.open::after {

        color:#fff;

        transform:rotate(0deg)

    }



    .mobile_primary .sub-menu li {

        display:block

    }



    .mobile_primary li:hover .sub-menu {

        top:0;

        display:none

    }



    .nav.fix-menu .mobile_primary li:hover .sub-menu {

        top:0;

        display:none

    }



    .page-header__primary {

        display:none

    }



    .mobile_primary .sub-menu .sub-menu {

        left:auto;

        position:relative;

        top:0

    }



    .mobile_primary li ul.sub-menu li:hover ul.sub-menu {

        display:none;

        position:relative

    }



    .mobile_primary .sub-menu {

        position:relative;

        top:0;

        width:auto;

        background-color:#f3f3f3;

        box-shadow:none;

        text-align: left;

        list-style: outside none none;

        margin: 0;

        padding: 15px;

        visibility: inherit;

        opacity: inherit;

        border-radius: 0;

        border-bottom: 0;

        transform: inherit;

        transition: inherit;

        box-shadow: none;

        -webkit-transform-origin: 0 0 0;

        transform-origin: 0 0 0;

    }

    .mobile_primary .sub-menu::after {

        display: none;

    }



    .mobile_primary li.dropdown a:after {

        background:none

    }



    .mobile_primary li:hover>.sub-menu li:hover>.sub-menu {

    display:none

    }

    .chancellor-img {

        width: 150px;

        margin: auto;

        margin-bottom: 20px;

    }

}

.home-form textarea {

    border: 1px solid #ccc;

    border-radius: 6px;

    height: 45px;

    width: 100%;

    padding: 8px;

    font-weight: 400;

    font-size: 14px;

    color: #666666;

    resize: none;

}

.banner .slide .banner-content .banner-text{

    width: 100%;

    text-align: center;

    padding: 20px 10px;

    background: rgb(51 51 51 / 36%);

}

.banner .slide .banner-content{

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 9;

    display: flex;

    align-items: center;

}

.banner {

    height: 100vh;

    min-height: 700px;

    position: relative;

    overflow: hidden;

    background: url(../video/srm-banner-bg.jpg) no-repeat center center/cover;

}

.banner video{

    min-width: 100%;

    height: 100vh;

    z-index: 1;

    min-height: 700px;

    object-fit: cover;

}

.banner .slide {

    position:relative;

}

.banner-slider {

    top: 0;

    left: 0;

    position: absolute;

    /* background: rgb(51 51 51 / 40%); */

    height: 100%;

    backdrop-filter: contrast(1.4) brightness(0.7);

    width: 100%;

}

.banner-slider .slick-list{

    width: 100%;

}

.banner .slick-dots {

    position: absolute;

    bottom: 10px;

    display: block;

    width: auto;

    padding: 0;

    margin: 0;

    list-style: none;

    text-align: center;

    left: 6%;

}

.banner .slick-dots li {

    position: relative;

    display: inline-block;

    width: auto;

    height: auto;

    margin: 0 2px;

    padding: 0;

    cursor: pointer;

}

.banner .slick-dots li button {

    font-size: 0;

    line-height: 0;

    display: block;  

    width: 10px;

    height: 5px;

    padding: 0;

    cursor: pointer;

    color: transparent;

    border: 0;

    outline: none;

    background: #c1bcaa;

    border-radius: 2px;

}

.banner .slick-dots li.slick-active button {

    background:#f1a11e;

    width: 20px;

}

.banner .slick-dots li button:before{

    display: none;

}

.banner .slick-dotted.slick-slider {

    margin-bottom: 0;

}

.inner-banner {

    background-color: #eeeeee;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

    position: relative;

}

.inner-banner:after {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: '';

    background-color: rgba(0,0,0,.5);

}

.inner-banner-text {

    padding: 80px 0;

    position: relative;

    z-index: 1

}

.inner_banner {

    background-size: cover;

    background-repeat: no-repeat;

    position: relative;

    padding: 14em 0 3em;

    height: auto;

    min-height: auto;

}

.inner_banner:after {

    

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(12deg, #171717, rgb(0 0 0 / 10%));



    /**background-image: url(../img/banner_shadow.png);**/

} 

.banner .inner_banner_content h1 {

    color: #ffffff;

    font-size: 40px;

    line-height: 40px;

    position: relative;

    z-index: 1;

    font-weight: 600;

    margin-bottom: 10px;

}



.card-slider .image {

    position: relative;

    z-index: 9;

}

.card-slider .slick-slide .image  img {

    display: block;

    width: 150px;

    height: 150px;

    border-radius: 50%;

    object-fit: cover;

    margin: auto;

    border: 1px solid gainsboro;

}



.card-slider  .slick-dots {



    bottom: -40px;



}



.card-slider .slick-dots li {

    position: relative;

    display: inline-block;

    width: 20px;

    height: 20px;

    margin: 0 5px;

    padding: 0;

    cursor: pointer;

    background: #ccc;

    border-radius: 100px;

    border:2px solid #fff;



}

.card-slider .slick-dots li.slick-active {



    background: #333;



    

}



.flip >

.front, .flip>

.back {

    display: block;

    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);

    transition-duration: 0.5s;

    transition-property: transform, opacity;

}

.flip >

.front {

    transform: rotateY(0deg);

}

.flip >

.back {

    position: absolute;

    opacity: 0;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    transform: rotateY(-180deg);

}

.flip:hover >

.front {

    transform: rotateY(180deg);

}

.flip:hover >

.back {

    opacity: 1;

    transform: rotateY(0deg);

}

.flip.flip-vertical>

.back {

    transform: rotateX(-180deg);

}

.flip.flip-vertical:hover >

.front {

    transform: rotateX(180deg);

}

.flip.flip-vertical:hover >

.back {

    transform: rotateX(0deg);

}

.flip {

    position: relative;

    display: inline-block;

    margin: 0 1%;

    margin-bottom: 1em;

    width: 22%;

}

.flip >

.front, .flip >

.back {

    display: block;

    color: white;

    width: 100%;

    background-size: cover !important;

    background-position: center !important;

    height: 200px;

    padding: 1em 2em;

    background: #313131;

    border-radius: 10px;

}

.flip >

.front p, .flip >

.back p {

    /* font-size: 0.9125rem; */

    /* line-height: 160%; */

    color: #999;

}

.text-shadow {

    text-shadow: 1px 1px rgba(0, 0, 0, 0.04), 2px 2px rgba(0, 0, 0, 0.04), 3px 3px rgba(0, 0, 0, 0.04), 4px 4px rgba(0, 0, 0, 0.04), 0.125rem 0.125rem rgba(0, 0, 0, 0.04), 6px 6px rgba(0, 0, 0, 0.04), 7px 7px rgba(0, 0, 0, 0.04), 8px 8px rgba(0, 0, 0, 0.04), 9px 9px rgba(0, 0, 0, 0.04), 0.3125rem 0.3125rem rgba(0, 0, 0, 0.04), 11px 11px rgba(0, 0, 0, 0.04), 12px 12px rgba(0, 0, 0, 0.04), 13px 13px rgba(0, 0, 0, 0.04), 14px 14px rgba(0, 0, 0, 0.04), 0.625rem 0.625rem rgba(0, 0, 0, 0.04), 16px 16px rgba(0, 0, 0, 0.04), 17px 17px rgba(0, 0, 0, 0.04), 18px 18px rgba(0, 0, 0, 0.04), 19px 19px rgba(0, 0, 0, 0.04), 1.25rem 1.25rem rgba(0, 0, 0, 0.04);

}

@media (min-width: 320px) and (max-width: 767px) {
    header.main_header .logo_div {
    display: block;
}
    .logo_div{
        display: none;
    }

    .carousel__image {

        max-height:250px;

    }

    .banner-text {

        padding: 40px 0;

    }

    .banner h2 {

        font-size: 30px;

        line-height: 35px;

        font-weight: 700;

        color: #ff8d00;

        padding-bottom: 15px;

        text-transform: uppercase;

        font-family: 'Raleway', sans-serif;

    }

    .banner h1 {

        font-size: 45px;

        line-height: 50px;

        font-weight: 800;

        color: #fff;

        text-transform: uppercase;

        padding-bottom: 0;

        font-family: 'Raleway', sans-serif;

    }

    .banner .inner_banner_content h1 {

        text-transform: inherit;

        font-size: 22px;

        line-height: 30px;

        font-weight: 400;

    }

    .banner p {

        font-size: 15px;

        line-height: 25px;

        font-weight: 400;

        color: #fff;

        padding-bottom: 20px;

    }

    .banner p span {

        font-weight: 600;

    }

    .banner .slick-dots {

        left: 0;

        bottom: 10px;

        width: 100%;

    }

    .banner .inner_banner_content {

        padding-top: 90px;

    }

}

@media (min-width: 768px) {

    

    .banner h2 {

        font-size: 42px;

        line-height: 42px;

        font-weight: 700;

        color: #ff8d00;

        padding-bottom: 30px;

        text-transform: uppercase;

        font-family: 'Raleway', sans-serif;

    }

    

    .banner p {

        font-size: 17px;

        line-height: 25px;

        font-weight: 500;

        color: #fff;

        padding-bottom: 40px;

    }

    .banner p span {

        font-weight: 800;

    }

    

    .banner .inner_banner_content h1 {

        text-transform: inherit;

    }

}

/*@media (min-width: 1440px) {

    .banner .slide {

        min-height: 526px;

    }

    .banner-text {

        margin-top: 80px;

    }

}*/

.fixed-social {

    position: fixed;

    z-index: 99;

    right: -50px;

    width: 40px;

    top: 50%;

    transition: all .25s ease;

    transform: translate(0,-50%);

    background-color: #ff8d00;

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

    text-align: center;

    padding: 10px 0;

}

.fixed-social.fixed-socialshow {

    right: 0;

}

.fixed-social a {

    font-size: 20px;

    line-height: 20px;

    color: #ffffff;

    display: block;

    padding: 7px 0px;

}

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

    .fixed-social {

        display: none;

    }

}

.study-content ul {

    padding: 0;

    margin: 0;

}

.study-content ul li {

    padding: 0;

    margin: 0 0 15px;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    line-height: 14px;

    color: #000;

    font-weight: 400;

    padding-left:15px; 

    position:relative;

}

.study-content ul li::before{

    font-family: 'Font Awesome 5 Free';

    position: absolute;

    content: "\f111";

    font-size: 4px;

    top: 0px;

    left: 6px;

    font-weight: 600;

    color:#666;

}



.search-programs {

    background: url(../img/ab.png);

    background-size: cover;

    background-position: center;

}

.search-programs h2 {

    font-size: 30px;

    line-height: 30px;

    color: #ff8d00;

    font-weight: 400;

    text-transform: uppercase;

}

.search-programs h2 span {

    font-size: 30px;

    line-height: 50px;

    color: #ffffff;

    font-weight: 700;

}





.search-programs .selectric {

    border: 1px solid #4487AD;

    position: relative;

    margin-top: 20px;

    overflow: hidden;

    padding: 4px 10px;

    border-radius: 8px;

    background: rgb(255 255 255 / 37%);

}

.search-programs .selectric .button {

  display: block;

  position: absolute;

  right: 0;

  top: 0;

  width: 38px;

  height: 38px;

  line-height: 38px;

  background-color: transparent;

  color: #ccc;

  text-align: center;

}

.selectric .label {

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 14px;

    color: #fff;

    font-weight: 400;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}

.select-programs {

    width: 100%;

    border-radius: 6px;

    background-color: #ff8d00;

    color: #fff;

    padding: 10px;

    display: block;

    margin-top: 30px;

    text-align: center;

}

.select-programs:hover {

    background-color: #4487AD;

    color: #fff;

}

.drop-down-graphic h3 {



    text-align: center;

    font-weight: 600;

    color: white;

}

.drop-down-graphic h3 span {

    display: block;

    color: #fc8447;

    font-size: 28px;

}

.dd--title span {

    display: block;

    text-align: center;

}

.dd-graphic-cont{

    background: #4487AD91;

}

.dd--title{

    color: white;

    cursor: default;

}

.dd-graphic-cont .col-6 {

    /*border: 1px solid rgba(255,255,255,0.3);*/

    height: 150px;

    width: 150px;

}

   /* the slides */

.slider2

.slick-slide {

    margin: 0  10px;

}



/* the parent */

.slider2  .slick-list {

    margin: 0 -10px;

}

.slider2 .slick-arrow   {

    background: #4487AD;

    padding: 25px;

    border-radius: 100px;

    display: flex;

    justify-content: center;

    color: red;

    z-index: 9;

    align-items: center;

}

.slider2 .slick-next:before {

    content: "\f054";

    font-family: 'Font Awesome 5 Free';

    color: #fecc00;

}

.slider2 .slick-prev:before {

    content: "\f053";

    font-family: 'Font Awesome 5 Free';

    color: #fecc00;

}



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



    .search-programs {

        padding: 30px 15px;

    }

    .search-programs h2 {

        float: none;

    }

    

    

}



.academics-srm::before {

    content: "";

    position: absolute;

    width: 100%;

    top: 0;

    background: #4487AD;

    left: 0;

    height: 50%;

}



.academics-srm {

    position: relative;

}

.testimonials-text img {

    display: inline-block;

}

.auther-img {

    margin: 40px auto 0;

}





@media (min-width: 320px) and (max-width: 991px) {

    .academics-srm-text {

        padding: 15px;

    }

    header {
        background: #f2f2f2;
    }

    .sticky-header {
        background: #f2f2f2;
    }

    

}



.spolight .spotlight-slider.spotlight_slider_inner_page .slick-track{

    margin-left: 0px;

}

.spolight .spotlight-slider .slide{

    padding: 0 10px;

}

.spolight .spotlight-inner p {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    line-height: 21px;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    font-size: 13px;

}

.spolight .spotlight-inner h4 {

    font-size: 15px;

    margin: 10px 0px;

    font-weight: 600;

    color: #fff;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    text-transform: uppercase;

    line-height: 22px;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.spolight .spotlight-inner .spotlight-inner-content {

    padding: 5px 15px 10px;

    background: #ff8d00;

    min-height: 125px;

    z-index: 1;

    position: relative;

    transition: 0.3s;

    margin: auto;

}

.spolight .spotlight-inner:hover .spotlight-inner-content {

    background: rgb(0 0 0 / 40%);

    border-radius: 5px;

    transform: scale(0.92) translate(0px, -10px);

}

.spolight .spotlight-inner:hover img {

    transform: scale(2.3);

    filter: brightness(0.6);

}

.spolight .spotlight-inner img {

    width: 100%;

    height: 220px;

    object-fit: cover;

    transition: 0.3s;

}

.spolight .spotlight-inner .img_thumbnail {

    position: relative;

}

.spolight .spotlight-inner:hover .img_thumbnail:after {

    transform: rotate(0deg);

    transform: rotate( 0deg);

    bottom: -40px;

    box-shadow: 0px 0px 0px gainsboro;

    visibility: hidden;

    opacity: 0;

}

.spolight .spotlight-inner .img_thumbnail:after {

    transition: 0.3s;

    content: '';

    width: 100%;

    height: 40px;

    background: #ff8d00;

    position: absolute;

    left: -3px;

    bottom: -25px;

    transform: rotate(5deg);

    box-shadow: 0px -5px 5px rgb(0 0 0 / 35%);

}

.spolight .spotlight-inner {

    position: relative;

    width: 100%;

    border-radius: 8px;

    box-shadow: 0px 3px 5px rgb(0 0 0 / 10%);

    margin: 10px 0;

    overflow: hidden;

    background: #333;

}





.why_srmuh .why_srmuh_inner .why_srmuh_slide_box p{

    color: #fff;

    font-size: 14px;

    margin-bottom: 20px;

    line-height: 20px;

    text-align: justify;

    text-align-last: center;

}

.why_srmuh .why_srmuh_inner .why_srmuh_slide_box h2{

    color: #fff;

    font-size: 18px;

    margin-bottom: 10px;

}

.why_srmuh .why_srmuh_inner .why_srmuh_slide_box h4{

    color: #ff8d00;

    font-size: 22px;

    margin-bottom: 20px;

    font-weight: 600;

    line-height: 25px;

}

.why_srmuh .why_srmuh_inner .why_srmuh_slide_box img{

    width: 80px;

    margin: auto;

    margin-bottom: 30px;

    filter: contrast(0.7);

}

.why_srmuh .why_srmuh_inner .why_srmuh_slide_box{

    margin: 0 10px;

    color: #fff;

    padding: 30px 20px 10px;

    text-align: center;

    background: rgb(74 74 74 / 76%);

    min-height: 400px;

    border-radius: 5px;

    max-width: 430px;

}

.why_srmuh .why_srmuh_inner:before {

    background: rgb(51 51 51 / 70%);

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

}

.why_srmuh .why_srmuh_inner {

    padding: 0;

    background: url(../img/bg-bottom-block.jpg) center center no-repeat;

    background-size: cover;

}

.why_srmuh h1 {

    color: #fff;

    font-size: 60px;

    line-height: 60px;

    font-weight: 400;

    text-align: center;

    padding-bottom: 40px;

    position: relative;

    padding-top: 20px;

}



.srm-acc {

    width: 50%

}

.about-section {

    padding: 80px 0;

}





.mr-100{

    margin-right: 100px;

}

.srmgh-accordion h2 {

    font-size: 35px;

    line-height: 40px;

    font-weight: 100;

    padding-bottom: 15px;

    color: #000;

}







.line {

    margin: 15px 0;

}



.footer-top{

    display: none;

}

.footer-bottom{

    background: -webkit-linear-gradient(-45deg, #f2f2f2 0%, #f2f2f2 22%, #4487ad 22%, #4487ad 100%);

}



.incoming-student ul li {

    display: inline-block;

    padding: 0 1px 5px;

}

.incoming-student ul li a {

        color: #fff;

    font-size: 25px;

    line-height: 25px;

    padding: 15px 40px;

    display: block;

    background-color: #001b4a;

    margin: 20px 10px 10px;

    border-radius: 50px;

    font-weight: 600;

}

.incoming-student ul li a:hover {

    background-color: #4487AD;

    color: #fff;

}

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

    .incoming-student {

      padding: 30px 0;

      text-align: center;

    }

    .incoming-student h2 {

        font-size: 20px;

        line-height: 40px;

    }

}



.grid-figure {

    padding: 0;

    border-style: solid;

    border-width: 0px 0px 0px 0px;

    border-bottom: 1px solid #e3eef6;

    border-right: 1px solid #e3eef6;

    height: 115px;

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    background: #fff;

}

.grid-figure.border-no {

    border-right: none !important;

}

.grid-figure.bottom-noborder {

    border-bottom: none !important;

}

.grid-figure .log-img {

    overflow: hidden;

}

.clients_logo_slider {

    border-top: 1px solid #ff8d00;

    border-left: 10px solid #ff8d00;

    border-bottom: 1px solid #ff8d00;

}

.clients_logo .slick-dots li {

  position: relative;

  display: inline-block;

  width: auto;

  height: auto;

  margin: 0 2px;

  padding: 0;

  cursor: pointer;

}

.clients_logo .slick-dots li button {

    font-size: 0;

    line-height: 0;

    display: block;

    width: 10px;

    height: 5px;

    padding: 0;

    cursor: pointer;

    color: transparent;

    border: 0;

    outline: none;

    background: #c1bcaa;

    border-radius: 2px;

}

.clients_logo .slick-dots li.slick-active button {

    background:#0369b1;

    width: 20px;

}

.clients_logo .slick-dots li button:before{

    display: none;

}

.logo_content {

    background-color:#4487AD;

    padding: 20px 35px;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.logo_content h2 {

    font-size: 30px;

    line-height: 35px;

    font-weight: 600;

    color: #fff;

    padding-bottom: 20px;

    text-transform: uppercase;

}

.logo_content p {

    font-size: 16px;

    line-height: 25px;

    font-weight: 400;

    color: #fff;

    padding-bottom: 20px;

}

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



    .clients_logo_slider .slick-dots {

        bottom: 10px;

    }

    .logo_content {

        padding: 20px 15px 0;

    }

    .logo_content h2 {

        font-size: 20px;

        line-height: 25px;

    }

}



.department_tabs {

    padding: 0 0 50px;

}

.tabs-nav li {

  float: left;

}

.tabs-nav li a {

    padding: 10px 25px;

    font-size: 16px;

    line-height: 25px;

    font-weight: 400;

    color: #000;

    display: inline-block;

    text-transform: uppercase;

    border-bottom: 2px solid #fff;

}

.tabs-nav li:first-child a {

  border-right: 0;

  border-top-left-radius: 6px;

}

.tabs-nav li:last-child a {

  border-top-right-radius: 6px;

}

.tabs-nav li.tab-active a {

    color: #a90f00;

    border-bottom: 2px solid #a90f00;

    box-shadow: 8px 1px 10px -8px rgb(0 0 0 / 50%);

}



.tabs-stage {  

  border-radius: 0 0 6px 6px;

  border-top: 0;

  clear: both;

  padding: 24px 30px;

  position: relative;

  top: -1px;

}

.dept_tabs_nav {

    border-top: 1px solid #cecfd5;

    border-bottom: 1px solid #cecfd5;

}

.before-none::before{

    content: none !important;

}

.selectric-scroll ul li::before{

    content: none;

}

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

    .department_tabs {

        padding: 30px 0;

    }

    .tabs-stage {

        padding: 15px 0 0;

    }

    .tabs_content {

        padding: 0 0 25px;

    }

}

.apply_academic {

    background: #4487AD;

    text-align: center;

    padding: 40px 0;

}

.apply_academic a {

    color: #fff;

    font-size: 30px;

    line-height: 30px;

    font-weight: 700;

    text-transform: uppercase;

}

.faculty_area {

    background-color: #fff;

    border-bottom: 1px solid gainsboro;

    overflow-y: hidden;

    border-radius: 11px;

    box-shadow: 0px 1px 4px gainsboro;

    margin: 15px 5px 5px;

}

.faculty_man {

    float: left;

    width: 100px;

    position: relative;

    z-index: 9;

    height: 100px;

}

.faculty_details {

    padding: 5px 5px 5px 15px;

    float: left;

    width: 260px;

}

.faculty_details h2 {

    font-size: 17px;

    line-height: 17px;

    color: #b3334b;

    font-weight: 600;

    padding: 0 0 10px;

    text-transform: capitalize;

}

.faculty_details p {

    font-size: 14px;

    line-height: 21px;

    color: #000;

    font-weight: 400;

    font-style: italic;

}

.faculty_section .slick-dots li {

  position: relative;

  display: inline-block;

  width: auto;

  height: auto;

  margin: 0 2px;

  padding: 0;

  cursor: pointer;

}

.faculty_section .slick-dots li button {

    font-size: 0;

    line-height: 0;

    display: block;

    width: 10px;

    height: 10px;

    padding: 0;

    cursor: pointer;

    color: transparent;

    border: 0;

    outline: none;

    background: #c1bcaa;

    border-radius: 4px;

}

.faculty_section .slick-dots li.slick-active button {

    background:#8e0b35;

    width: 20px;

}

.faculty_section .slick-dots li button:before{

    display: none;

}



.programs_overviews {

    padding: 50px 0;

}

.programs_overviews .accordion-container .accordion-title.open {

    background: #4487AD;

    color: #fff;

}

.programs_overviews .accordion-container .accordion-title {

    position: relative;

    margin: 0 0 10px;

    padding: 15px 25px;

    font-size: 16px;

    line-height: 16px;

    font-weight: 600;

    color: #333;

    cursor: pointer;

    transition: all .3s;

    background: #f0f0f0;

    border-radius: 8px;

    font-family: 'Montserrat', sans-serif;

}

.programs_overviews .accordion-content {

    padding: 5px 25px 15px;

    margin: 0;

}

.programs_overviews .accordion-container .accordion-title::after {

  content:

  "\f055";

  font-family: 'Font Awesome 5 Free';

  position: absolute;

  top: 50%;

  right: 15px;

  left: auto;

  width: auto;

  height: auto;

  transition: all .3s;

  background-color: transparent;

  font-size: 24px;

  transform: translateY(-50%);

}

.programs_overviews .accordion-container .accordion-title.open::after {

    display: block;

    content:

    "\f056";

    font-family: 'Font Awesome 5 Free';

    position: absolute;

    top: 50%;

    right: 15px;

    left: auto;

    width: auto;

    height: auto;

    transition: all .3s;

    background-color: transparent;

    font-size: 24px;

    transform: translateY(-50%);

}





.fiends_programs h2 {

    float: left;

    font-size: 17px;

    line-height: 25px;

    color: #000;

    font-weight: 600;

    padding: 0;

}

.fiends_programs ul {

    padding: 0;

    /* margin: 0 0 0 30px; */

    /* float: left; */

    margin-top: 5px;

}

.fiends_programs ul li {

    padding: 0;

    margin: 0 15px 0 0;

    display: inline-block;

}



.fiends_programs [type="checkbox"]:checked, 

.fiends_programs [type="checkbox"]:not(:checked) {

    display: none

}



.fiends_programs [type="checkbox"]:checked + label, 

.fiends_programs [type="checkbox"]:not(:checked) + label {

    position: relative;

    cursor: pointer;

    display: inline-block;

    color: #000;

    font-size: 15px;

    line-height: 22px;

    font-weight: 400;

    padding: 0 0 0 0;

    margin: 0 0 0 28px

}



.fiends_programs [type="checkbox"]:checked + label {

    color: #000

}



.fiends_programs [type="checkbox"]:checked + label:before, 

.fiends_programs [type="checkbox"]:not(:checked) + label:before {

    content: '';

    position: absolute;

    left: -25px;

    top: 0;

    width: 22px;

    height: 22px;

    background: url(../img/box.png) no-repeat

}



.fiends_programs [type="checkbox"]:checked + label:after, 

.fiends_programs [type="checkbox"]:not(:checked) + label:after {

    content: '';

    width: 22px;

    height: 22px;

    background: url(../img/box-active.png) no-repeat;

    position: absolute;

    top: 0;

    left: -25px

}



.fiends_programs [type="checkbox"]:not(:checked) + label:after {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0)

}



.fiends_programs [type="checkbox"]:checked + label:after {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1)

}



.pro_top {

    min-height: 135px;

}

.programs_box h3 {

    font-size: 16px;

    line-height: 16px;

    color: #2e3a8e;

    font-weight: 400;

    text-transform: uppercase;

    padding: 0 0 10px;

    margin: 0;

}

.programs_box h2 {

    font-size: 15px;

    line-height: 22px;

    color: #333;

    font-weight: 500;

    padding: 0;

    margin: 0;

    font-family: 'Montserrat', sans-serif;

}

.programs_box p {

    font-size: 15px;

    line-height: 20px;

    font-weight: 500;

    color: #8e0b35;

}

.programs_box ul {

    padding: 0;

    margin: 0;

}

.programs_box ul li {

    padding: 0 0 0 0;

    margin: 0 0 10px;

    font-size: 13px;

    line-height: 13px;

    color: #777;

    align-items: center;

}

.programs_box ul li .fa {

    /* width: 20px; */

    height: 20px;

    border: 1px solid #c9c9c9;

    border-radius: 50%;

    color: #000;

    font-size: 10px;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    margin: 0 5px 0 0;

    min-width: 20px;

}

.programs_box ul li a {

    float: right;

}

.facilities {

    background-color: #4487AD;

}

.facilities .row.no-gutters {

    display: flex;

}

.facilities_content {

    width: 620px;

    float: right;

    padding-right: 30px;

    padding-top: 50px;

    padding-bottom: 30px;

}

.facilities_content .border{

    border-color: #878787 !important;

}

.facilities_content p {

    font-size: 15px;

    line-height: 20px;

    font-weight: 400;

    padding-bottom: 0;

    color: #ddd;

}

.facilities_content ul {

    padding: 0;

    margin: 30px 0 0 0;

}

.facilities_content ul li {

    padding: 0 0 5px 0;

    margin: 0 0 15px 20px;

    font-size: 14px;

    line-height: 20px;

    font-weight: 400;

    position: relative;

    border-bottom: 1px solid #ccc;

    list-style: none !important;

}

.facilities_content ul li:last-child {

    border-bottom: 0;

}



.facilities_content ul li:after {

    content: "\f105";

    font-family: 'Font Awesome 5 Free';

    position: absolute;

    left: -15px;

    top: 0;

    color: #000;

}



.facilities_img {

    width: 100%;

    height: 100%;

    background: #4487AD;

}

.facilities_img img {

    width: 100%;

    height: 100%;

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

    opacity: 0.8;

}

.academic-affiliate ul.tabs {

    margin: 0;

    padding: 0;

    list-style: none;

    width: 100%;

    display: flex;

    flex-direction: column;

}



.academic-affiliate ul.tabs li {

    /* float: left; */

    margin: 0;

    cursor: pointer;

    padding: 5px 15px;

    /* height: 31px; */

    /* line-height: 31px; */

    /* border: 1px solid #e3e3e3; */

    background-color: #fff;

    color: #333;

    /* overflow: hidden; */

    position: relative;

    width: 100%;

    font-size: 16px;

    min-height: 50px;

    border-top: 1px solid #Ccc;

}



.academic-affiliate .tab_last {/* border-right: 1px solid #333; */}



.academic-affiliate ul.tabs li:hover {

    background-color: #ccc;

    color: #333;

}

.academic-affiliate.industry-collab .tab_container{

       border: 0;

    background: none;

    box-shadow: none;

}



.academic-affiliate.industry-collab ul.tabs li {

        height: 40px;

    line-height: 18px;

    color: #000;

    position: relative;

    width: 100%;

    font-size: 14px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    background: transparent;

    border-top: 0;

    text-transform: uppercase;

    border-left: 1px solid #e7a13b;

}

.academic-affiliate.inter-collab .tab_content .industry-content.page-content  p{

font-size: 10px;

}

.academic-affiliate.industry-collab ul.tabs li.active {

    background-color: #4487AD;

    color: #fff;

    display: flex;

}



.academic-affiliate.industry-collab ul.tabs li.active:after {

    content: none;

   

}

.academic-affiliate.industry-collab ul.tabs{

    border:0;

    background: transparent;

}



.academic-affiliate ul.tabs li.active {

    background-color: #333;

    color: #fff;

    display: block;

}





.academic-affiliate ul.tabs li.active:after {

    content: "";

    position: absolute;

    top: 50%;

    right: -15px;

    height: 0px;

    width: 0px;

    border-top: solid 15px transparent;

    border-left: solid 15px #333;

    border-bottom: solid 15px transparent;

    transform: translateY(-50%);

    z-index: 1;

  }

.academic-affiliate .tab_drawer_heading { display: none; }

.card-boorder{

    height: 260px;

    width: 250px;

    object-fit: cover;

    border: 1px solid gainsboro;

}

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

    .academic-affiliate .tabs {

        display: none !important;

    }

    .academic-affiliate .tab_drawer_heading {

        background-color: #fc8447;

        color: #fff;

        border-top: 1px solid #333;

        margin: 0;

        padding: 5px 20px;

        display: block;

        cursor: pointer;

        -webkit-touch-callout: none;

        -webkit-user-select: none;

        -khtml-user-select: none;

        -moz-user-select: none;

        -ms-user-select: none;

        user-select: none;

    }



    .academic-affiliate .d_active {

        background-color: #ff8d00 !important;

    color: #fff !important;

    border-bottom: 0px solid #ccc;

    }

    .academic-affiliate .tab_drawer_heading {

        background-color: #f1f1f1;

        border-color: #ccc;

        color: #000;

        padding: 10px;

        

    }   



    .academic-affiliate.industry-collab .tab_container, .academic-affiliate.statuatory-body .tab_container{

        border: 1px solid #ccc;

    }

    .academic-affiliate.industry-collab  .d_active ,  .academic-affiliate.statuatory-body  .d_active{

        background-color: #fc8447;

        color: #fff;

        border-bottom: 1px solid #ccc;

    }

    

}

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

    .fiends_programs {

        padding: 15px;

    }

    .fiends_programs h2 {

        font-size: 12px;

    }

    .fiends_programs ul {

      padding: 0;

      margin: 0;

    }

    .fiends_programs ul li {

        margin: 0;

    }

    .fiends_programs [type="checkbox"]:checked + label, .fiends_programs [type="checkbox"]:not(:checked) + label {

        font-size: 12px;

    }

    .apply_academic {

        padding: 20px 0;

    }

    .apply_academic h1 {

        font-size: 20px;

        line-height: 25px;

    }

    .faculty_area {

        /* margin-top: 50px; */

    }

        .faculty_man {

        float: none;

        /* margin: -50px auto auto; */

        height: auto;

        width: 100px;

        min-width: 100px;

    }



    .faculty_man img {

        display: block;

        width: 100px;

        max-height:100px;

        height: 100%;

    }



    .faculty_details {

        float: none;

        width: auto;

        padding: 15px;

    }

    .programs_overviews {

      padding: 30px 0;

    }

    .programs_overviews .accordion-container .accordion-title {

        padding: 15px;

        font-size: 14px;

        line-height: 1.4 !important;

    }



    .accordion-content {

        /* padding: 5px 15px 15px !important; */

    }

   

    .facilities_content {

        width: auto;

        float: none;

        padding: 15px;

    }



    .accordion-content table{

        min-width: 650px;

   

    }

     .text-style{

        overflow-x:scroll;

   

    }



    .faculty_profile_accordion .accordion-container .accordion-title {

        padding: 10px 40px 10px 10px !important;

        font-size: 14px !important;

    }

}





.flexible-view .program_box {

  vertical-align: top;

  display: block;

  margin: 0;

  position: relative;

}

.flexible-view .program_box_container {

  display: block;

  position: relative;

}

.flexible-view .program_box_container .open-details {

  display: block;

  position: absolute;

  bottom: 15px;

  right: 15px;

}

.flexible-view .program_box_container .open-details .fa {

    width: 20px;

    height: 20px;

    border:1px solid #8c8c8c;

    border-radius: 50%;

    color: #333;

    font-size: 10px;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    margin: 0 5px 0 0;

}

.flexible-view .program_box_container .open-details:hover .fa {

    background-color: #2e3a8e;

    border:1px solid #2e3a8e;

    color: #fff;

}

.flexible-view .program_box_container .close-details {

  display: none;

}

.flexible-view .program_box_container .close-details .fa {

    width: 20px;

    height: 20px;

    border:1px solid #c9c9c9;

    border-radius: 50%;

    color: #000;

    font-size: 10px;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    margin: 0 5px 0 0;

}

.flexible-view .program_box_container .close-details:hover .fa {

    background-color: #2e3a8e;

    border:1px solid #2e3a8e;

    color: #fff;

}

.program_box_gallery {

  display: flex;

  flex-wrap: wrap;

}

.program_box_gallery:after {

  content: "";

  flex-grow: 1;

  display: inline-block;

  min-width: 50%;

}

.program_box_gallery .program_box {

  margin: 0;

  position: static;

  /* width: 25%; */

  border: 0;

}

.program_box_gallery .program_box.open {

  margin: 0 0 35px;

}

.program_box_gallery .program_box.open:after {

  content: "";

  font-size: 0px;

  position: relative;

  top: -10px;

  left: 120px;

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 0 20px 20px 20px;

  border-color: transparent transparent #fed1ce transparent;

  /*top: 4px;

  width:100px;

  height:2px;

  background:$secondary-color;

  display: inline-block;*/

}

.program_box_gallery .program_box.open .program_box_container .open-details {

  display: none;

}

.program_box_gallery .program_box.open .program_box_container .close-details {

  display: block;

  position: absolute;

  bottom: 15px;

  right: 15px;

}

.programs_box {

    /*border: 1px solid #f4f4f4;

    box-shadow: 0 0 10px #f4f4f4;

    border-radius: 10px;

    padding: 30px 28px 10px;

    border-bottom: 4px solid #2e3a8e;

    margin: 0 0 20px;*/

}

.program_box_gallery .program_box_container {

    width: 100%;

    line-height: normal;

    box-shadow: 0px -2px 4px 0px rgb(0 0 0 / 9%);

    border-radius: 0px 10px 0px 10px;

    padding: 15px 15px 10px;

    border-bottom: 6px solid #4487AD;

    margin: 20px 0px 0;

    background: #ffffff;

}

.program_box_gallery .program_box_details_container.dc-mobile {

  height: 0;

}



.program_box_gallery .program_box_details_container {

    position: absolute;

    left: 0;

    right: 0;

    margin: 10px 15px;

    overflow-y: auto;

    background-color: #d8d9cf;

    box-shadow: 0px 8px 0px -3px rgb(235 235 235);

    border-radius: 6px;

    height: 0;

    overflow-x: hidden;

}

.program_box_details {

    padding: 40px 15px 15px 40px;

    display: flex;

}

.program_box_details h5 {

    font-family: 'Roboto', sans-serif;

    color: #002470;

    font-size: 24px;

    line-height: 25px;

    padding-bottom: 20px;

    font-weight: 400;

}

.program_box_details p {

    font-family: 'Roboto', sans-serif;

    color: #333333;

    font-size: 14px;

    line-height: 25px;

    padding-bottom: 15px;

    font-weight: 400;

}





.program_box_details .collaborate p {

    font-size: 14px;

    line-height: 18px;

    font-weight: 400;

    color: #000;

    padding: 0;

}



.chancellor-img{

    min-width: 150px;

    height:150px;

    border-radius: 300px;

    overflow: hidden;

    display: flex;

    z-index: 1;

    border: 1px solid #fc8447;

}



@media screen and (min-width: 768px) {

  .program_box_gallery:after {

    content: "";

    flex-grow: 1;

    display: inline-block;

  }

  .about-study .col-xl-20:nth-last-child(-n+2){

    display: none;

  }

}

@media screen and (min-width: 1024px) {

.chancellor-msg-text{

    margin-left: -75px;

    margin-top: 75px;

    padding-left: 90px !important;

    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);



}

/**#primary-nav ul li:nth-of-type(3) .sub-menu, #primary-nav ul li:nth-of-type(1) .sub-menu , #primary-nav ul li:nth-of-type(2) .sub-menu{

    left:auto;

}

#primary-nav ul li:nth-of-type(4) .sub-menu{

    left:25%;

}

#primary-nav ul li:nth-of-type(5) .sub-menu{

    padding-bottom: 0;

   

    left:40% ;

    padding-right: 0;

}

#primary-nav ul li:nth-of-type(6) .sub-menu{

    padding-top: 0 ;

    padding-bottom: 0 ;

    left: 20%;

    z-index: 99;

}

#primary-nav ul li:nth-of-type(7) .sub-menu{

    padding-right: 0 ;

    padding-bottom: 0 ;

    left: 35%;

    z-index: 99;

}**/

  .program_box_gallery:after {

    content: "";

    flex-grow: 1;

    display: inline-block;

  }

  .float-card.card {

    position: absolute;

    top: 50%;

    max-width: 500px;

    top: 50%;

    transform: translateY(-50%);

    left:80px

    }

}







.computer_dept_bg {

    background-image: url(../img/computer_sec.jpg);

    background-repeat: no-repeat;

    background-size: cover;

}

.computer_dept_content {

        max-width: 100%;

    background:linear-gradient(45deg, #333, rgb(0 56 152 / 24%));

    padding: 40px 90px;

    height: auto;

    max-height: 100%;

    min-height: 450px;

    display: flex; 

    align-items: center;

    opacity: 1;



}



.computer_dept h1 {

    color: #ff8d00;

    font-size: 36px;

    line-height: 40px;

    font-weight: 700;

    text-transform: uppercase; 

    padding-bottom: 30px;

} 

.computer_dept h2 {

    color: #fff;

    font-size: 22px;

    line-height: 30px;

    font-weight: 600;

    text-transform: uppercase;

}

.computer_dept p {

    color: #fff;

    font-size: 14px;

    line-height: 22px;

    font-family: 'Roboto', sans-serif;

    font-weight: 400;

    padding: 0 0 20px;

}

.computer_dept a {

    color: #fff;

    font-size: 14px;

    line-height: 14px;

    font-family: 'Roboto', sans-serif;

    font-weight: 700;

    padding: 10px 15px;

        display: inline-block;

    border:1px solid #fff;

    text-transform: uppercase;

}

.computer_dept a:hover {

    background-color: #ffdb8f;

    border:1px solid #ffdb8f;

    color: #000;

}





.events_detrails {

    padding: 50px 0;

}

.events_date_time {

    padding: 0 20px;

}

.events_date_time h2 {

    color: #333333;

    font-size: 22px;

    line-height: 30px;

    font-weight: 600;

    padding-bottom: 20px;

}

.events_date_time ul {

    padding: 0;

    margin: 0;

}

.events_date_time ul li {

    padding: 0 0 10px;

    margin: 0 0 15px;

    border-bottom: 1px solid #e9e9e9;

}

.events_date_time ul li span {

    padding: 0;

    margin: 0 0 8px;

    color: #ff8d00;

    font-size: 14px;

    line-height: 14px;

    font-weight: 600;

    text-transform: uppercase;

    display: inline-block;

}

.events_date_time ul li p {

    padding: 0;

    margin: 0;

    color: #333;

    font-size: 16px;

    line-height: 24px;

    font-weight: 600;

}

.events_date_time .events_social {

    float: left;

    margin-right: 45px;

    margin-top: 30px;

}

.events_date_time .events_social ul,

.events_date_time .add_calender ul {

    padding: 0;

    margin: 0;

}

.events_date_time .events_social ul li,

.events_date_time .add_calender ul li {

    padding: 0;

    margin: 0;

    border: 0;

    display: inline-block;

}

.events_date_time .events_social ul li a {

    width: 30px;

    height: 30px;

    border-radius: 50%;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    background-color: #333333;

    color: #ffffff;

    margin-right: 5px;

}

.events_date_time .events_social p,

.events_date_time .add_calender p {

    padding: 0;

    margin: 0;

    color: #ff8d00;

    font-size: 14px;

    line-height: 14px;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.events_date_time .add_calender {

    float: left;

    margin-top: 30px;

}

.events_content {

    padding: 20px 0 0 0;

    font-size: 15px;

    line-height: 25px;

    font-weight: 500;

    text-align: justify;

}

.events_content p {

    line-height: 25px;

    padding: 0 0 20px;

    font-weight: 500;

}

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

    .events_date_time {

        padding: 0px 0 20px;

    }

    .events_detrails {

      padding: 20px 0;

    }

}

.happiness:before {

    content: "";

    background: rgb(34 34 34 / 50%);

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.happiness {

    padding:15em 0 3em;

    background: url(../img/bg-bottom-block.jpg) center center no-repeat;

    background-size: cover;

    position: relative;

}

.happiness h1 { 

    color: #ffffff;

    font-size: 40px;

    line-height: 40px;

    position: relative;

    z-index: 1;

    font-weight: 600;

 }

.news_views {

    padding: 20px 0 30px;

}

.news_views .selectric,

.events_page .selectric {

    border: 1px solid #ccc;

    position: relative;

    overflow: hidden;

    border-radius: 5px;

    background: #f9f9f9;

}

.news_views .selectric .label,

.events_page .selectric .label {

  display: block;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  margin: 0 38px 0 0;

  font-family: 'Roboto', sans-serif;

  font-size: 14px;

  line-height: 45px;

  color: #706c63;

  font-weight: 400;

  height: 45px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  padding: 0 15px;

  text-transform: capitalize;

}

.news_views .selectric-items li,

.events_page .selectric-items li {

  list-style: none;

  padding: 10px 15px;

  margin: 0;

  font-size: 14px;

  line-height: 20px;

  min-height: 20px;

  color: #706c63;

  text-transform: capitalize;

}

.news_views .selectric .button,

.events_page .selectric .button {

  display: block;

  position: absolute;

  right: 0;

  top: 0;

  width: 45px;

  height: 45px;

  line-height: 45px;

  background-color: transparent;

  color: #927f59;

  text-align: center;

  font: 0/0 a;

  *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;

}



.news_img {

        overflow: hidden;

    border-radius: 20px;

        box-shadow: 0px 9px 10px rgb(0 0 0 / 10%);

    border: 1px solid gainsboro;

}

.news_img img {

        width: 100%;

    height: 300px;

    object-fit: cover;

    object-position: top;

    transition: 1s;

}

.news_box:hover .news_img img {

    transform: scale(1.2);

}

.news_box {

    background: #fff;

    margin-bottom: 20px;

}

.news_small_text  p{

    font-size: 18px;

    line-height: 25px;

    color: #333;

    font-weight: 600;

    font-family: 'Montserrat', sans-serif;

    margin-bottom: 10px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    transition: 0.3s;

}

.news_box:hover .news_small_text  p{

        color: #ff8d00;

}

.news_details_heading h2{

    font-size: 30px;

    font-weight: 600;

    font-family: 'Montserrat', sans-serif;

}

.news_details_heading .post-date {

        color: #ffffff;

    font-size: 15px;

    line-height: 20px;

    font-weight: 600;

    font-family: 'Montserrat', sans-serif;

    background: #ff8d00;

    display: inline-block;

    padding: 5px 10px;

    text-transform: uppercase;

    margin-bottom: 5px;

}

.news_big_slider{

    border-radius: 5px;

    overflow: hidden;

    box-shadow: 0px 0px 15px gainsboro;

}

.news_details_area {

    padding: 30px 0 50px;

    position: relative;

}

.news_big_slider .slick-slide img {

    display: block;

    width: 100%;

}

.news_big_slider .html5lightbox {

    position: absolute;

    right: 15px;

    bottom: 30px;

    z-index: 999;

}

.news_big_slider .slick-slide .html5lightbox img {

    display: block;

    width: auto;

}

.news__counter {

    padding:5px 10px;

    background-color: #cececc;

    position: absolute;

    top: 15px;

    left: 25px;

    z-index: 9

}

.news_details_content {

    padding: 30px 0 0;

    margin-bottom: 30px;

    border-bottom: 1px solid #cececc;

}

.news_details_content p {

    color: #333333;

    font-size: 14px;

    line-height: 25px;

    font-weight: 500;

    padding: 0 0 15px;

}

.news_social {

    padding: 0 0 25px;

}

.news_social p {

    padding: 0;

    margin: 0;

    color: #ff8d00;

    font-size: 14px;

    line-height: 14px;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.news_social ul {

    padding: 0;

    margin: 0;

}

.news_social ul li {

    padding: 0;

    margin: 0;

    border: 0;

    display: inline-block;

}

.news_social ul li a {

        width: 30px;

    height: 30px;

    border-radius: 50%;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    background-color: #333333;

    color: #fff;

}

.news_works {

    padding: 0;

}

.news_works ul {

    padding: 0;

    margin: 0;

}

.news_works ul li {

    padding: 0;

    margin: 0 5px 0 0;

    border: 0;

    display: inline-block;

}

.news_works ul li a {

    border-radius: 40px;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    color: #333333;

    padding: 8px 15px;

    border: 1px solid #ccc;

    text-transform: uppercase;

}

.news_works ul li a:hover {

    background-color: #8e0b35;

    border: 1px solid #8e0b35;

    color: #fff;

}



.faculty_profile {

    /*background: linear-gradient(to bottom,  rgb(248,242,230) 33%,rgb(255,255,255) 33%);*/

    padding: 35px 0;

    position: relative;

}

.faculty_profile_rgb {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 140px;

    background-color:#343a40;

}

.faculty_profile_img img {

    max-width: 100%;

    width: 220px;

    height: 240px;

    object-fit: cover;

    object-position: top;

    background: #f9f9f9;

}

.faculty_profile_content h2 {

    color: #ffffff;

    font-size: 28px;

    line-height: 28px;

    font-weight: 600;

}

.faculty_profile_content h3 {

    color: #ccc;

    font-size: 16px;

    line-height: 1.5;

    font-weight: 400;

    font-style: italic;

    margin: 10px 0 0px;



}

.faculty_education {

    padding: 40px 0 0 0;

    position: relative;

}

.faculty_social {

    position: absolute;

    top: -25px;

    right: 0;

    background-color: #fff;

    padding: 10px;

}

.faculty_social ul li {

    padding: 0;

    margin: 0 5px 0 0;

    border: 0;

    display: inline-block;

}

.faculty_social ul li a {

    width: 30px;

    height: 30px;

    border-radius: 4px;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    background-color: #8e0b35;

    color: #fff;

}

.faculty_education h2 {

    color: #000;

    font-size: 20px;

    line-height: 20px;

    font-family: 'Roboto', sans-serif;

    font-weight: 500;

    padding-bottom: 18px;

}



.faculty_education thead,

.faculty_education tbody, 

.faculty_education tfoot {

    background: none;

    

    border: 0;

}

.faculty_education thead {

    color: #8e0b35;

}

.faculty_education tfoot td, 

.faculty_education tfoot th, 

.faculty_education thead td, 

.faculty_education thead th {

    font-weight: 400;

    text-align: left;

}

.faculty_education tbody td {

    font-weight: 400;

    text-align: left;

    font-size: 14px;

}

.faculty_education tbody tr {

    border-bottom: 1px solid #ccc;

}

.faculty_education tbody tr:nth-child(even) {

    border-bottom: 1px solid #ccc;

    background-color: transparent;

}

.faculty_education tbody tr td:first-child {

    width: 135px;

}

.faculty_profile_accordion {

    padding: 50px 0;

}

.faculty_profile_accordion .accordion-container .accordion-title {

    position: relative;

    margin: 0 0 10px;

        padding: 20px 40px 20px 10px !important;

    font-size: 16px;

    line-height: 20px;

    font-weight: 600;

    color: #333;

    cursor: pointer;

    transition: all .3s;

    background: #f0f0f0;

    border-radius: 8px;

    font-family: 'Montserrat', sans-serif;

}

.faculty_profile_accordion .accordion-container .accordion-title::after {

    content:

    "\f055";

    font-family: 'Font Awesome 5 Free';

    position: absolute;

    top: 50%;

    right: 15px;

    left: auto;

    width: auto;

    height: auto;

    transition: all .3s;

    background-color: transparent;

    font-size: 24px;

    transform: translateY(-50%);

}

.faculty_profile_accordion .accordion-container .accordion-title.open {

    background: #4487AD;

    color: #fff;

}

.faculty_profile_accordion .accordion-container .accordion-title.open::after {

  display: block;

  content:"\f056";

  font-family: 'Font Awesome 5 Free';

  position: absolute;

  top: 50%;

  right: 15px;

  left: auto;

  width: auto;

  height: auto;

  transition: all .3s;

  background-color: transparent;

  font-size: 24px;

  transform: translateY(-50%);

}

.faculty_profile_accordion .accordion-content {

    padding: 5px 25px 15px;

    margin-top: 10px;

}

.faculty_profile_accordion .accordion-content ul li{

    position: relative;

    padding-left:15px;

}

.faculty_profile_accordion .accordion-content ul li::before{

    position: absolute;

   

    font-family: 'Font Awesome 5 Free';

    content: "\f111";

    font-size: 6px;

    top: 8px;

    left: 0;

    font-weight: 600;

    color: #aaa;

}

.faculty_profile_accordion .accordion-container p {

    color: #333;

    font-size: 14px;

    line-height: 22px;

    font-weight: 400;

    margin-bottom: 10px;

}

.faculty_profile_accordion .accordion-container {

    margin-bottom: 25px;

}

.faculty_profile_accordion a {

    color: #8e0b35;

    font-weight: 400px;

    font-size: 16px;

    text-transform: uppercase;

}

.faculty_profile_accordion a:hover {

    letter-spacing: 2px;

}

.faculty_profile_accordion a .fa {

    margin-right: 10px;

}

.events_page {

    padding: 30px 0;

}

.events_row {

        margin: 0 0 50px;

    border: 1px solid #e7e7e7;

    border-radius: 10px;

    background: #ffffff;

    transition: 0.3s;

}

.events_row:hover {

        box-shadow: 0px 2px 75px rgb(0 0 0 / 15%);

    transform: translateY(-5px);

}

.events_img img{

        width: 100%;

    height: 250px;

    object-fit: cover;

    object-position: top;

    transition: 1s;

}

.events_img{

    overflow: hidden;

    border-radius: 10px;

    margin: -8px;

    border: 1px solid gainsboro;

    background: gainsboro;

}

.events_row:hover .events_img img{

    transform: scale(1.2);

    filter: grayscale(1);

}

.events_date_con a {

    font-size: 18px;

    line-height: 25px;

    color: #333;

    font-weight: 600;

    font-family: 'Montserrat', sans-serif;

    margin-bottom: 10px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    transition: 0.3s;

}

.events_row:hover .events_date_con a {

    color: #ff8d00;

}

.events_date_con span {

        font-size: 12px;

    line-height: 20px;

    color: #ffffff;

    font-weight: 600;

    display: inline-flex;

    margin-bottom: 10px;

    padding: 2px 10px;

    border-radius: 5px;

    text-transform: uppercase;

    margin-right: 5px;

    align-items: center;

}

.events_date_con p {

    font-size: 14px;

    line-height: 20px;

    color: #000;

    font-weight: 400;

}



.events_area .calendar-wrapper {

  width: auto;

  margin: 0;

  padding: 30px 20px 15px;

  border: 1px solid #ccc;

  border-radius: 0;

  background: #fff;

  font-family: 'Roboto', sans-serif;

}

.events_area .calendar-wrapper table {

  clear: both;

  width: 100%;

  border: 1px solid #dcdcff;

  border-radius: 3px;

  border-collapse: collapse;

  color: #444;

}

.events_area .calendar-wrapper td {

  height: 48px;

  text-align: center;

  vertical-align: middle;

  border-right: 1px solid #dcdcff;

  border-top: 1px solid #dcdcff;

  /*width: 14.28571429%;*/

  padding: 0;

}

.events_area .calendar-wrapper td.not-current {

  color: #c0c0c0;

}

.events_area .calendar-wrapper td.today {

  font-weight: 700;

  color: #fff;

  font-size: 20px;

  background-color: #8e0b35;

}

.events_area .calendar-wrapper thead td {

  border: none;

  color: #8e0b35;

  text-transform: capitalize;

  font-size: 20px;

  font-weight: 300;

}

#btnPrev {

  float: left;

  margin-bottom: 20px;

}

#btnPrev:before {

    content: "\f104";

    font-family: "Font Awesome 5 Free";

    padding-right: 4px;

}

#btnNext {

  float: right;

  margin-bottom: 20px;

}

#btnNext:after {

    content: "\f105";

    font-family: "Font Awesome 5 Free";

    padding-right: 4px;

}

#btnPrev,

#btnNext {

  background: transparent;

  border: none;

  outline: none;

  font-size: 16px;

  font-weight: 300;

  color: #8e0b35;

  cursor: pointer;

  font-family: 'Roboto', sans-serif;

  text-transform: uppercase;

  transition: all 0.3s ease;

}

#btnPrev:hover,

#btnNext:hover {

  color: #28283b;

  font-weight: bold;

}

.EventsCal {

    border-bottom: 1px solid #ccc;

}

.cal_marks {

    padding: 15px 0 0 0;

}

.cal_marks ul {

    padding: 0;

    margin: 0

}

.cal_marks ul li {

    font-family: 'Roboto', sans-serif;

    color: #969696;

    font-size: 15px;

    line-height: 15px;

    font-weight: 400;

    padding: 0;

    margin: 0 0 8px;

    width: 50%;

    float: left;

}





.tapbutton  a.view_profile:first-of-type{

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    border-right: 1px solid #fff;

}

.tapbutton  a.view_profile:nth-of-type(2){

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

}

.main-dep .slick-arrow {

width: 40px;

height: 40px;

background: #ff8d00;

z-index: 9;

border-radius: 40px;

}

.main-dep .slick-prev {

    left: 30px;



}

.main-dep .slick-prev::before {

   content:'\f053';

   font-family: 'Font Awesome 5 Free';

   color: black;



}



.main-dep .slick-next {

    right: 30px;

}

.main-dep .slick-next::before {

    content:'\f054';

    font-family: 'Font Awesome 5 Free';

 }

.main-dep .slider{

    height: auto;

}



.main-dep .slick-slide.slick-current.slick-active.slick-center{

 

    opacity: 1;

}



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

    .happiness {

        padding: 5em 0em;

        text-align: center;

    }

    .happiness h1 {

        font-size: 25px;

        line-height: 30px;

    }

    .news_views .selectric,

    .events_page .selectric{

        margin-bottom: 20px;

    }

    .pagination ul {

        width: 100%;

        float: none;

        margin-bottom: 15px;

    }

    .pagination .jump_page {   

      float: none;

    }

    

    .faculty_profile_img {

        margin: 0 auto 25px;

        float: none;

    }

    .mobile_scroll {

        overflow-x: scroll;

    }

    .mobile_scroll table {

        width: 900px;

    }

    .faculty_social {

      position: inherit;

      top: inherit;

      right: inherit;

      padding: 0;

      margin-bottom: 30px;

    }

    .faculty_education {

      padding: 20px 0 0 0;    

  }

  

    .tab_content  {

        padding: 10px;

    border: 1px solid gainsboro;

    }

    .tab_content .affiliate-content {

        overflow-x: scroll;



    }

    .affiliate-content table{

        min-width: 600px;

    }

}



.transform-crd{

    transform: translateX(-100px); margin-bottom: 0;

}

.from-img{

    min-height:480px;

}



.border-lite-top{

    border-top: 1px solid #e3eef6;

}



.border-lite-bottom{

    border-bottom: 1px solid #e3eef6;

}











.card-master-conteiner h5{

    /* margin-left:150px

; */

    width: fit-content;

    background: white;

    padding: 10px;

    margin-bottom: -2px;

    border-top: 4px solid #066aae;

    border-right: 1px solid #066aae;

    border-left: 1px solid #ccc;

    border-top-right-radius: 4px;

    border-top-left-radius: 4px;

}



#DataTables_Table_0_length label{

        font-weight: normal;

    text-align: left;

    white-space: nowrap;

}



.counter_home .row .col-6:nth-child(4n+1) .counter_home_box p{

    color: #fff;

}

.counter_home .row .col-6:nth-child(4n+1) .counter_home_box h2{

    color: white;

}

.counter_home .row .col-6:nth-child(4n+1) .counter_home_box{

    background: #4487AD;

    color: #fff;

}

.counter_home .row .col-6:nth-child(4n+0) .counter_home_box p{

    color: #fff;

}

.counter_home .row .col-6:nth-child(4n+0) .counter_home_box h2{

    color: white;

}

.counter_home .row .col-6:nth-child(4n+0) .counter_home_box{

    background: #4487AD;

    color: #fff;

}

.counter_home .row .col-6 .counter_home_box p{

    margin: 0px;

}

.counter_home .row .col-6 .counter_home_box h2{

    font-weight: 800;

    font-size: 42px;

}

.counter_home .row .col-6 .counter_home_box{

    text-align: center;

    padding: 20px 10px;

    background: #ff8d00;

    min-height: 170px;

}

.counter_home{

    margin-top: -214px;

}

.about-study .about-study-box a:hover img{

    filter: invert(98%) sepia(94%) saturate(15%) hue-rotate(338deg) brightness(105%) contrast(100%);

}

.about-study .about-study-box a:hover p{

    color:#fff;

}

.about-study .about-study-box a:hover{

    box-shadow: 0px 3px 5px rgb(0 56 152 / 34%);

    background: #ff8d00;

    transform: translateY(-5px);

}

.about-study .about-study-box a{

    min-height: 165px;

    background: #f1f1f1;

    align-items: center;

    border-radius: 2px;

    display: flex;

    justify-content: center;

}

@media only screen and (min-width: 1100px) {

    .col-xl-20 {

        width: 20%;

        -ms-flex: 0 0 20%;

        flex: 0 0 20%;

        max-width: 20%;

    }

    .banner .slide {

        min-height: 750px;

        display: flex !important;

        align-items: end;

        justify-content: center;

        height: 97vh;

    }

  }

.academics-slider-inner .academics-srm-text p{

    color: #fff;

    margin-top: 10px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    line-height: 25px;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.academics-slider-inner .academics-srm-text h3{

    color: #ffffff;

    font-weight: 600;

    font-size: 26px;

    line-height: 30px;

    text-transform: uppercase;

}

.academics-slider-inner .academics-srm-text h2{

    color: #ffffff;

    font-weight: 600;

    font-size: 26px;

    line-height: 30px;

    text-transform: uppercase;

}

.academics-slider-inner .academics-srm-text{

    position: absolute;

    bottom: 0;

    background:hsl(0deg 0% 0% / 80%);

    left: 0;

    max-width: 450px;

    padding: 20px;

    color: #fff;

}

.academics-slider-inner .academics-srm-img img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    max-height: 300px;

    min-height: 300px;

}

.academics-slider-inner .academics-srm-img{

    max-height: 300px;

    min-height: 300px;

}

.academics-slider-inner.slider-inner-big .academics-srm-img img{

    width: 100%;

    height: 100%;

    min-height: 620px;

    object-fit: cover;

}

.academics-slider-inner.slider-inner-big .academics-srm-img{

    min-height: 620px;

}

.academics-slider-inner.slider-inner-big .academics-srm-text p{

    color: #fff;

    margin-top: 10px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    line-height: 25px;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.academics-slider-inner.slider-inner-big .academics-srm-text h3{

    color: #ffffff;

    font-weight: 600;

    font-size: 26px;

}

.academics-slider-inner.slider-inner-big .academics-srm-text h2{

    color: #ffffff;

    font-weight: 600;

    font-size: 26px;

}

.academics-slider-inner.slider-inner-big .academics-srm-text{

    position: absolute;

    bottom: 0;

    background:hsl(14deg 87% 58% / 90%);

    left: 0;

    max-width: 450px;

    padding: 20px;

    color: #fff;

}

.academics-slider-inner, .academics-slider-inner.slider-inner-big{

    position: relative;

    margin-bottom: 20px;

}

.accreditation_affiliate .slide{

    padding: 5px;

}

.accreditation_affiliate img{

    width: 100%;

    height: 100%;

    border: 1px solid #ececec;

    border-radius: 15px;

    padding: 10px;

    background: white;

}

.yellow_link:hover{

    /* color: #ff8d00-old !important; */
    color: #ff8d00 !important;

    cursor: pointer;

}

.btn-warning {

    color: #fff;

    background-color: #4487AD;

    border-color: #4487AD;

}

.btn-warning:hover {
    background-color: #ff8d00 !important;
    border-color: #ff8d00 !important;
    color: #000 !important;
}

.text-warning {

    color: #ff8d00!important;

}



.border-design:after{

    content: "";

    width: 15px;

    height: 15px;

    background: #ffffff;

    position: absolute;

    top: -6px;

    transform: rotate(45deg);

}

.border-design{

    max-width: 380px;

    height: 2px;

    background: #ffffff;

    margin: 15px auto;

    display: block;

    position: relative;

}

.exprience-speak .exp-box .exp-box-content {

    padding-left: 30px;

}

.exprience-speak .exp-box .exp-box-content p{

    font-size: 14px;

    line-height: 24px;

    font-style: italic;

    color: #707070;

}

.exprience-speak .exp-box .exp-details-name p{

    font-size: 12px;

    font-style: italic;

}

.exprience-speak .exp-box .exp-details-name h3{

    font-size: 16px;

    font-weight: 700;

}

.exprience-speak .exp-box .exp-details img{

    width: 50px;

    height: 50px;

    border-radius: 50%;

    object-fit: cover;

    margin-right: 15px;

}

.exprience-speak .exp-box .exp-details{

    display: flex;

    align-items: center;

    padding: 20px 10px;

}

.exprience-speak .exp-box:before{

    content: "“";

    font-family: initial;

    font-size: 60px;

    line-height: 10px;

    position: absolute;

    top: 35px;

    left: 10px;

    color: #ff8d00;

}

.exprience-speak .exp-box{

        min-height: 230px;

        padding: 20px 20px 0;

        position: relative;

        box-shadow: 1px 2px 10px rgb(0 0 0 / 10%);

        margin: 10px;

        background: #fff;

}

.event-div .event-box .date p{

        font-size: 16px;

    line-height: 24px;

    text-transform: uppercase;

    color: #333;

    margin-top: 3px;

    font-weight: 700;

}

.event-div .event-box .date h2{

    color: #ff8d00;

    font-size: 30px;

    font-weight: 700;

    line-height: 27px;

}

.event-div .event-box .date{

    background: #f1f1f1;

    text-align: center;

    margin-right: 10px;

    border-bottom: 3px solid #ff8d00;

    display: grid;

    align-items: center;

    align-content: center;

    float: left;

    padding: 6px 5px 0px;

}

.event-div .event-box:hover .event-content .event-link{

    color: #ff8d00;

}

.event-div .event-box .event-content .event-link{

    font-weight: 700;

    color: #333;

    font-size: 18px;

    line-height: 1.2;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.event-div .event-box{

    display: flex;

    width: 100%;

    align-items: center;

}

.announcement-main{

    position: fixed;

    bottom: 0;

    z-index: 1;

    background-color: rgb(51 51 51);

    width: 100%;

}



.footer-social-links li a{

    width: 20px;

    height: 20px;

    display: grid;

    background: #ccc;

    color: #000;

    text-align: center;

    line-height: 20px;

    border-radius: 50%;

    font-size: 12px;

    margin-right: 5px;

    align-content: center;

    justify-content: center;

    align-items: center;

}

.footer-social-links li a:hover{

    background: #ff8d00;

}

.footer-social-links li{

    display: inline-block;

}



.contact-social-links li a{

    width: 40px;

    height: 40px;

    display: block;

    background: #ff8d00;

    color: #fff;

    text-align: center;

    line-height: 40px;

    border-radius: 50%;

    font-size: 20px;

    margin-right: 5px;

}

.contact-social-links li a:hover{

    background: #ff8d00;

}

.contact-social-links li{

    display: inline-block;

}



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

    .academic_banner_bottom p {

        font-size: 14px;

        line-height: 25px;

    }

    .dean_img {

        margin: 0 0 20px;

        text-align: center;

    }

    .computer_dept_bg {

        padding: 0;

        min-height: auto;

    }

    .computer_dept h1 {

            font-size: 22px;

    line-height: 25px;

    padding-bottom: 20px;

    margin-top: 5px;

    }

    .computer_dept h2 {

        font-size: 18px;

        line-height: 25px;

    }

    .main-dep .slick-next{

        right: 5px;

    }

    .main-dep .slick-prev {

        left: 5px;

    }

    .computer_dept_content {

            padding: 10px 40px;

    height: auto;   

    min-height: 430px;

    }

    

}





.copyright{background: #212121;border-top: 1px solid #2c2c2c;padding: 5px 0 5px;}

#return-to-top {

    position: fixed;

    bottom: 50px;

    left: 50px;

    margin: 0 auto;

    padding-top: 10px;

    color: #fff;

    text-transform: uppercase;

    background: #ff8d00;

    width: 40px;

    height: 40px;

    display: block;

    text-decoration: none;

    display: none;

    line-height: 23px;

    font-size: 20px;

    text-align: center;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    z-index: 1000;

    border-radius: 100%;

}

.mobile_primary .main_menu{

    float: left;

    /* min-height: 50px; */

    position: relative;

}

.contact-transform {

    transform: translate(0,-100%);

}

.toll-Number{

    display: inline-grid;

    align-items: center;

    justify-items: start;

    height: 22px;

    overflow: hidden;

}



@media (min-width: 1330px) {

        

    #Home_Popup .modal-xl{

        max-width:1300px;

    }

    .main-menu-des .col-xl-9{

        max-width: 80%;

        flex: 0 0 80%;

    }

    .main-menu-des .col-xl-3{

        max-width: 20%;

        flex: 0 0 20%;

    }

} 



@media (min-width: 992px) {

    .lg-column-count{

        column-count: 2;

    }

    .search_box_blue{

        transition: 0.4s;

    }

    .sticky-header .search_box_blue{

        margin-top: -35px;

    }

    .mobile_primary .main_menu{

        /* left: 10%; */

    }

    .main-section:before, .main-section:after {

        content:''; 

        display:table; 

        clear:both;

    }

    .sticky-side {

        height: fit-content;

        position: -webkit-sticky;

        position: sticky;

        top: 120px;

    }

}

@media (max-width: 992px) {

    .counter_home {

        margin-top: 0px;

    }

}

.theme-bg-01{

    background-color: #4487AD !important;

}

.theme-bg-02{

    background: #ff8d00 !important;

}

.theme-bg-03{

    background: #ff8d00 !important;

} 

.theme-color-01{

    color: #4487AD !important; 

}

.theme-color-02{

    color: #ff8d00 !important;

}

.theme-color-03{

    color: #ff8d00 !important;

}

.inner-color-box .col-6{

    text-align: center;

    min-height: 160px;

    display: grid;

    padding: 22px 10px;

}

.Montserrat_font{

    font-family: 'Montserrat', sans-serif;

}

.event_height_fix::-webkit-scrollbar {

    opacity: 0;

    width: 5px;

    visibility: hidden;

}

.event_height_fix:hover::-webkit-scrollbar-thumb {

    opacity: 1;

    visibility: visible;

}

.event_height_fix::-webkit-scrollbar-thumb {

    background-color: #dddddd;

    height: 100px;

    border-radius: 30px;

    opacity: 0;

    visibility: hidden;

}

.event_height_fix{

    max-height: 440px;

    overflow-x: auto;

}

.industry_logo .industry_logo_content::after{

    content: "";

    background: #f1f1f1;

    position: absolute;

    width: 50%;

    height: 100%;

    left: 0;

    bottom: 0;

    z-index: 0;

    transform: skewX(320deg);

}

.industry_logo:hover .industry_logo_content::after{

    background:#ff8d00;

}

.industry_logo .industry_logo_content p{

    transform: skewX(320deg);

    line-height: 20px;

}

.industry_logo .industry_logo_content{

    padding: 6px 15px;

    background: #f1f1f1;

    color: #000000;

    min-width: 40%;

    max-width: 80%;

    transform: skewX(40deg);

    position: absolute;

    bottom: 0;

    min-height: 50px;

    display: grid;

    align-items: center;

}

.industry_logo:hover .industry_logo_content{

    background:#ff8d00;

}

.industry_logo img{

    width: 100%;

    height: 100px;

    object-fit: contain;

    margin: 10px;

}

.industry_logo{

    border: 2px solid #fff0d9;

    border-radius: 5px;

    overflow: hidden;

    position: relative;

    padding-bottom: 40px;

}

.gallery_images_single a img{

    object-fit: cover;

    object-position: top center;

    height: 100%;

    width: 100%;

    transition: 1s;

}

.gallery_images_single a{

    display: block;

    margin-bottom: 30px;

    z-index: 1;

    box-shadow: 0 10px 10px rgb(0 0 0 / 25%), 0 0px 0px rgb(0 0 0 / 22%);

    height: 290px;

    transition: 1s;

    overflow: hidden;

}

.object-fit-covor{

    object-fit: cover !important;

}

.line-height-15{

    line-height: 15px !important;

}

.faculty_tables{

    border-radius: 5px;

    box-shadow: 0px 4px 5px 0px rgb(181 181 181);

    background: #f9f9f9;

    font-size: 14px;

    max-height: 400px;

    overflow: auto;

}

.exparts-inner .expart_persons img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.exparts-inner .expart_persons{

    display: block;

    width: 150px;

    height: 150px;

    border-radius: 50%;

    overflow: hidden;

    border: 1px solid gainsboro;

    margin: 20px auto 10px;

}

.exparts-inner{

    border: 1px solid gainsboro;

    border-radius: 10px;

    overflow: hidden;

    box-shadow: 0px 2px 5px gainsboro;

}

.single-image-slider{

    box-shadow: 0px 3px 10px rgb(0 0 0 / 30%);

}

.faculty_profile_content{

    line-height: 26px;

    font-size: 15px;

    color: #444;

}

.media_iframe::before{

    content: "";

}

.media_iframe{

    height: 400px;

    overflow-y: auto;

    border: 1px solid gainsboro;

    overflow-x: hidden;

}

.up-coming-event .today{

    background: #ff8d00;

    color: #fff;

}

.up-coming-event .normal:hover{

    background-color: #ff9575;

}

.up-coming-event .normal{

    background: #ff8d00;

    border: 1px solid #ff9a7c;

    color: #fff;

}

.up-coming-event thead td{

    background: #f9f9f9;

    border-bottom: 1px solid #eaeaea;

}

.up-coming-event {

    position: relative;

}

.up-coming-event td{

    background: #f1f1f1;

    text-align: center;

}

.up-coming-event #btnNext{

    position: absolute;

    top: 13px;

    right: 10px;

}

.up-coming-event #btnPrev{

    position: absolute;

    top: 13px;

    left: 10px;

}

.mw-fit-content{

    max-width: fit-content;

}

@keyframes color-blink {

    from {color: #333;}

    to {color: #256d85;}

  }

.accessibility-tools .accessibility-tools-menu a{

    display: block;

    padding: 5px 10px;

    border-bottom: 1px solid gainsboro;

    font-size: 14px;

}

.accessibility-tools .accessibility-tools-btn{

    position: absolute;

    right: -40px;

    width: 40px;

    display: grid;

    height: 40px;

    background: #ff8d00;

    text-align: center;

    line-height: 40px;

    font-size: 30px;

    cursor: pointer;

    box-shadow: 2px 2px 5px rgb(0 0 0 / 27%);

    justify-content: center;

    align-content: center; 

}

.accessibility-tools{

    position: fixed;

    top: 40%;

    left: -112px;

    background: #fff;

    transition: 0.3s;

    box-shadow: 0px 0px 10px rgb(0 0 0 / 33%);

}

.accessibility-tools-left{

    left: 0px !important;

}

.black_theme, .black_theme section .color-white{

    color: #fff !important;

}

.black_theme, .black_theme section{

    background: #333 !important;

    color: #fff ;

}

.accreditation-img img{

    max-width:140px;

    margin: auto;

}

.accreditation-img{

    background: #f9f9f9;

    height: 170px;

    border: 1px solid gainsboro;

    align-items:center;

    display: flex;

}

.placements-home .placements-home-inner{

    background-color: rgb(33 33 33 / 80%);

}

.placements-home{

    padding: 0;

    background: url(../img/bg-bottom-block.jpg) center center no-repeat;

    background-size: cover;

}

.affiliate-content table a span{

    visibility: hidden;

    opacity: 0;

    transition: 0.2s;

}

.affiliate-content table a:hover span{

    visibility: visible;

    opacity: 1;

    transition: 0.2s;

}

@media (max-width: 767px) {

    .banner{

        min-height: 400px;

        height: 70%;

    }

    .banner video{min-height: 300px;height: 100%;}

    .programs_box h2{

        margin: 0 0 20px;

    }

    .faculty_profile_content{

        text-align: center;

    }

    .faculty_profile_content h2{

        color: #000000;

    }

    .faculty_profile_content h3{

            color: #333;

    }

    .apply_academic a{

        font-size: 20px;

    }

    .counter_home .row .col-6 .counter_home_box{

        padding: 10px 10px;

        min-height: 125px;

            height: 100%;

    }

    .counter_home .row .col-6 .counter_home_box h2 {

        font-weight: 600;

        font-size: 35px;

    }

    .counter_home .row .col-6 .counter_home_box p{

        line-height: 18px;

    }

    .heading-36{

        font-size: 20px !important;

        line-height:25px !important;

    }

    .heading-64{

        font-size: 50px !important;

        line-height:30px !important;

    }

    .academics-slider-inner.slider-inner-big .academics-srm-text h2, .academics-slider-inner .academics-srm-text h2{

        font-size: 16px;

        line-height: 14px;

    }

    .academics-slider-inner.slider-inner-big .academics-srm-text h3, .academics-slider-inner .academics-srm-text h3{

        font-size: 16px;

    }

    .academics-slider-inner .academics-srm-text p{

        margin-top:5px;

        line-height:20px;

    }

    .clients_logo .col-20 .grid-figure img{

        object-fit:contain;

    }

    .clients_logo .col-20 .grid-figure{

        height:60px;

    }

    .clients_logo .col-20{

        width:25%;

    }

    .exprience-speak .exp-box:before{

        left: 15px;

    top: 40px;

    font-size: 80px;

    }

    .exprience-speak .exp-box{

        min-height: auto;

    padding: 20px 10px 10px 30px;

    margin-bottom: 10px;

    height: auto;

    box-shadow: 0px 1px 4px gainsboro;

    }

    .incoming-student ul li a{

        font-size: 16px;

        text-transform: uppercase;

        padding: 5px 40px;

        font-weight: 400;

        margin: 10px 0 0;

    }

    .incoming-student h2{

        font-size: 20px !important;

        line-height: 30px;

        font-weight: 600 !important;

    }

    .clients_logo_slider{

        border: 0;

    }

    .events_img{

        margin: -10px -8px 0;

    }

    .fixed_header .logo img{

        max-height: 40px;

    }

    .menu-button{

        top: 8px;

        right: 20px;

    }

    .menu-button .line{

        width: 25px;

        height: 2px;

    }

    .inner_banner{

        padding: 0em 0 1em;

    }

    .mobile-main-heading{

        font-size: 18px !important;

        line-height: 26px !important;

        margin-top: 5px !important;

    }

    .accreditation-img{

        height: 125px;

    }

    .accreditation-img img{

        max-width:100px;

    }

    

}

.popup_modal .close{

    position: absolute;

    top: 0px;

    right: 0px;

    z-index: 1;

    width: 25px;

    height: 25px;

    line-height: 25px;

    text-align: center;

    background: #f28a10;

    opacity: 0.8;

    color: #ffffff;

    text-shadow: none;

    border-radius: 0px 0px 0px 10px;

    box-shadow: 0px 1px 2px black;

}



.dean_content p{

    margin-bottom:10px;

}

.list-c li a{

    color: #4487AD;

}

.list-c li a:hover{

    color:red;

}

.list-c li{

        margin-bottom:10px;

    }

    .list-c{

        list-style: disc;

        padding-left: 15px;

        margin: 10px 0px;

    }



.media-press-release-grid .media-press-release-img{

    max-height: 400px;

    width: 100%;

    object-fit: contain;

    border: 1px solid gainsboro;

    padding: 10px;

    height: 100%;

}

.indoor-slide{

    position: relative;

    height: auto;

}





.text-black {

  color: #000 !important;

}

.text-black-111 {

  color: #111111 !important;

}

.text-black-222 {

  color: #222222 !important;

}

.text-black-333 {

  color: #333333 !important;

}

.text-black-444 {

  color: #404040 !important;

}

.text-black-555 {

  color: #555555 !important;

}

.text-black-666 {

  color: #666666 !important;

}

.text-black-777 {

  color: #777777 !important;

}

.text-black-888 {

  color: #808080 !important;

}

.text-black-999 {

  color: #999999 !important;

}

.text-gray-dimgray {

  color: #666666 !important;

}

.text-gray-light {

  color: #777777 !important;

}

.text-gray {

  color: #808080 !important;

}

.text-gray-darkgray {

  color: #a9a9a9 !important;

}

.text-gray-silver {

  color: #c0c0c0 !important;

}


.text-white-sk {

    color: #fff !important;
  
  }

  
.text-gray-lightgray {

  color: #d3d3d3 !important;

}

.text-gray-gainsboro {

  color: #fff !important;

}

.text-gray-lighter {

  color: #eeeeee !important;

}

.text-gray-aaa {

  color: #eeeeee !important;

}

.text-gray-bbb {

  color: #eeeeee !important;

}

.text-gray-ccc {

  color: #eeeeee !important;

}

.text-gray-ddd {

  color: #eeeeee !important;

}

.text-gray-eee {

  color: #eeeeee !important;

}

/* Text White Color*/

.text-white {

  color: #fff !important;

}

.text-white-f1 {

  color: #f1f1f1 !important;

}

.text-white-f2 {

  color: #f2f2f2 !important;

}

.text-white-f3 {

  color: #f3f3f3 !important;

}

.text-white-f4 {

  color: #f4f4f4 !important;

}

.text-white-f5 {

  color: #f5f5f5 !important;

}

.text-white-f6 {

  color: #f6f6f6 !important;

}

.text-white-f7 {

  color: #f7f7f7 !important;

}

.text-white-f8 {

  color: #f8f8f8 !important;

}

.text-white-f9 {

  color: #f9f9f9 !important;

}

.text-white-fa {

  color: #fafafa !important;

}

.text-white-fc {

  color: #fcfcfc !important;

}

.text-white-fd {

  color: #fdfdfd !important;

}

.text-white-fe {

  color: #fefefe !important;

}

/* -------- Solid Color Background ---------- */

.bg-deep {

  background-color: #f1f1f1 !important;

}

.bg-light {

  background-color: #f5f5f5 !important;

}

.bg-lighter {

  background-color: #f7f7f7 !important;

}

.bg-lightest {

  background-color: #fcfcfc !important;

}

.bg-silver-light {

  background-color: #f9f9f9 !important;

}

.bg-black {

  background-color: #000 !important;

}

.divider-dark {

  background-color: #252525 !important;

}

footer.bg-deep {

  background-color: #191919 !important;

}

.bg-black-111 {

  background-color: #111111 !important;

}

.bg-black-222 {

  background-color: #222222 !important;

}

.bg-black-333 {

  background-color: #333333 !important;

}

.bg-black-444 {

  background-color: #404040 !important;

}

.bg-black-555 {

  background-color: #555555 !important;

}

.bg-gray-dimgray {

  background-color: #666666 !important;

}

.bg-gray-light {

  background-color: #777777 !important;

}

.bg-gray {

  background-color: #808080 !important;

}

.bg-gray-darkgray {

  background-color: #a9a9a9 !important;

}

.bg-gray-silver {

  background-color: #c0c0c0 !important;

}

.bg-gray-lightgray {

  background-color: #d3d3d3 !important;

}

.bg-gray-gainsboro {

  background-color: #dcdcdc !important;

}

.bg-gray-lighter {

  background-color: #eeeeee !important;

}

/* Bg White Color*/

.bg-white {

  background-color: #fff !important;

}

.bg-white-f1 {

  background-color: #f1f1f1 !important;

}

.bg-white-f2 {

  background-color: #f2f2f2 !important;

}

.bg-white-f3 {

  background-color: #f3f3f3 !important;

}

.bg-white-f4 {

  background-color: #f4f4f4 !important;

}

.bg-white-f5 {

  background-color: #f5f5f5 !important;

}

.bg-white-f6 {

  background-color: #f6f6f6 !important;

}

.bg-white-f7 {

  background-color: #f7f7f7 !important;

}

.bg-white-f8 {

  background-color: #f8f8f8 !important;

}

.bg-white-f9 {

  background-color: #f9f9f9 !important;

}

.bg-white-fa {

  background-color: #fafafa !important;

}

.bg-white-fb {

  background-color: #fbfbfb !important;

}

.bg-white-fc {

  background-color: #fcfcfc !important;

}

.bg-white-fd {

  background-color: #fdfdfd !important;

}

.bg-white-fe {

  background-color: #fefefe !important;

}

/* -------- Transparent Background Color ---------- */

.bg-white-transparent-9 {

  background-color: rgba(255, 255, 255, 0.9) !important;

}

.bg-white-transparent-8 {

  background-color: rgba(255, 255, 255, 0.8) !important;

}

.bg-white-transparent-7 {

  background-color: rgba(255, 255, 255, 0.7) !important;

}

.bg-white-transparent-6 {

  background-color: rgba(255, 255, 255, 0.6) !important;

}

.bg-white-transparent-5 {

  background-color: rgba(255, 255, 255, 0.5) !important;

}

.bg-white-transparent-4 {

  background-color: rgba(255, 255, 255, 0.4) !important;

}

.bg-white-transparent-3 {

  background-color: rgba(255, 255, 255, 0.3) !important;

}

.bg-white-transparent-2 {

  background-color: rgba(255, 255, 255, 0.2) !important;

}

.bg-white-transparent-1 {

  background-color: rgba(255, 255, 255, 0.1) !important;

}

.bg-dark-transparent-9 {

  background-color: rgba(0, 0, 0, 0.9) !important;

}

.bg-dark-transparent-8 {

  background-color: rgba(0, 0, 0, 0.8) !important;

}

.bg-dark-transparent-7 {

  background-color: rgba(0, 0, 0, 0.7) !important;

}

.bg-dark-transparent-6 {

  background-color: rgba(0, 0, 0, 0.6) !important;

}

.bg-dark-transparent-5 {

  background-color: rgba(0, 0, 0, 0.5) !important;

}

.bg-dark-transparent-4 {

  background-color: rgba(0, 0, 0, 0.4) !important;

}

.bg-dark-transparent-3 {

  background-color: rgba(0, 0, 0, 0.3) !important;

}

.bg-dark-transparent-2 {

  background-color: rgba(0, 0, 0, 0.2) !important;

}

.bg-dark-transparent-1 {

  background-color: rgba(0, 0, 0, 0.1) !important;

}

.mt-30 {

    margin-top: 30px !important;

}

/* -------- Font Weight ---------- */

/*.font-weight-100 {

  font-weight: 100 !important;

}

.font-weight-200 {

  font-weight: 200 !important;

}

.font-weight-300 {

  font-weight: 300 !important;

}

.font-weight-400 {

  font-weight: 400 !important;

}

.font-weight-500 {

  font-weight: 500 !important;

}

.font-weight-600 {

  font-weight: 600 !important;

}

.font-weight-700 {

  font-weight: 700 !important;

}

.font-weight-800 {

  font-weight: 800 !important;

}

.font-weight-900 {

  font-weight: 900 !important;

}*/

/* -------- Font Size ---------- */

.font-9 {

  font-size: 9px !important;

}

.font-10 {

  font-size: 10px !important;

}

.font-11 {

  font-size: 11px !important;

}

.font-12 {

  font-size: 12px !important;

}

.font-13 {

  font-size: 13px !important;

}

.font-14 {

  font-size: 14px !important;

}

.font-15 {

  font-size: 15px !important;

}

.font-16 {

  font-size: 16px !important;

}

.font-17 {

  font-size: 17px !important;

}

.font-18 {

  font-size: 18px !important;

}

.font-19 {

  font-size: 19px !important;

}

.font-20 {

  font-size: 20px !important;

}

.font-21 {

  font-size: 21px !important;

}

.font-22 {

  font-size: 22px !important;

}

.font-23 {

  font-size: 23px !important;

}

.font-24 {

  font-size: 24px !important;

}

.font-25 {

  font-size: 25px !important;

}

.font-26 {

  font-size: 26px !important;

}

.font-27 {

  font-size: 27px !important;

}

.font-28 {

  font-size: 28px !important;

}

.font-29 {

  font-size: 29px !important;

}

.font-30 {

  font-size: 30px !important;

}

.font-32 {

  font-size: 32px !important;

}

.font-36 {

  font-size: 36px !important;

}

.font-38 {

  font-size: 38px !important;

}

.font-40 {

  font-size: 40px !important;

}

.font-42 {

  font-size: 42px !important;

}

.font-44 {

  font-size: 44px !important;

}

.font-46 {

  font-size: 46px !important;

}

.font-48 {

  font-size: 48px !important;

}

.font-54 {

  font-size: 3.85714286rem !important;

}

.font-60 {

  font-size: 4.28571429rem !important;

}

.font-64 {

  font-size: 4.57142857rem !important;

}

.font-72 {

  font-size: 5.14285714rem;

}

.font-78 {

  font-size: 5.57142857rem !important;

}

.font-90 {

  font-size: 6.42857143rem !important;

}

.font-100 {

  font-size: 7.14285714rem !important;

}

.font-150 {

  font-size: 10.71428571rem !important;

}

.font-200 {

  font-size: 14.28571429rem !important;

}

/* -------- Letter Spacing ---------- */

.letter-space-0 {

  letter-spacing: 0px;

}

.letter-space-1 {

  letter-spacing: 1px;

}

.letter-space-2 {

  letter-spacing: 2px;

}

.letter-space-3 {

  letter-spacing: 3px;

}

.letter-space-4 {

  letter-spacing: 4px;

}

.letter-space-5 {

  letter-spacing: 5px;

}

.letter-space-6 {

  letter-spacing: 6px;

}

.letter-space-7 {

  letter-spacing: 7px;

}

.letter-space-8 {

  letter-spacing: 8px;

}

.letter-space-9 {

  letter-spacing: 9px;

}

.letter-space-10 {

  letter-spacing: 10px;

}

/* -------- z-index ---------- */

.z-index--1 {

  z-index: -1 !important;

}

.z-index-0 {

  z-index: 0 !important;

}

.z-index-1 {

  z-index: 1 !important;

}

.z-index-2 {

  z-index: 2 !important;

}

.z-index-3 {

  z-index: 3 !important;

}

.z-index-4 {

  z-index: 4 !important;

}

.z-index-5 {

  z-index: 5 !important;

}

.z-index-99 {

  z-index: 99 !important;

}

.z-index-111 {

  z-index: 111 !important;

}

.z-index-1111 {

  z-index: 1111 !important;

}

.z-index-9999 {

  z-index: 9999 !important;

}

/* -------- Line Height ---------- */

.line-height-0 {

  line-height: 0px;

}

.line-height-1 {

  line-height: 1 !important;

}

.line-height-20 {

  line-height: 20px !important;

}

.line-height-30 {

  line-height: 30px !important;

}

.line-height-18 {

  line-height: 18px !important;

}

.line-height-50 {

  line-height: 50px !important;

}

.line-height-80 {

  line-height: 80px;

}

.line-height-100 {

  line-height: 100px;

}

.line-height-110 {

  line-height: 110px;

}

.line-height-120 {

  line-height: 120px;

}

.line-height-130 {

  line-height: 130px;

}

.line-height-150 {

  line-height: 150px;

}

.line-height-200 {

  line-height: 200px;

}

.line-height-1em {

  line-height: 1em;

}

.line-height-1 {

  line-height: 1 !important;

}

/* -------- Custom Margin Padding ---------- */

.mb-5 {

  margin-bottom: 5px !important;

}

.ml-5 {

  margin-left: 5px !important;

}

.mr-5 {

  margin-right: 5px !important;

}

.mt-5 {

  margin-top: 5px !important;

}

.mt-12 {

  margin-top: 12px !important;

}

.mb-25 {

  margin-bottom: 25px !important;

}

.pb-5 {

  padding-bottom: 5px !important;

}

.pl-5 {

  padding-left: 5px !important;

}

.pr-5 {

  padding-right: 5px !important;

}

.pt-5 {

  padding-top: 5px !important;

}

.p-25 {

  padding: 25px !important;

}

/* -------- Border ---------- */

.no-border {

  border: none !important;

}

.border-1px {

  border: 1px solid #eeeeee !important;

}

.border-2px {

  border: 2px solid #eeeeee !important;

}

.border-3px {

  border: 3px solid #eeeeee !important;

}

.border-4px {

  border: 4px solid #eeeeee !important;

}

.border-5px {

  border: 5px solid #eeeeee !important;

}

.border-6px {

  border: 6px solid #eeeeee !important;

}

.border-7px {

  border: 7px solid #eeeeee !important;

}

.border-8px {

  border: 8px solid #eeeeee !important;

}

.border-9px {

  border: 9px solid #eeeeee !important;

}

.border-10px {

  border: 10px solid #eeeeee !important;

}

.border-left {

  border-left: 1px solid #dcdcdc !important;

}

.border-right {

  border-right: 1px solid #ccc !important;

}

.border-top {

  border-top: 1px solid #dcdcdc !important;

}

.border-bottom {

  border-bottom: 1px solid #eeeeee !important;

}

.border-bottom-2px {

  border-bottom: 2px solid #eeeeee !important;

}

.border-bottom-gray {

  border-bottom: 1px solid #d3d3d3 !important;

}

.border-gray {

  border-color: #eeeeee !important;

}

.border-dark {

  border-color: #333 !important;

}

/* -------- Border Radius ---------- */

.border-radius-5px {

  border-radius: 5px;

}

.border-radius-10px {

  border-radius: 10px;

}

.border-radius-15px {

  border-radius: 15px;

}

.border-radius-20px {

  border-radius: 20px;

}

.border-radius-25px {

  border-radius: 25px;

}

.border-radius-30px {

  border-radius: 30px;

}

.border-radius-35px {

  border-radius: 35px;

}

.border-radius-40px {

  border-radius: 40px;

}

.border-radius-45px {

  border-radius: 45px;

}

.border-radius-50px {

  border-radius: 50px;

}

/* -------- Position ---------- */

.relative {

  position: relative !important;

}

.absolute {

  position: absolute !important;

}

.absolute-inherit {

  position: inherit !important;

}

.position-relative {

  position: relative !important;

}

.position-absolute {

  position: absolute !important;

}

.position-static {

  position: static !important;

}

.position-fixed {

  position: fixed !important;

}

.position-inherit {

  position: inherit !important;

}

.position-unset {

  position: unset !important;

}

/* -------- Background Image ---------- */

.no-bg {

  background: none !important;

}

.bg-no-repeat {

  background-repeat: no-repeat !important;

}

.bg-img-fixed {

  background-attachment: fixed !important;

}

.bg-img-cover {

  background-size: cover !important;

}

.bg-img-center-top {

  background-position: center top !important;

}

.bg-img-center-bottom {

  background-position: center bottom !important;

}

.bg-img-center {

  background-position: center center !important;

}

.bg-img-left-top {

  background-repeat: no-repeat;

  background-position: left top;

}

.bg-img-left-bottom {

  background-repeat: no-repeat;

  background-position: left bottom;

}

.bg-img-right-top {

  background-repeat: no-repeat;

  background-position: right top;

}

.img-fullwidth {

  width: 100% !important;

}

/* -------- Absolute Image Positioning ---------- */

.overflow-visible {

  overflow: visible !important;

}

.overflow-hidden {

  overflow: hidden !important;

}

.overflow-x-hidden {

  overflow-x: hidden !important;

}

.overflow-y-hidden {

  overflow-y: hidden !important;

}

.box-absolute {

  position: absolute !important;

}

.img-absolute-parent {

  position: relative !important;

}

.img-absolute-parent img.img-absolute {

  position: absolute !important;

}

.img-absolute-parent img.img-pos-left {

  left: 0 !important;

}

.img-absolute-parent img.img-pos-top {

  top: 0 !important;

}

.img-absolute-parent img.img-pos-bottom {

  bottom: 0 !important;

}

.img-absolute-parent img.img-pos-right {

  right: 0 !important;

}

.img-absolute-parent img.img-pos-center {

  left: 0 !important;

  right: 0 !important;

  margin: 0 auto !important;

}

/* -------- Responsive Classes ---------- */

/* Small Devices, Tablets */

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

  .sm-display-block {

    display: block !important;

  }

  .sm-text-center {

    text-align: center !important;

  }

  .sm-text-right {

    text-align: right !important;

  }

  .sm-text-left {

    text-align: left !important;

  }

  .sm-pull-none,

  .pull-left.flip.sm-pull-none,

  .pull-right.flip.sm-pull-none {

    float: none !important;

    clear: both;

  }

  .sm-pull-left {

    float: left !important;

  }

  .sm-pull-right {

    float: right !important;

  }

  .sm-pull-center {

    display: table;

    float: none !important;

    margin-left: auto !important;

    margin-right: auto !important;

  }

  .sm-fullwidth {

    width: 100%;

  }

  .sm-height-auto {

    min-height: auto !important;

  }

  .sm-hide-bg-img {

    background: none !important;

  }

  .maxwidth400 {

    margin-left: auto;

    margin-right: auto;

    max-width: 400px;

  }

  .maxwidth500 {

    margin-left: auto;

    margin-right: auto;

    max-width: 500px;

  }

  .maxwidth600 {

    margin-left: auto;

    margin-right: auto;

    max-width: 600px;

  }

}

/* Small Devices, Tablets */

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

  .xs-display-block {

    display: block;

  }

  .xs-text-center {

    text-align: center !important;

  }

  .xs-text-right {

    text-align: right !important;

  }

  .xs-text-left {

    text-align: left !important;

  }

  .xs-fullwidth {

    width: 100%;

  }

  .xs-height-auto {

    min-height: auto !important;

  }

  .xs-hide-bg-img {

    background: none !important;

  }

  .xs-pull-none {

    float: none !important;

  }

  .xs-pull-left {

    float: left !important;

  }

  .xs-pull-right {

    float: right !important;

  }

  .xs-pull-center {

    display: table;

    float: none !important;

    margin-left: auto !important;

    margin-right: auto !important;

  }

  .xs-list-inline-none li {

    display: table;

    margin-left: auto !important;

    margin-right: auto !important;

    margin-top: 20px !important;

    padding-left: 0 !important;

  }

}

/* Extra Small Devices, Phones */

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

  .xxs-text-center {

    text-align: center !important;

  }

  .xxs-height-auto {

    min-height: auto !important;

  }

}

/* -------- Opening Hourse ---------- */

.opening-hours ul li {

  padding-bottom: 10px !important;

}

/* -------- Multi Row Clearfix ---------- */

.multi-row-clearfix .col-xs-6:nth-child(2n + 3) {

  clear: left;

}

.multi-row-clearfix .col-xs-4:nth-child(3n + 4) {

  clear: left;

}

.multi-row-clearfix .col-xs-3:nth-child(4n + 5) {

  clear: left;

}

.multi-row-clearfix .col-xs-2:nth-child(6n + 7) {

  clear: left;

}

.multi-row-clearfix .col-xs-1:nth-child(12n + 13) {

  clear: left;

}

@media (min-width: 768px) {

  /* reset previous grid */

  .multi-row-clearfix .col-xs-6:nth-child(2n + 3) {

    clear: none;

  }

  .multi-row-clearfix .col-xs-4:nth-child(3n + 4) {

    clear: none;

  }

  .multi-row-clearfix .col-xs-3:nth-child(4n + 5) {

    clear: none;

  }

  .multi-row-clearfix .col-xs-2:nth-child(6n + 7) {

    clear: none;

  }

  .multi-row-clearfix .col-xs-1:nth-child(12n + 13) {

    clear: none;

  }

  /* clear first in row for small columns */

  .multi-row-clearfix .col-sm-6:nth-child(2n + 3) {

    clear: left;

  }

  .multi-row-clearfix .col-sm-4:nth-child(3n + 4) {

    clear: left;

  }

  .multi-row-clearfix .col-sm-3:nth-child(4n + 5) {

    clear: left;

  }

  .multi-row-clearfix .col-sm-2:nth-child(6n + 7) {

    clear: left;

  }

  .multi-row-clearfix .col-sm-1:nth-child(12n + 13) {

    clear: left;

  }

}

@media (min-width: 992px) {

  /* reset previous grid */

  .multi-row-clearfix .col-sm-6:nth-child(2n + 3) {

    clear: none;

  }

  .multi-row-clearfix .col-sm-4:nth-child(3n + 4) {

    clear: none;

  }

  .multi-row-clearfix .col-sm-3:nth-child(4n + 5) {

    clear: none;

  }

  .multi-row-clearfix .col-sm-2:nth-child(6n + 7) {

    clear: none;

  }

  .multi-row-clearfix .col-sm-1:nth-child(12n + 13) {

    clear: none;

  }

  /* clear first in row for medium columns */

  .multi-row-clearfix .col-md-6:nth-child(2n + 3) {

    clear: left;

  }

  .multi-row-clearfix .col-md-4:nth-child(3n + 4) {

    clear: left;

  }

  .multi-row-clearfix .col-md-3:nth-child(4n + 5) {

    clear: left;

  }

  .multi-row-clearfix .col-md-2:nth-child(6n + 7) {

    clear: left;

  }

  .multi-row-clearfix .col-md-1:nth-child(12n + 13) {

    clear: left;

  }

}

@media (min-width: 1200px) {

  /* reset previous grid */

  .multi-row-clearfix .col-md-6:nth-child(2n + 3) {

    clear: none;

  }

  .multi-row-clearfix .col-md-4:nth-child(3n + 4) {

    clear: none;

  }

  .multi-row-clearfix .col-md-3:nth-child(4n + 5) {

    clear: none;

  }

  .multi-row-clearfix .col-md-2:nth-child(6n + 7) {

    clear: none;

  }

  .multi-row-clearfix .col-md-1:nth-child(12n + 13) {

    clear: none;

  }

  /* clear first in row for large columns */

  .multi-row-clearfix .col-lg-6:nth-child(2n + 3) {

    clear: left;

  }

  .multi-row-clearfix .col-lg-4:nth-child(3n + 4) {

    clear: left;

  }

  .multi-row-clearfix .col-lg-3:nth-child(4n + 5) {

    clear: left;

  }

  .multi-row-clearfix .col-lg-2:nth-child(6n + 7) {

    clear: left;

  }

  .multi-row-clearfix .col-lg-1:nth-child(12n + 13) {

    clear: left;

  }

}



.m-0 {margin: 0px !important}

.m-5 {margin: 5px !important}

.m-10 {margin: 10px !important}

.m-15 {margin: 15px !important}

.m-20 {margin: 20px !important}

.m-30 {margin: 30px !important}

.m-40 {margin: 40px !important}

.m-50 {margin: 50px !important}

.m-60 {margin: 60px !important}

.m-70 {margin: 70px !important}

.m-80 {margin: 80px !important}

.m-90 {margin: 90px !important}

.m-100 {margin: 100px !important}

.m-110 {margin: 110px !important}

.m-120 {margin: 120px !important}

.m-130 {margin: 130px !important}

.m-140 {margin: 140px !important}

.m-150 {margin: 150px !important}

.m-160 {margin: 160px !important}

.m-170 {margin: 170px !important}

.m-180 {margin: 180px !important}

.m-190 {margin: 190px !important}

.m-200 {margin: 200px !important}



/*

 * 1.2 -> Basic Padding

 * -----------------------------------------------

*/

.p-0 {padding: 0!important;}

.p-5 {padding: 5px !important}

.p-10 {padding: 10px !important}

.p-15 {padding: 15px !important}

.p-20 {padding: 20px !important}

.p-30 {padding: 30px !important}

.p-40 {padding: 40px !important}

.p-50 {padding: 50px !important}

.p-60 {padding: 60px !important}

.p-70 {padding: 70px !important}

.p-80 {padding: 80px !important}

.p-90 {padding: 90px !important}

.p-100 {padding: 100px !important}

.p-110 {padding: 110px !important}

.p-120 {padding: 120px !important}

.p-130 {padding: 130px !important}

.p-140 {padding: 140px !important}

.p-150 {padding: 150px !important}

.p-160 {padding: 160px !important}

.p-170 {padding: 170px !important}

.p-180 {padding: 180px !important}

.p-190 {padding: 190px !important}

.p-200 {padding: 200px !important}



/*

 * 1.3 -> Margin top

 * -----------------------------------------------

*/

.mt-0 {margin-top: 0!important;}

.mt-5 {margin-top: 5px !important}

.mt-10 {margin-top: 10px !important}

.mt-15 {margin-top: 15px !important}

.mt-20 {margin-top: 20px !important}

.mt-30 {margin-top: 30px !important}

.mt-40 {margin-top: 40px !important}

.mt-50 {margin-top: 50px !important}

.mt-60 {margin-top: 60px !important}

.mt-70 {margin-top: 70px !important}

.mt-80 {margin-top: 80px !important}

.mt-90 {margin-top: 90px !important}

.mt-100 {margin-top: 100px !important}

.mt-110 {margin-top: 110px !important}

.mt-120 {margin-top: 120px !important}

.mt-130 {margin-top: 130px !important}

.mt-140 {margin-top: 140px !important}

.mt-150 {margin-top: 150px !important}

.mt-160 {margin-top: 160px !important}

.mt-170 {margin-top: 170px !important}

.mt-180 {margin-top: 180px !important}

.mt-190 {margin-top: 190px !important}

.mt-200 {margin-top: 200px !important}



/*

 * 1.4 -> Margin right

 * -----------------------------------------------

*/

.mr-0 {margin-right: 0!important;}

.mr-5 {margin-right: 5px !important}

.mr-10 {margin-right: 10px !important}

.mr-15 {margin-right: 15px !important}

.mr-20 {margin-right: 20px !important}

.mr-30 {margin-right: 30px !important}

.mr-40 {margin-right: 40px !important}

.mr-50 {margin-right: 50px !important}

.mr-60 {margin-right: 60px !important}

.mr-70 {margin-right: 70px !important}

.mr-80 {margin-right: 80px !important}

.mr-90 {margin-right: 90px !important}

.mr-100 {margin-right: 100px !important}

.mr-110 {margin-right: 110px !important}

.mr-120 {margin-right: 120px !important}

.mr-130 {margin-right: 130px !important}

.mr-140 {margin-right: 140px !important}

.mr-150 {margin-right: 150px !important}

.mr-160 {margin-right: 160px !important}

.mr-170 {margin-right: 170px !important}

.mr-180 {margin-right: 180px !important}

.mr-190 {margin-right: 190px !important}

.mr-200 {margin-right: 200px !important}



/*

 * 1.5 -> Margin bottom

 * -----------------------------------------------

*/

.mb-0 {margin-bottom: 0!important;}

.mb-5 {margin-bottom: 5px !important}

.mb-10 {margin-bottom: 10px !important}

.mb-15 {margin-bottom: 15px !important}

.mb-20 {margin-bottom: 20px !important}

.mb-30 {margin-bottom: 30px !important}

.mb-40 {margin-bottom: 40px !important}

.mb-50 {margin-bottom: 50px !important}

.mb-60 {margin-bottom: 60px !important}

.mb-70 {margin-bottom: 70px !important}

.mb-80 {margin-bottom: 80px !important}

.mb-90 {margin-bottom: 90px !important}

.mb-100 {margin-bottom: 100px !important}

.mb-110 {margin-bottom: 110px !important}

.mb-120 {margin-bottom: 120px !important}

.mb-130 {margin-bottom: 130px !important}

.mb-140 {margin-bottom: 140px !important}

.mb-150 {margin-bottom: 150px !important}

.mb-160 {margin-bottom: 160px !important}

.mb-170 {margin-bottom: 170px !important}

.mb-180 {margin-bottom: 180px !important}

.mb-190 {margin-bottom: 190px !important}

.mb-200 {margin-bottom: 200px !important}



/*

 * 1.6 -> Margin left

 * -----------------------------------------------

*/

.ml-0 {margin-left: 0!important;}

.ml-5 {margin-left: 5px !important}

.ml-10 {margin-left: 10px !important}

.ml-15 {margin-left: 15px !important}

.ml-20 {margin-left: 20px !important}

.ml-30 {margin-left: 30px !important}

.ml-40 {margin-left: 40px !important}

.ml-50 {margin-left: 50px !important}

.ml-60 {margin-left: 60px !important}

.ml-70 {margin-left: 70px !important}

.ml-80 {margin-left: 80px !important}

.ml-90 {margin-left: 90px !important}

.ml-100 {margin-left: 100px !important}

.ml-110 {margin-left: 110px !important}

.ml-120 {margin-left: 120px !important}

.ml-130 {margin-left: 130px !important}

.ml-140 {margin-left: 140px !important}

.ml-150 {margin-left: 150px !important}

.ml-160 {margin-left: 160px !important}

.ml-170 {margin-left: 170px !important}

.ml-180 {margin-left: 180px !important}

.ml-190 {margin-left: 190px !important}

.ml-200 {margin-left: 200px !important}



/*

 * 1.7 -> Padding top

 * -----------------------------------------------

*/

.pt-0 {padding-top: 0!important;}

.pt-5 {padding-top: 5px !important}

.pt-10 {padding-top: 10px !important}

.pt-15 {padding-top: 15px !important}

.pt-20 {padding-top: 20px !important}

.pt-30 {padding-top: 30px !important}

.pt-40 {padding-top: 40px !important}

.pt-50 {padding-top: 50px !important}

.pt-60 {padding-top: 60px !important}

.pt-70 {padding-top: 70px !important}

.pt-80 {padding-top: 80px !important}

.pt-90 {padding-top: 90px !important}

.pt-100 {padding-top: 100px !important}

.pt-110 {padding-top: 110px !important}

.pt-120 {padding-top: 120px !important}

.pt-130 {padding-top: 130px !important}

.pt-140 {padding-top: 140px !important}

.pt-150 {padding-top: 150px !important}

.pt-160 {padding-top: 160px !important}

.pt-170 {padding-top: 170px !important}

.pt-180 {padding-top: 180px !important}

.pt-190 {padding-top: 190px !important}

.pt-200 {padding-top: 200px !important}



/*

 * 1.8 -> Padding right

 * -----------------------------------------------

*/

.pr-0 {padding-right: 0!important;}

.pr-5 {padding-right: 5px !important}

.pr-10 {padding-right: 10px !important}

.pr-15 {padding-right: 15px !important}

.pr-20 {padding-right: 20px !important}

.pr-30 {padding-right: 30px !important}

.pr-40 {padding-right: 40px !important}

.pr-50 {padding-right: 50px !important}

.pr-60 {padding-right: 60px !important}

.pr-70 {padding-right: 70px !important}

.pr-80 {padding-right: 80px !important}

.pr-90 {padding-right: 90px !important}

.pr-100 {padding-right: 100px !important}

.pr-110 {padding-right: 110px !important}

.pr-120 {padding-right: 120px !important}

.pr-130 {padding-right: 130px !important}

.pr-140 {padding-right: 140px !important}

.pr-150 {padding-right: 150px !important}

.pr-160 {padding-right: 160px !important}

.pr-170 {padding-right: 170px !important}

.pr-180 {padding-right: 180px !important}

.pr-190 {padding-right: 190px !important}

.pr-200 {padding-right: 200px !important}



/*

 * 1.9 -> Padding bottom

 * -----------------------------------------------

*/

.pb-0 {padding-bottom: 0!important;}

.pb-5 {padding-bottom: 5px !important}

.pb-10 {padding-bottom: 10px !important}

.pb-15 {padding-bottom: 15px !important}

.pb-20 {padding-bottom: 20px !important}

.pb-30 {padding-bottom: 30px !important}

.pb-40 {padding-bottom: 40px !important}

.pb-50 {padding-bottom: 50px !important}

.pb-60 {padding-bottom: 60px !important}

.pb-70 {padding-bottom: 70px !important}

.pb-80 {padding-bottom: 80px !important}

.pb-90 {padding-bottom: 90px !important}

.pb-100 {padding-bottom: 100px !important}

.pb-110 {padding-bottom: 110px !important}

.pb-120 {padding-bottom: 120px !important}

.pb-130 {padding-bottom: 130px !important}

.pb-140 {padding-bottom: 140px !important}

.pb-150 {padding-bottom: 150px !important}

.pb-160 {padding-bottom: 160px !important}

.pb-170 {padding-bottom: 170px !important}

.pb-180 {padding-bottom: 180px !important}

.pb-190 {padding-bottom: 190px !important}

.pb-200 {padding-bottom: 200px !important}



/*

 * 1.10 -> Padding left

 * -----------------------------------------------

*/

.pl-0 {padding-left: 0!important;}

.pl-5 {padding-left: 5px !important}

.pl-10 {padding-left: 10px !important}

.pl-15 {padding-left: 15px !important}

.pl-20 {padding-left: 20px !important}

.pl-30 {padding-left: 30px !important}

.pl-40 {padding-left: 40px !important}

.pl-50 {padding-left: 50px !important}

.pl-60 {padding-left: 60px !important}

.pl-70 {padding-left: 70px !important}

.pl-80 {padding-left: 80px !important}

.pl-90 {padding-left: 90px !important}

.pl-100 {padding-left: 100px !important}

.pl-110 {padding-left: 110px !important}

.pl-120 {padding-left: 120px !important}

.pl-130 {padding-left: 130px !important}

.pl-140 {padding-left: 140px !important}

.pl-150 {padding-left: 150px !important}

.pl-160 {padding-left: 160px !important}

.pl-170 {padding-left: 170px !important}

.pl-180 {padding-left: 180px !important}

.pl-190 {padding-left: 190px !important}

.pl-200 {padding-left: 200px !important}



/*

 * 2 -> lg: min-width:1200px

 * -----------------------------------------------

*/

@media (min-width:1200px) {

/*

 * 2.1 -> Basic Margin

 * -----------------------------------------------

*/

.m-lg-0 {margin: 0px !important}

.m-lg-5 {margin: 5px !important}

.m-lg-10 {margin: 10px !important}

.m-lg-15 {margin: 15px !important}

.m-lg-20 {margin: 20px !important}

.m-lg-30 {margin: 30px !important}

.m-lg-40 {margin: 40px !important}

.m-lg-50 {margin: 50px !important}

.m-lg-60 {margin: 60px !important}

.m-lg-70 {margin: 70px !important}

.m-lg-80 {margin: 80px !important}

.m-lg-90 {margin: 90px !important}

.m-lg-100 {margin: 100px !important}

.m-lg-110 {margin: 110px !important}

.m-lg-120 {margin: 120px !important}

.m-lg-130 {margin: 130px !important}

.m-lg-140 {margin: 140px !important}

.m-lg-150 {margin: 150px !important}

.m-lg-160 {margin: 160px !important}

.m-lg-170 {margin: 170px !important}

.m-lg-180 {margin: 180px !important}

.m-lg-190 {margin: 190px !important}

.m-lg-200 {margin: 200px !important}



/*

 * 2.2 -> Basic Padding

 * -----------------------------------------------

*/

.p-lg-0 {padding: 0!important;}

.p-lg-5 {padding: 5px !important}

.p-lg-10 {padding: 10px !important}

.p-lg-15 {padding: 15px !important}

.p-lg-20 {padding: 20px !important}

.p-lg-30 {padding: 30px !important}

.p-lg-40 {padding: 40px !important}

.p-lg-50 {padding: 50px !important}

.p-lg-60 {padding: 60px !important}

.p-lg-70 {padding: 70px !important}

.p-lg-80 {padding: 80px !important}

.p-lg-90 {padding: 90px !important}

.p-lg-100 {padding: 100px !important}

.p-lg-110 {padding: 110px !important}

.p-lg-120 {padding: 120px !important}

.p-lg-130 {padding: 130px !important}

.p-lg-140 {padding: 140px !important}

.p-lg-150 {padding: 150px !important}

.p-lg-160 {padding: 160px !important}

.p-lg-170 {padding: 170px !important}

.p-lg-180 {padding: 180px !important}

.p-lg-190 {padding: 190px !important}

.p-lg-200 {padding: 200px !important}



/*

 * 2.3 -> Margin top

 * -----------------------------------------------

*/

.mt-lg-0 {margin-top: 0!important;}

.mt-lg-5 {margin-top: 5px !important}

.mt-lg-10 {margin-top: 10px !important}

.mt-lg-15 {margin-top: 15px !important}

.mt-lg-20 {margin-top: 20px !important}

.mt-lg-30 {margin-top: 30px !important}

.mt-lg-40 {margin-top: 40px !important}

.mt-lg-50 {margin-top: 50px !important}

.mt-lg-60 {margin-top: 60px !important}

.mt-lg-70 {margin-top: 70px !important}

.mt-lg-80 {margin-top: 80px !important}

.mt-lg-90 {margin-top: 90px !important}

.mt-lg-100 {margin-top: 100px !important}

.mt-lg-110 {margin-top: 110px !important}

.mt-lg-120 {margin-top: 120px !important}

.mt-lg-130 {margin-top: 130px !important}

.mt-lg-140 {margin-top: 140px !important}

.mt-lg-150 {margin-top: 150px !important}

.mt-lg-160 {margin-top: 160px !important}

.mt-lg-170 {margin-top: 170px !important}

.mt-lg-180 {margin-top: 180px !important}

.mt-lg-190 {margin-top: 190px !important}

.mt-lg-200 {margin-top: 200px !important}



/*

 * 2.4 -> Margin right

 * -----------------------------------------------

*/

.mr-lg-0 {margin-right: 0!important;}

.mr-lg-5 {margin-right: 5px !important}

.mr-lg-10 {margin-right: 10px !important}

.mr-lg-15 {margin-right: 15px !important}

.mr-lg-20 {margin-right: 20px !important}

.mr-lg-30 {margin-right: 30px !important}

.mr-lg-40 {margin-right: 40px !important}

.mr-lg-50 {margin-right: 50px !important}

.mr-lg-60 {margin-right: 60px !important}

.mr-lg-70 {margin-right: 70px !important}

.mr-lg-80 {margin-right: 80px !important}

.mr-lg-90 {margin-right: 90px !important}

.mr-lg-100 {margin-right: 100px !important}

.mr-lg-110 {margin-right: 110px !important}

.mr-lg-120 {margin-right: 120px !important}

.mr-lg-130 {margin-right: 130px !important}

.mr-lg-140 {margin-right: 140px !important}

.mr-lg-150 {margin-right: 150px !important}

.mr-lg-160 {margin-right: 160px !important}

.mr-lg-170 {margin-right: 170px !important}

.mr-lg-180 {margin-right: 180px !important}

.mr-lg-190 {margin-right: 190px !important}

.mr-lg-200 {margin-right: 200px !important}



/*

 * 2.5 -> Margin bottom

 * -----------------------------------------------

*/

.mb-lg-0 {margin-bottom: 0!important;}

.mb-lg-5 {margin-bottom: 5px !important}

.mb-lg-10 {margin-bottom: 10px !important}

.mb-lg-15 {margin-bottom: 15px !important}

.mb-lg-20 {margin-bottom: 20px !important}

.mb-lg-30 {margin-bottom: 30px !important}

.mb-lg-40 {margin-bottom: 40px !important}

.mb-lg-50 {margin-bottom: 50px !important}

.mb-lg-60 {margin-bottom: 60px !important}

.mb-lg-70 {margin-bottom: 70px !important}

.mb-lg-80 {margin-bottom: 80px !important}

.mb-lg-90 {margin-bottom: 90px !important}

.mb-lg-100 {margin-bottom: 100px !important}

.mb-lg-110 {margin-bottom: 110px !important}

.mb-lg-120 {margin-bottom: 120px !important}

.mb-lg-130 {margin-bottom: 130px !important}

.mb-lg-140 {margin-bottom: 140px !important}

.mb-lg-150 {margin-bottom: 150px !important}

.mb-lg-160 {margin-bottom: 160px !important}

.mb-lg-170 {margin-bottom: 170px !important}

.mb-lg-180 {margin-bottom: 180px !important}

.mb-lg-190 {margin-bottom: 190px !important}

.mb-lg-200 {margin-bottom: 200px !important}



/*

 * 2.6 -> Margin left

 * -----------------------------------------------

*/

.ml-lg-0 {margin-left: 0!important;}

.ml-lg-5 {margin-left: 5px !important}

.ml-lg-10 {margin-left: 10px !important}

.ml-lg-15 {margin-left: 15px !important}

.ml-lg-20 {margin-left: 20px !important}

.ml-lg-30 {margin-left: 30px !important}

.ml-lg-40 {margin-left: 40px !important}

.ml-lg-50 {margin-left: 50px !important}

.ml-lg-60 {margin-left: 60px !important}

.ml-lg-70 {margin-left: 70px !important}

.ml-lg-80 {margin-left: 80px !important}

.ml-lg-90 {margin-left: 90px !important}

.ml-lg-100 {margin-left: 100px !important}

.ml-lg-110 {margin-left: 110px !important}

.ml-lg-120 {margin-left: 120px !important}

.ml-lg-130 {margin-left: 130px !important}

.ml-lg-140 {margin-left: 140px !important}

.ml-lg-150 {margin-left: 150px !important}

.ml-lg-160 {margin-left: 160px !important}

.ml-lg-170 {margin-left: 170px !important}

.ml-lg-180 {margin-left: 180px !important}

.ml-lg-190 {margin-left: 190px !important}

.ml-lg-200 {margin-left: 200px !important}



/*

 * 2.7 -> Padding top

 * -----------------------------------------------

*/

.pt-lg-0 {padding-top: 0!important;}

.pt-lg-5 {padding-top: 5px !important}

.pt-lg-10 {padding-top: 10px !important}

.pt-lg-15 {padding-top: 15px !important}

.pt-lg-20 {padding-top: 20px !important}

.pt-lg-30 {padding-top: 30px !important}

.pt-lg-40 {padding-top: 40px !important}

.pt-lg-50 {padding-top: 50px !important}

.pt-lg-60 {padding-top: 60px !important}

.pt-lg-70 {padding-top: 70px !important}

.pt-lg-80 {padding-top: 80px !important}

.pt-lg-90 {padding-top: 90px !important}

.pt-lg-100 {padding-top: 100px !important}

.pt-lg-110 {padding-top: 110px !important}

.pt-lg-120 {padding-top: 120px !important}

.pt-lg-130 {padding-top: 130px !important}

.pt-lg-140 {padding-top: 140px !important}

.pt-lg-150 {padding-top: 150px !important}

.pt-lg-160 {padding-top: 160px !important}

.pt-lg-170 {padding-top: 170px !important}

.pt-lg-180 {padding-top: 180px !important}

.pt-lg-190 {padding-top: 190px !important}

.pt-lg-200 {padding-top: 200px !important}



/*

 * 2.8 -> Padding right

 * -----------------------------------------------

*/

.pr-lg-0 {padding-right: 0!important;}

.pr-lg-5 {padding-right: 5px !important}

.pr-lg-10 {padding-right: 10px !important}

.pr-lg-15 {padding-right: 15px !important}

.pr-lg-20 {padding-right: 20px !important}

.pr-lg-30 {padding-right: 30px !important}

.pr-lg-40 {padding-right: 40px !important}

.pr-lg-50 {padding-right: 50px !important}

.pr-lg-60 {padding-right: 60px !important}

.pr-lg-70 {padding-right: 70px !important}

.pr-lg-80 {padding-right: 80px !important}

.pr-lg-90 {padding-right: 90px !important}

.pr-lg-100 {padding-right: 100px !important}

.pr-lg-110 {padding-right: 110px !important}

.pr-lg-120 {padding-right: 120px !important}

.pr-lg-130 {padding-right: 130px !important}

.pr-lg-140 {padding-right: 140px !important}

.pr-lg-150 {padding-right: 150px !important}

.pr-lg-160 {padding-right: 160px !important}

.pr-lg-170 {padding-right: 170px !important}

.pr-lg-180 {padding-right: 180px !important}

.pr-lg-190 {padding-right: 190px !important}

.pr-lg-200 {padding-right: 200px !important}



/*

 * 2.9 -> Padding bottom

 * -----------------------------------------------

*/

.pb-lg-0 {padding-bottom: 0!important;}

.pb-lg-5 {padding-bottom: 5px !important}

.pb-lg-10 {padding-bottom: 10px !important}

.pb-lg-15 {padding-bottom: 15px !important}

.pb-lg-20 {padding-bottom: 20px !important}

.pb-lg-30 {padding-bottom: 30px !important}

.pb-lg-40 {padding-bottom: 40px !important}

.pb-lg-50 {padding-bottom: 50px !important}

.pb-lg-60 {padding-bottom: 60px !important}

.pb-lg-70 {padding-bottom: 70px !important}

.pb-lg-80 {padding-bottom: 80px !important}

.pb-lg-90 {padding-bottom: 90px !important}

.pb-lg-100 {padding-bottom: 100px !important}

.pb-lg-110 {padding-bottom: 110px !important}

.pb-lg-120 {padding-bottom: 120px !important}

.pb-lg-130 {padding-bottom: 130px !important}

.pb-lg-140 {padding-bottom: 140px !important}

.pb-lg-150 {padding-bottom: 150px !important}

.pb-lg-160 {padding-bottom: 160px !important}

.pb-lg-170 {padding-bottom: 170px !important}

.pb-lg-180 {padding-bottom: 180px !important}

.pb-lg-190 {padding-bottom: 190px !important}

.pb-lg-200 {padding-bottom: 200px !important}



/*

 * 2.10 -> Padding left

 * -----------------------------------------------

*/

.pl-lg-0 {padding-left: 0!important;}

.pl-lg-5 {padding-left: 5px !important}

.pl-lg-10 {padding-left: 10px !important}

.pl-lg-15 {padding-left: 15px !important}

.pl-lg-20 {padding-left: 20px !important}

.pl-lg-30 {padding-left: 30px !important}

.pl-lg-40 {padding-left: 40px !important}

.pl-lg-50 {padding-left: 50px !important}

.pl-lg-60 {padding-left: 60px !important}

.pl-lg-70 {padding-left: 70px !important}

.pl-lg-80 {padding-left: 80px !important}

.pl-lg-90 {padding-left: 90px !important}

.pl-lg-100 {padding-left: 100px !important}

.pl-lg-110 {padding-left: 110px !important}

.pl-lg-120 {padding-left: 120px !important}

.pl-lg-130 {padding-left: 130px !important}

.pl-lg-140 {padding-left: 140px !important}

.pl-lg-150 {padding-left: 150px !important}

.pl-lg-160 {padding-left: 160px !important}

.pl-lg-170 {padding-left: 170px !important}

.pl-lg-180 {padding-left: 180px !important}

.pl-lg-190 {padding-left: 190px !important}

.pl-lg-200 {padding-left: 200px !important}

}



/*

 * 3 -> md: max-width:1199px

 * -----------------------------------------------

*/

@media (max-width:1199px) {

/*

 * 3.1 -> Basic Margin

 * -----------------------------------------------

*/

.m-md-0 {margin: 0px !important}

.m-md-5 {margin: 5px !important}

.m-md-10 {margin: 10px !important}

.m-md-15 {margin: 15px !important}

.m-md-20 {margin: 20px !important}

.m-md-30 {margin: 30px !important}

.m-md-40 {margin: 40px !important}

.m-md-50 {margin: 50px !important}

.m-md-60 {margin: 60px !important}

.m-md-70 {margin: 70px !important}

.m-md-80 {margin: 80px !important}

.m-md-90 {margin: 90px !important}

.m-md-100 {margin: 100px !important}

.m-md-110 {margin: 110px !important}

.m-md-120 {margin: 120px !important}

.m-md-130 {margin: 130px !important}

.m-md-140 {margin: 140px !important}

.m-md-150 {margin: 150px !important}

.m-md-160 {margin: 160px !important}

.m-md-170 {margin: 170px !important}

.m-md-180 {margin: 180px !important}

.m-md-190 {margin: 190px !important}

.m-md-200 {margin: 200px !important}



/*

 * 3.2 -> Basic Padding

 * -----------------------------------------------

*/

.p-md-0 {padding: 0!important;}

.p-md-5 {padding: 5px !important}

.p-md-10 {padding: 10px !important}

.p-md-15 {padding: 15px !important}

.p-md-20 {padding: 20px !important}

.p-md-30 {padding: 30px !important}

.p-md-40 {padding: 40px !important}

.p-md-50 {padding: 50px !important}

.p-md-60 {padding: 60px !important}

.p-md-70 {padding: 70px !important}

.p-md-80 {padding: 80px !important}

.p-md-90 {padding: 90px !important}

.p-md-100 {padding: 100px !important}

.p-md-110 {padding: 110px !important}

.p-md-120 {padding: 120px !important}

.p-md-130 {padding: 130px !important}

.p-md-140 {padding: 140px !important}

.p-md-150 {padding: 150px !important}

.p-md-160 {padding: 160px !important}

.p-md-170 {padding: 170px !important}

.p-md-180 {padding: 180px !important}

.p-md-190 {padding: 190px !important}

.p-md-200 {padding: 200px !important}



/*

 * 3.3 -> Margin top

 * -----------------------------------------------

*/

.mt-md-0 {margin-top: 0!important;}

.mt-md-5 {margin-top: 5px !important}

.mt-md-10 {margin-top: 10px !important}

.mt-md-15 {margin-top: 15px !important}

.mt-md-20 {margin-top: 20px !important}

.mt-md-30 {margin-top: 30px !important}

.mt-md-40 {margin-top: 40px !important}

.mt-md-50 {margin-top: 50px !important}

.mt-md-60 {margin-top: 60px !important}

.mt-md-70 {margin-top: 70px !important}

.mt-md-80 {margin-top: 80px !important}

.mt-md-90 {margin-top: 90px !important}

.mt-md-100 {margin-top: 100px !important}

.mt-md-110 {margin-top: 110px !important}

.mt-md-120 {margin-top: 120px !important}

.mt-md-130 {margin-top: 130px !important}

.mt-md-140 {margin-top: 140px !important}

.mt-md-150 {margin-top: 150px !important}

.mt-md-160 {margin-top: 160px !important}

.mt-md-170 {margin-top: 170px !important}

.mt-md-180 {margin-top: 180px !important}

.mt-md-190 {margin-top: 190px !important}

.mt-md-200 {margin-top: 200px !important}



/*

 * 3.4 -> Margin right

 * -----------------------------------------------

*/

.mr-md-0 {margin-right: 0!important;}

.mr-md-5 {margin-right: 5px !important}

.mr-md-10 {margin-right: 10px !important}

.mr-md-15 {margin-right: 15px !important}

.mr-md-20 {margin-right: 20px !important}

.mr-md-30 {margin-right: 30px !important}

.mr-md-40 {margin-right: 40px !important}

.mr-md-50 {margin-right: 50px !important}

.mr-md-60 {margin-right: 60px !important}

.mr-md-70 {margin-right: 70px !important}

.mr-md-80 {margin-right: 80px !important}

.mr-md-90 {margin-right: 90px !important}

.mr-md-100 {margin-right: 100px !important}

.mr-md-110 {margin-right: 110px !important}

.mr-md-120 {margin-right: 120px !important}

.mr-md-130 {margin-right: 130px !important}

.mr-md-140 {margin-right: 140px !important}

.mr-md-150 {margin-right: 150px !important}

.mr-md-160 {margin-right: 160px !important}

.mr-md-170 {margin-right: 170px !important}

.mr-md-180 {margin-right: 180px !important}

.mr-md-190 {margin-right: 190px !important}

.mr-md-200 {margin-right: 200px !important}



/*

 * 3.5 -> Margin bottom

 * -----------------------------------------------

*/

.mb-md-0 {margin-bottom: 0!important;}

.mb-md-5 {margin-bottom: 5px !important}

.mb-md-10 {margin-bottom: 10px !important}

.mb-md-15 {margin-bottom: 15px !important}

.mb-md-20 {margin-bottom: 20px !important}

.mb-md-30 {margin-bottom: 30px !important}

.mb-md-40 {margin-bottom: 40px !important}

.mb-md-50 {margin-bottom: 50px !important}

.mb-md-60 {margin-bottom: 60px !important}

.mb-md-70 {margin-bottom: 70px !important}

.mb-md-80 {margin-bottom: 80px !important}

.mb-md-90 {margin-bottom: 90px !important}

.mb-md-100 {margin-bottom: 100px !important}

.mb-md-110 {margin-bottom: 110px !important}

.mb-md-120 {margin-bottom: 120px !important}

.mb-md-130 {margin-bottom: 130px !important}

.mb-md-140 {margin-bottom: 140px !important}

.mb-md-150 {margin-bottom: 150px !important}

.mb-md-160 {margin-bottom: 160px !important}

.mb-md-170 {margin-bottom: 170px !important}

.mb-md-180 {margin-bottom: 180px !important}

.mb-md-190 {margin-bottom: 190px !important}

.mb-md-200 {margin-bottom: 200px !important}



/*

 * 3.6 -> Margin left

 * -----------------------------------------------

*/

.ml-md-0 {margin-left: 0!important;}

.ml-md-5 {margin-left: 5px !important}

.ml-md-10 {margin-left: 10px !important}

.ml-md-15 {margin-left: 15px !important}

.ml-md-20 {margin-left: 20px !important}

.ml-md-30 {margin-left: 30px !important}

.ml-md-40 {margin-left: 40px !important}

.ml-md-50 {margin-left: 50px !important}

.ml-md-60 {margin-left: 60px !important}

.ml-md-70 {margin-left: 70px !important}

.ml-md-80 {margin-left: 80px !important}

.ml-md-90 {margin-left: 90px !important}

.ml-md-100 {margin-left: 100px !important}

.ml-md-110 {margin-left: 110px !important}

.ml-md-120 {margin-left: 120px !important}

.ml-md-130 {margin-left: 130px !important}

.ml-md-140 {margin-left: 140px !important}

.ml-md-150 {margin-left: 150px !important}

.ml-md-160 {margin-left: 160px !important}

.ml-md-170 {margin-left: 170px !important}

.ml-md-180 {margin-left: 180px !important}

.ml-md-190 {margin-left: 190px !important}

.ml-md-200 {margin-left: 200px !important}



/*

 * 3.7 -> Padding top

 * -----------------------------------------------

*/

.pt-md-0 {padding-top: 0!important;}

.pt-md-5 {padding-top: 5px !important}

.pt-md-10 {padding-top: 10px !important}

.pt-md-15 {padding-top: 15px !important}

.pt-md-20 {padding-top: 20px !important}

.pt-md-30 {padding-top: 30px !important}

.pt-md-40 {padding-top: 40px !important}

.pt-md-50 {padding-top: 50px !important}

.pt-md-60 {padding-top: 60px !important}

.pt-md-70 {padding-top: 70px !important}

.pt-md-80 {padding-top: 80px !important}

.pt-md-90 {padding-top: 90px !important}

.pt-md-100 {padding-top: 100px !important}

.pt-md-110 {padding-top: 110px !important}

.pt-md-120 {padding-top: 120px !important}

.pt-md-130 {padding-top: 130px !important}

.pt-md-140 {padding-top: 140px !important}

.pt-md-150 {padding-top: 150px !important}

.pt-md-160 {padding-top: 160px !important}

.pt-md-170 {padding-top: 170px !important}

.pt-md-180 {padding-top: 180px !important}

.pt-md-190 {padding-top: 190px !important}

.pt-md-200 {padding-top: 200px !important}



/*

 * 3.8 -> Padding right

 * -----------------------------------------------

*/

.pr-md-0 {padding-right: 0!important;}

.pr-md-5 {padding-right: 5px !important}

.pr-md-10 {padding-right: 10px !important}

.pr-md-15 {padding-right: 15px !important}

.pr-md-20 {padding-right: 20px !important}

.pr-md-30 {padding-right: 30px !important}

.pr-md-40 {padding-right: 40px !important}

.pr-md-50 {padding-right: 50px !important}

.pr-md-60 {padding-right: 60px !important}

.pr-md-70 {padding-right: 70px !important}

.pr-md-80 {padding-right: 80px !important}

.pr-md-90 {padding-right: 90px !important}

.pr-md-100 {padding-right: 100px !important}

.pr-md-110 {padding-right: 110px !important}

.pr-md-120 {padding-right: 120px !important}

.pr-md-130 {padding-right: 130px !important}

.pr-md-140 {padding-right: 140px !important}

.pr-md-150 {padding-right: 150px !important}

.pr-md-160 {padding-right: 160px !important}

.pr-md-170 {padding-right: 170px !important}

.pr-md-180 {padding-right: 180px !important}

.pr-md-190 {padding-right: 190px !important}

.pr-md-200 {padding-right: 200px !important}



/*

 * 3.9 -> Padding bottom

 * -----------------------------------------------

*/

.pb-md-0 {padding-bottom: 0!important;}

.pb-md-5 {padding-bottom: 5px !important}

.pb-md-10 {padding-bottom: 10px !important}

.pb-md-15 {padding-bottom: 15px !important}

.pb-md-20 {padding-bottom: 20px !important}

.pb-md-30 {padding-bottom: 30px !important}

.pb-md-40 {padding-bottom: 40px !important}

.pb-md-50 {padding-bottom: 50px !important}

.pb-md-60 {padding-bottom: 60px !important}

.pb-md-70 {padding-bottom: 70px !important}

.pb-md-80 {padding-bottom: 80px !important}

.pb-md-90 {padding-bottom: 90px !important}

.pb-md-100 {padding-bottom: 100px !important}

.pb-md-110 {padding-bottom: 110px !important}

.pb-md-120 {padding-bottom: 120px !important}

.pb-md-130 {padding-bottom: 130px !important}

.pb-md-140 {padding-bottom: 140px !important}

.pb-md-150 {padding-bottom: 150px !important}

.pb-md-160 {padding-bottom: 160px !important}

.pb-md-170 {padding-bottom: 170px !important}

.pb-md-180 {padding-bottom: 180px !important}

.pb-md-190 {padding-bottom: 190px !important}

.pb-md-200 {padding-bottom: 200px !important}



/*

 * 3.10 -> Padding left

 * -----------------------------------------------

*/

.pl-md-0 {padding-left: 0!important;}

.pl-md-5 {padding-left: 5px !important}

.pl-md-10 {padding-left: 10px !important}

.pl-md-15 {padding-left: 15px !important}

.pl-md-20 {padding-left: 20px !important}

.pl-md-30 {padding-left: 30px !important}

.pl-md-40 {padding-left: 40px !important}

.pl-md-50 {padding-left: 50px !important}

.pl-md-60 {padding-left: 60px !important}

.pl-md-70 {padding-left: 70px !important}

.pl-md-80 {padding-left: 80px !important}

.pl-md-90 {padding-left: 90px !important}

.pl-md-100 {padding-left: 100px !important}

.pl-md-110 {padding-left: 110px !important}

.pl-md-120 {padding-left: 120px !important}

.pl-md-130 {padding-left: 130px !important}

.pl-md-140 {padding-left: 140px !important}

.pl-md-150 {padding-left: 150px !important}

.pl-md-160 {padding-left: 160px !important}

.pl-md-170 {padding-left: 170px !important}

.pl-md-180 {padding-left: 180px !important}

.pl-md-190 {padding-left: 190px !important}

.pl-md-200 {padding-left: 200px !important}

}



/*

 * 4 -> sm: max-width:991px

 * -----------------------------------------------

*/

@media (max-width:991px) {

/*

 * 4.1 -> Basic Margin

 * -----------------------------------------------

*/
 .main_header .navbar-nav .nav-item{
        margin: 0;
    }
.m-sm-0 {margin: 0px !important}

.m-sm-5 {margin: 5px !important}

.m-sm-10 {margin: 10px !important}

.m-sm-15 {margin: 15px !important}

.m-sm-20 {margin: 20px !important}

.m-sm-30 {margin: 30px !important}

.m-sm-40 {margin: 40px !important}

.m-sm-50 {margin: 50px !important}

.m-sm-60 {margin: 60px !important}

.m-sm-70 {margin: 70px !important}

.m-sm-80 {margin: 80px !important}

.m-sm-90 {margin: 90px !important}

.m-sm-100 {margin: 100px !important}

.m-sm-110 {margin: 110px !important}

.m-sm-120 {margin: 120px !important}

.m-sm-130 {margin: 130px !important}

.m-sm-140 {margin: 140px !important}

.m-sm-150 {margin: 150px !important}

.m-sm-160 {margin: 160px !important}

.m-sm-170 {margin: 170px !important}

.m-sm-180 {margin: 180px !important}

.m-sm-190 {margin: 190px !important}

.m-sm-200 {margin: 200px !important}



/*

 * 4.2 -> Basic Padding

 * -----------------------------------------------

*/

.p-sm-0 {padding: 0!important;}

.p-sm-5 {padding: 5px !important}

.p-sm-10 {padding: 10px !important}

.p-sm-15 {padding: 15px !important}

.p-sm-20 {padding: 20px !important}

.p-sm-30 {padding: 30px !important}

.p-sm-40 {padding: 40px !important}

.p-sm-50 {padding: 50px !important}

.p-sm-60 {padding: 60px !important}

.p-sm-70 {padding: 70px !important}

.p-sm-80 {padding: 80px !important}

.p-sm-90 {padding: 90px !important}

.p-sm-100 {padding: 100px !important}

.p-sm-110 {padding: 110px !important}

.p-sm-120 {padding: 120px !important}

.p-sm-130 {padding: 130px !important}

.p-sm-140 {padding: 140px !important}

.p-sm-150 {padding: 150px !important}

.p-sm-160 {padding: 160px !important}

.p-sm-170 {padding: 170px !important}

.p-sm-180 {padding: 180px !important}

.p-sm-190 {padding: 190px !important}

.p-sm-200 {padding: 200px !important}



/*

 * 4.3 -> Margin top

 * -----------------------------------------------

*/

.mt-sm-0 {margin-top: 0!important;}

.mt-sm-5 {margin-top: 5px !important}

.mt-sm-10 {margin-top: 10px !important}

.mt-sm-15 {margin-top: 15px !important}

.mt-sm-20 {margin-top: 20px !important}

.mt-sm-30 {margin-top: 30px !important}

.mt-sm-40 {margin-top: 40px !important}

.mt-sm-50 {margin-top: 50px !important}

.mt-sm-60 {margin-top: 60px !important}

.mt-sm-70 {margin-top: 70px !important}

.mt-sm-80 {margin-top: 80px !important}

.mt-sm-90 {margin-top: 90px !important}

.mt-sm-100 {margin-top: 100px !important}

.mt-sm-110 {margin-top: 110px !important}

.mt-sm-120 {margin-top: 120px !important}

.mt-sm-130 {margin-top: 130px !important}

.mt-sm-140 {margin-top: 140px !important}

.mt-sm-150 {margin-top: 150px !important}

.mt-sm-160 {margin-top: 160px !important}

.mt-sm-170 {margin-top: 170px !important}

.mt-sm-180 {margin-top: 180px !important}

.mt-sm-190 {margin-top: 190px !important}

.mt-sm-200 {margin-top: 200px !important}



/*

 * 4.4 -> Margin right

 * -----------------------------------------------

*/

.mr-sm-0 {margin-right: 0!important;}

.mr-sm-5 {margin-right: 5px !important}

.mr-sm-10 {margin-right: 10px !important}

.mr-sm-15 {margin-right: 15px !important}

.mr-sm-20 {margin-right: 20px !important}

.mr-sm-30 {margin-right: 30px !important}

.mr-sm-40 {margin-right: 40px !important}

.mr-sm-50 {margin-right: 50px !important}

.mr-sm-60 {margin-right: 60px !important}

.mr-sm-70 {margin-right: 70px !important}

.mr-sm-80 {margin-right: 80px !important}

.mr-sm-90 {margin-right: 90px !important}

.mr-sm-100 {margin-right: 100px !important}

.mr-sm-110 {margin-right: 110px !important}

.mr-sm-120 {margin-right: 120px !important}

.mr-sm-130 {margin-right: 130px !important}

.mr-sm-140 {margin-right: 140px !important}

.mr-sm-150 {margin-right: 150px !important}

.mr-sm-160 {margin-right: 160px !important}

.mr-sm-170 {margin-right: 170px !important}

.mr-sm-180 {margin-right: 180px !important}

.mr-sm-190 {margin-right: 190px !important}

.mr-sm-200 {margin-right: 200px !important}



/*

 * 4.5 -> Margin bottom

 * -----------------------------------------------

*/

.mb-sm-0 {margin-bottom: 0!important;}

.mb-sm-5 {margin-bottom: 5px !important}

.mb-sm-10 {margin-bottom: 10px !important}

.mb-sm-15 {margin-bottom: 15px !important}

.mb-sm-20 {margin-bottom: 20px !important}

.mb-sm-30 {margin-bottom: 30px !important}

.mb-sm-40 {margin-bottom: 40px !important}

.mb-sm-50 {margin-bottom: 50px !important}

.mb-sm-60 {margin-bottom: 60px !important}

.mb-sm-70 {margin-bottom: 70px !important}

.mb-sm-80 {margin-bottom: 80px !important}

.mb-sm-90 {margin-bottom: 90px !important}

.mb-sm-100 {margin-bottom: 100px !important}

.mb-sm-110 {margin-bottom: 110px !important}

.mb-sm-120 {margin-bottom: 120px !important}

.mb-sm-130 {margin-bottom: 130px !important}

.mb-sm-140 {margin-bottom: 140px !important}

.mb-sm-150 {margin-bottom: 150px !important}

.mb-sm-160 {margin-bottom: 160px !important}

.mb-sm-170 {margin-bottom: 170px !important}

.mb-sm-180 {margin-bottom: 180px !important}

.mb-sm-190 {margin-bottom: 190px !important}

.mb-sm-200 {margin-bottom: 200px !important}



/*

 * 4.6 -> Margin left

 * -----------------------------------------------

*/

.ml-sm-0 {margin-left: 0!important;}

.ml-sm-5 {margin-left: 5px !important}

.ml-sm-10 {margin-left: 10px !important}

.ml-sm-15 {margin-left: 15px !important}

.ml-sm-20 {margin-left: 20px !important}

.ml-sm-30 {margin-left: 30px !important}

.ml-sm-40 {margin-left: 40px !important}

.ml-sm-50 {margin-left: 50px !important}

.ml-sm-60 {margin-left: 60px !important}

.ml-sm-70 {margin-left: 70px !important}

.ml-sm-80 {margin-left: 80px !important}

.ml-sm-90 {margin-left: 90px !important}

.ml-sm-100 {margin-left: 100px !important}

.ml-sm-110 {margin-left: 110px !important}

.ml-sm-120 {margin-left: 120px !important}

.ml-sm-130 {margin-left: 130px !important}

.ml-sm-140 {margin-left: 140px !important}

.ml-sm-150 {margin-left: 150px !important}

.ml-sm-160 {margin-left: 160px !important}

.ml-sm-170 {margin-left: 170px !important}

.ml-sm-180 {margin-left: 180px !important}

.ml-sm-190 {margin-left: 190px !important}

.ml-sm-200 {margin-left: 200px !important}



/*

 * 4.7 -> Padding top

 * -----------------------------------------------

*/

.pt-sm-0 {padding-top: 0!important;}

.pt-sm-5 {padding-top: 5px !important}

.pt-sm-10 {padding-top: 10px !important}

.pt-sm-15 {padding-top: 15px !important}

.pt-sm-20 {padding-top: 20px !important}

.pt-sm-30 {padding-top: 30px !important}

.pt-sm-40 {padding-top: 40px !important}

.pt-sm-50 {padding-top: 50px !important}

.pt-sm-60 {padding-top: 60px !important}

.pt-sm-70 {padding-top: 70px !important}

.pt-sm-80 {padding-top: 80px !important}

.pt-sm-90 {padding-top: 90px !important}

.pt-sm-100 {padding-top: 100px !important}

.pt-sm-110 {padding-top: 110px !important}

.pt-sm-120 {padding-top: 120px !important}

.pt-sm-130 {padding-top: 130px !important}

.pt-sm-140 {padding-top: 140px !important}

.pt-sm-150 {padding-top: 150px !important}

.pt-sm-160 {padding-top: 160px !important}

.pt-sm-170 {padding-top: 170px !important}

.pt-sm-180 {padding-top: 180px !important}

.pt-sm-190 {padding-top: 190px !important}

.pt-sm-200 {padding-top: 200px !important}



/*

 * 4.8 -> Padding right

 * -----------------------------------------------

*/

.pr-sm-0 {padding-right: 0!important;}

.pr-sm-5 {padding-right: 5px !important}

.pr-sm-10 {padding-right: 10px !important}

.pr-sm-15 {padding-right: 15px !important}

.pr-sm-20 {padding-right: 20px !important}

.pr-sm-30 {padding-right: 30px !important}

.pr-sm-40 {padding-right: 40px !important}

.pr-sm-50 {padding-right: 50px !important}

.pr-sm-60 {padding-right: 60px !important}

.pr-sm-70 {padding-right: 70px !important}

.pr-sm-80 {padding-right: 80px !important}

.pr-sm-90 {padding-right: 90px !important}

.pr-sm-100 {padding-right: 100px !important}

.pr-sm-110 {padding-right: 110px !important}

.pr-sm-120 {padding-right: 120px !important}

.pr-sm-130 {padding-right: 130px !important}

.pr-sm-140 {padding-right: 140px !important}

.pr-sm-150 {padding-right: 150px !important}

.pr-sm-160 {padding-right: 160px !important}

.pr-sm-170 {padding-right: 170px !important}

.pr-sm-180 {padding-right: 180px !important}

.pr-sm-190 {padding-right: 190px !important}

.pr-sm-200 {padding-right: 200px !important}



/*

 * 4.9 -> Padding bottom

 * -----------------------------------------------

*/

.pb-sm-0 {padding-bottom: 0!important;}

.pb-sm-5 {padding-bottom: 5px !important}

.pb-sm-10 {padding-bottom: 10px !important}

.pb-sm-15 {padding-bottom: 15px !important}

.pb-sm-20 {padding-bottom: 20px !important}

.pb-sm-30 {padding-bottom: 30px !important}

.pb-sm-40 {padding-bottom: 40px !important}

.pb-sm-50 {padding-bottom: 50px !important}

.pb-sm-60 {padding-bottom: 60px !important}

.pb-sm-70 {padding-bottom: 70px !important}

.pb-sm-80 {padding-bottom: 80px !important}

.pb-sm-90 {padding-bottom: 90px !important}

.pb-sm-100 {padding-bottom: 100px !important}

.pb-sm-110 {padding-bottom: 110px !important}

.pb-sm-120 {padding-bottom: 120px !important}

.pb-sm-130 {padding-bottom: 130px !important}

.pb-sm-140 {padding-bottom: 140px !important}

.pb-sm-150 {padding-bottom: 150px !important}

.pb-sm-160 {padding-bottom: 160px !important}

.pb-sm-170 {padding-bottom: 170px !important}

.pb-sm-180 {padding-bottom: 180px !important}

.pb-sm-190 {padding-bottom: 190px !important}

.pb-sm-200 {padding-bottom: 200px !important}



/*

 * 4.10 -> Padding left

 * -----------------------------------------------

*/

.pl-sm-0 {padding-left: 0!important;}

.pl-sm-5 {padding-left: 5px !important}

.pl-sm-10 {padding-left: 10px !important}

.pl-sm-15 {padding-left: 15px !important}

.pl-sm-20 {padding-left: 20px !important}

.pl-sm-30 {padding-left: 30px !important}

.pl-sm-40 {padding-left: 40px !important}

.pl-sm-50 {padding-left: 50px !important}

.pl-sm-60 {padding-left: 60px !important}

.pl-sm-70 {padding-left: 70px !important}

.pl-sm-80 {padding-left: 80px !important}

.pl-sm-90 {padding-left: 90px !important}

.pl-sm-100 {padding-left: 100px !important}

.pl-sm-110 {padding-left: 110px !important}

.pl-sm-120 {padding-left: 120px !important}

.pl-sm-130 {padding-left: 130px !important}

.pl-sm-140 {padding-left: 140px !important}

.pl-sm-150 {padding-left: 150px !important}

.pl-sm-160 {padding-left: 160px !important}

.pl-sm-170 {padding-left: 170px !important}

.pl-sm-180 {padding-left: 180px !important}

.pl-sm-190 {padding-left: 190px !important}

.pl-sm-200 {padding-left: 200px !important}

}



/*

 * 5 -> xs: max-width 767px

 * -----------------------------------------------

*/

@media (max-width:767px) {

/*

 * 5.1 -> Basic Margin

 * -----------------------------------------------

*/

.m-xs-0 {margin: 0px !important}

.m-xs-5 {margin: 5px !important}

.m-xs-10 {margin: 10px !important}

.m-xs-15 {margin: 15px !important}

.m-xs-20 {margin: 20px !important}

.m-xs-30 {margin: 30px !important}

.m-xs-40 {margin: 40px !important}

.m-xs-50 {margin: 50px !important}

.m-xs-60 {margin: 60px !important}

.m-xs-70 {margin: 70px !important}

.m-xs-80 {margin: 80px !important}

.m-xs-90 {margin: 90px !important}

.m-xs-100 {margin: 100px !important}

.m-xs-110 {margin: 110px !important}

.m-xs-120 {margin: 120px !important}

.m-xs-130 {margin: 130px !important}

.m-xs-140 {margin: 140px !important}

.m-xs-150 {margin: 150px !important}

.m-xs-160 {margin: 160px !important}

.m-xs-170 {margin: 170px !important}

.m-xs-180 {margin: 180px !important}

.m-xs-190 {margin: 190px !important}

.m-xs-200 {margin: 200px !important}



/*

 * 5.2 -> Basic Padding

 * -----------------------------------------------

*/

.p-xs-0 {padding: 0!important;}

.p-xs-5 {padding: 5px !important}

.p-xs-10 {padding: 10px !important}

.p-xs-15 {padding: 15px !important}

.p-xs-20 {padding: 20px !important}

.p-xs-30 {padding: 30px !important}

.p-xs-40 {padding: 40px !important}

.p-xs-50 {padding: 50px !important}

.p-xs-60 {padding: 60px !important}

.p-xs-70 {padding: 70px !important}

.p-xs-80 {padding: 80px !important}

.p-xs-90 {padding: 90px !important}

.p-xs-100 {padding: 100px !important}

.p-xs-110 {padding: 110px !important}

.p-xs-120 {padding: 120px !important}

.p-xs-130 {padding: 130px !important}

.p-xs-140 {padding: 140px !important}

.p-xs-150 {padding: 150px !important}

.p-xs-160 {padding: 160px !important}

.p-xs-170 {padding: 170px !important}

.p-xs-180 {padding: 180px !important}

.p-xs-190 {padding: 190px !important}

.p-xs-200 {padding: 200px !important}



/*

 * 5.3 -> Margin top

 * -----------------------------------------------

*/

.mt-xs-0 {margin-top: 0!important;}

.mt-xs-5 {margin-top: 5px !important}

.mt-xs-10 {margin-top: 10px !important}

.mt-xs-15 {margin-top: 15px !important}

.mt-xs-20 {margin-top: 20px !important}

.mt-xs-30 {margin-top: 30px !important}

.mt-xs-40 {margin-top: 40px !important}

.mt-xs-50 {margin-top: 50px !important}

.mt-xs-60 {margin-top: 60px !important}

.mt-xs-70 {margin-top: 70px !important}

.mt-xs-80 {margin-top: 80px !important}

.mt-xs-90 {margin-top: 90px !important}

.mt-xs-100 {margin-top: 100px !important}

.mt-xs-110 {margin-top: 110px !important}

.mt-xs-120 {margin-top: 120px !important}

.mt-xs-130 {margin-top: 130px !important}

.mt-xs-140 {margin-top: 140px !important}

.mt-xs-150 {margin-top: 150px !important}

.mt-xs-160 {margin-top: 160px !important}

.mt-xs-170 {margin-top: 170px !important}

.mt-xs-180 {margin-top: 180px !important}

.mt-xs-190 {margin-top: 190px !important}

.mt-xs-200 {margin-top: 200px !important}



/*

 * 5.4 -> Margin right

 * -----------------------------------------------

*/

.mr-xs-0 {margin-right: 0!important;}

.mr-xs-5 {margin-right: 5px !important}

.mr-xs-10 {margin-right: 10px !important}

.mr-xs-15 {margin-right: 15px !important}

.mr-xs-20 {margin-right: 20px !important}

.mr-xs-30 {margin-right: 30px !important}

.mr-xs-40 {margin-right: 40px !important}

.mr-xs-50 {margin-right: 50px !important}

.mr-xs-60 {margin-right: 60px !important}

.mr-xs-70 {margin-right: 70px !important}

.mr-xs-80 {margin-right: 80px !important}

.mr-xs-90 {margin-right: 90px !important}

.mr-xs-100 {margin-right: 100px !important}

.mr-xs-110 {margin-right: 110px !important}

.mr-xs-120 {margin-right: 120px !important}

.mr-xs-130 {margin-right: 130px !important}

.mr-xs-140 {margin-right: 140px !important}

.mr-xs-150 {margin-right: 150px !important}

.mr-xs-160 {margin-right: 160px !important}

.mr-xs-170 {margin-right: 170px !important}

.mr-xs-180 {margin-right: 180px !important}

.mr-xs-190 {margin-right: 190px !important}

.mr-xs-200 {margin-right: 200px !important}



/*

 * 5.5 -> Margin bottom

 * -----------------------------------------------

*/

.mb-xs-0 {margin-bottom: 0!important;}

.mb-xs-5 {margin-bottom: 5px !important}

.mb-xs-10 {margin-bottom: 10px !important}

.mb-xs-15 {margin-bottom: 15px !important}

.mb-xs-20 {margin-bottom: 20px !important}

.mb-xs-30 {margin-bottom: 30px !important}

.mb-xs-40 {margin-bottom: 40px !important}

.mb-xs-50 {margin-bottom: 50px !important}

.mb-xs-60 {margin-bottom: 60px !important}

.mb-xs-70 {margin-bottom: 70px !important}

.mb-xs-80 {margin-bottom: 80px !important}

.mb-xs-90 {margin-bottom: 90px !important}

.mb-xs-100 {margin-bottom: 100px !important}

.mb-xs-110 {margin-bottom: 110px !important}

.mb-xs-120 {margin-bottom: 120px !important}

.mb-xs-130 {margin-bottom: 130px !important}

.mb-xs-140 {margin-bottom: 140px !important}

.mb-xs-150 {margin-bottom: 150px !important}

.mb-xs-160 {margin-bottom: 160px !important}

.mb-xs-170 {margin-bottom: 170px !important}

.mb-xs-180 {margin-bottom: 180px !important}

.mb-xs-190 {margin-bottom: 190px !important}

.mb-xs-200 {margin-bottom: 200px !important}



/*

 * 5.6 -> Margin left

 * -----------------------------------------------

*/

.ml-xs-0 {margin-left: 0!important;}

.ml-xs-5 {margin-left: 5px !important}

.ml-xs-10 {margin-left: 10px !important}

.ml-xs-15 {margin-left: 15px !important}

.ml-xs-20 {margin-left: 20px !important}

.ml-xs-30 {margin-left: 30px !important}

.ml-xs-40 {margin-left: 40px !important}

.ml-xs-50 {margin-left: 50px !important}

.ml-xs-60 {margin-left: 60px !important}

.ml-xs-70 {margin-left: 70px !important}

.ml-xs-80 {margin-left: 80px !important}

.ml-xs-90 {margin-left: 90px !important}

.ml-xs-100 {margin-left: 100px !important}

.ml-xs-110 {margin-left: 110px !important}

.ml-xs-120 {margin-left: 120px !important}

.ml-xs-130 {margin-left: 130px !important}

.ml-xs-140 {margin-left: 140px !important}

.ml-xs-150 {margin-left: 150px !important}

.ml-xs-160 {margin-left: 160px !important}

.ml-xs-170 {margin-left: 170px !important}

.ml-xs-180 {margin-left: 180px !important}

.ml-xs-190 {margin-left: 190px !important}

.ml-xs-200 {margin-left: 200px !important}



/*

 * 5.7 -> Padding top

 * -----------------------------------------------

*/

.pt-xs-0 {padding-top: 0!important;}

.pt-xs-5 {padding-top: 5px !important}

.pt-xs-10 {padding-top: 10px !important}

.pt-xs-15 {padding-top: 15px !important}

.pt-xs-20 {padding-top: 20px !important}

.pt-xs-30 {padding-top: 30px !important}

.pt-xs-40 {padding-top: 40px !important}

.pt-xs-50 {padding-top: 50px !important}

.pt-xs-60 {padding-top: 60px !important}

.pt-xs-70 {padding-top: 70px !important}

.pt-xs-80 {padding-top: 80px !important}

.pt-xs-90 {padding-top: 90px !important}

.pt-xs-100 {padding-top: 100px !important}

.pt-xs-110 {padding-top: 110px !important}

.pt-xs-120 {padding-top: 120px !important}

.pt-xs-130 {padding-top: 130px !important}

.pt-xs-140 {padding-top: 140px !important}

.pt-xs-150 {padding-top: 150px !important}

.pt-xs-160 {padding-top: 160px !important}

.pt-xs-170 {padding-top: 170px !important}

.pt-xs-180 {padding-top: 180px !important}

.pt-xs-190 {padding-top: 190px !important}

.pt-xs-200 {padding-top: 200px !important}



/*

 * 5.8 -> Padding right

 * -----------------------------------------------

*/

.pr-xs-0 {padding-right: 0!important;}

.pr-xs-5 {padding-right: 5px !important}

.pr-xs-10 {padding-right: 10px !important}

.pr-xs-15 {padding-right: 15px !important}

.pr-xs-20 {padding-right: 20px !important}

.pr-xs-30 {padding-right: 30px !important}

.pr-xs-40 {padding-right: 40px !important}

.pr-xs-50 {padding-right: 50px !important}

.pr-xs-60 {padding-right: 60px !important}

.pr-xs-70 {padding-right: 70px !important}

.pr-xs-80 {padding-right: 80px !important}

.pr-xs-90 {padding-right: 90px !important}

.pr-xs-100 {padding-right: 100px !important}

.pr-xs-110 {padding-right: 110px !important}

.pr-xs-120 {padding-right: 120px !important}

.pr-xs-130 {padding-right: 130px !important}

.pr-xs-140 {padding-right: 140px !important}

.pr-xs-150 {padding-right: 150px !important}

.pr-xs-160 {padding-right: 160px !important}

.pr-xs-170 {padding-right: 170px !important}

.pr-xs-180 {padding-right: 180px !important}

.pr-xs-190 {padding-right: 190px !important}

.pr-xs-200 {padding-right: 200px !important}



/*

 * 5.9 -> Padding bottom

 * -----------------------------------------------

*/

.pb-xs-0 {padding-bottom: 0!important;}

.pb-xs-5 {padding-bottom: 5px !important}

.pb-xs-10 {padding-bottom: 10px !important}

.pb-xs-15 {padding-bottom: 15px !important}

.pb-xs-20 {padding-bottom: 20px !important}

.pb-xs-30 {padding-bottom: 30px !important}

.pb-xs-40 {padding-bottom: 40px !important}

.pb-xs-50 {padding-bottom: 50px !important}

.pb-xs-60 {padding-bottom: 60px !important}

.pb-xs-70 {padding-bottom: 70px !important}

.pb-xs-80 {padding-bottom: 80px !important}

.pb-xs-90 {padding-bottom: 90px !important}

.pb-xs-100 {padding-bottom: 100px !important}

.pb-xs-110 {padding-bottom: 110px !important}

.pb-xs-120 {padding-bottom: 120px !important}

.pb-xs-130 {padding-bottom: 130px !important}

.pb-xs-140 {padding-bottom: 140px !important}

.pb-xs-150 {padding-bottom: 150px !important}

.pb-xs-160 {padding-bottom: 160px !important}

.pb-xs-170 {padding-bottom: 170px !important}

.pb-xs-180 {padding-bottom: 180px !important}

.pb-xs-190 {padding-bottom: 190px !important}

.pb-xs-200 {padding-bottom: 200px !important}



/*

 * 5.10 -> Padding left

 * -----------------------------------------------

*/

.pl-xs-0 {padding-left: 0!important;}

.pl-xs-5 {padding-left: 5px !important}

.pl-xs-10 {padding-left: 10px !important}

.pl-xs-15 {padding-left: 15px !important}

.pl-xs-20 {padding-left: 20px !important}

.pl-xs-30 {padding-left: 30px !important}

.pl-xs-40 {padding-left: 40px !important}

.pl-xs-50 {padding-left: 50px !important}

.pl-xs-60 {padding-left: 60px !important}

.pl-xs-70 {padding-left: 70px !important}

.pl-xs-80 {padding-left: 80px !important}

.pl-xs-90 {padding-left: 90px !important}

.pl-xs-100 {padding-left: 100px !important}

.pl-xs-110 {padding-left: 110px !important}

.pl-xs-120 {padding-left: 120px !important}

.pl-xs-130 {padding-left: 130px !important}

.pl-xs-140 {padding-left: 140px !important}

.pl-xs-150 {padding-left: 150px !important}

.pl-xs-160 {padding-left: 160px !important}

.pl-xs-170 {padding-left: 170px !important}

.pl-xs-180 {padding-left: 180px !important}

.pl-xs-190 {padding-left: 190px !important}

.pl-xs-200 {padding-left: 200px !important}

}



/*

 * 6 -> xxs: max-width 479px

 * -----------------------------------------------

*/

@media (max-width:479px) {

/*

 * 6.1 -> Basic Margin

 * -----------------------------------------------

*/

.m-xxs-0 {margin: 0px !important}

.m-xxs-5 {margin: 5px !important}

.m-xxs-10 {margin: 10px !important}

.m-xxs-15 {margin: 15px !important}

.m-xxs-20 {margin: 20px !important}

.m-xxs-30 {margin: 30px !important}

.m-xxs-40 {margin: 40px !important}

.m-xxs-50 {margin: 50px !important}

.m-xxs-60 {margin: 60px !important}

.m-xxs-70 {margin: 70px !important}

.m-xxs-80 {margin: 80px !important}

.m-xxs-90 {margin: 90px !important}

.m-xxs-100 {margin: 100px !important}

.m-xxs-110 {margin: 110px !important}

.m-xxs-120 {margin: 120px !important}

.m-xxs-130 {margin: 130px !important}

.m-xxs-140 {margin: 140px !important}

.m-xxs-150 {margin: 150px !important}

.m-xxs-160 {margin: 160px !important}

.m-xxs-170 {margin: 170px !important}

.m-xxs-180 {margin: 180px !important}

.m-xxs-190 {margin: 190px !important}

.m-xxs-200 {margin: 200px !important}



/*

 * 6.2 -> Basic Padding

 * -----------------------------------------------

*/

.p-xxs-0 {padding: 0!important;}

.p-xxs-5 {padding: 5px !important}

.p-xxs-10 {padding: 10px !important}

.p-xxs-15 {padding: 15px !important}

.p-xxs-20 {padding: 20px !important}

.p-xxs-30 {padding: 30px !important}

.p-xxs-40 {padding: 40px !important}

.p-xxs-50 {padding: 50px !important}

.p-xxs-60 {padding: 60px !important}

.p-xxs-70 {padding: 70px !important}

.p-xxs-80 {padding: 80px !important}

.p-xxs-90 {padding: 90px !important}

.p-xxs-100 {padding: 100px !important}

.p-xxs-110 {padding: 110px !important}

.p-xxs-120 {padding: 120px !important}

.p-xxs-130 {padding: 130px !important}

.p-xxs-140 {padding: 140px !important}

.p-xxs-150 {padding: 150px !important}

.p-xxs-160 {padding: 160px !important}

.p-xxs-170 {padding: 170px !important}

.p-xxs-180 {padding: 180px !important}

.p-xxs-190 {padding: 190px !important}

.p-xxs-200 {padding: 200px !important}



/*

 * 6.3 -> Margin top

 * -----------------------------------------------

*/

.mt-xxs-0 {margin-top: 0!important;}

.mt-xxs-5 {margin-top: 5px !important}

.mt-xxs-10 {margin-top: 10px !important}

.mt-xxs-15 {margin-top: 15px !important}

.mt-xxs-20 {margin-top: 20px !important}

.mt-xxs-30 {margin-top: 30px !important}

.mt-xxs-40 {margin-top: 40px !important}

.mt-xxs-50 {margin-top: 50px !important}

.mt-xxs-60 {margin-top: 60px !important}

.mt-xxs-70 {margin-top: 70px !important}

.mt-xxs-80 {margin-top: 80px !important}

.mt-xxs-90 {margin-top: 90px !important}

.mt-xxs-100 {margin-top: 100px !important}

.mt-xxs-110 {margin-top: 110px !important}

.mt-xxs-120 {margin-top: 120px !important}

.mt-xxs-130 {margin-top: 130px !important}

.mt-xxs-140 {margin-top: 140px !important}

.mt-xxs-150 {margin-top: 150px !important}

.mt-xxs-160 {margin-top: 160px !important}

.mt-xxs-170 {margin-top: 170px !important}

.mt-xxs-180 {margin-top: 180px !important}

.mt-xxs-190 {margin-top: 190px !important}

.mt-xxs-200 {margin-top: 200px !important}



/*

 * 6.4 -> Margin right

 * -----------------------------------------------

*/

.mr-xxs-0 {margin-right: 0!important;}

.mr-xxs-5 {margin-right: 5px !important}

.mr-xxs-10 {margin-right: 10px !important}

.mr-xxs-15 {margin-right: 15px !important}

.mr-xxs-20 {margin-right: 20px !important}

.mr-xxs-30 {margin-right: 30px !important}

.mr-xxs-40 {margin-right: 40px !important}

.mr-xxs-50 {margin-right: 50px !important}

.mr-xxs-60 {margin-right: 60px !important}

.mr-xxs-70 {margin-right: 70px !important}

.mr-xxs-80 {margin-right: 80px !important}

.mr-xxs-90 {margin-right: 90px !important}

.mr-xxs-100 {margin-right: 100px !important}

.mr-xxs-110 {margin-right: 110px !important}

.mr-xxs-120 {margin-right: 120px !important}

.mr-xxs-130 {margin-right: 130px !important}

.mr-xxs-140 {margin-right: 140px !important}

.mr-xxs-150 {margin-right: 150px !important}

.mr-xxs-160 {margin-right: 160px !important}

.mr-xxs-170 {margin-right: 170px !important}

.mr-xxs-180 {margin-right: 180px !important}

.mr-xxs-190 {margin-right: 190px !important}

.mr-xxs-200 {margin-right: 200px !important}



/*

 * 6.5 -> Margin bottom

 * -----------------------------------------------

*/

.mb-xxs-0 {margin-bottom: 0!important;}

.mb-xxs-5 {margin-bottom: 5px !important}

.mb-xxs-10 {margin-bottom: 10px !important}

.mb-xxs-15 {margin-bottom: 15px !important}

.mb-xxs-20 {margin-bottom: 20px !important}

.mb-xxs-30 {margin-bottom: 30px !important}

.mb-xxs-40 {margin-bottom: 40px !important}

.mb-xxs-50 {margin-bottom: 50px !important}

.mb-xxs-60 {margin-bottom: 60px !important}

.mb-xxs-70 {margin-bottom: 70px !important}

.mb-xxs-80 {margin-bottom: 80px !important}

.mb-xxs-90 {margin-bottom: 90px !important}

.mb-xxs-100 {margin-bottom: 100px !important}

.mb-xxs-110 {margin-bottom: 110px !important}

.mb-xxs-120 {margin-bottom: 120px !important}

.mb-xxs-130 {margin-bottom: 130px !important}

.mb-xxs-140 {margin-bottom: 140px !important}

.mb-xxs-150 {margin-bottom: 150px !important}

.mb-xxs-160 {margin-bottom: 160px !important}

.mb-xxs-170 {margin-bottom: 170px !important}

.mb-xxs-180 {margin-bottom: 180px !important}

.mb-xxs-190 {margin-bottom: 190px !important}

.mb-xxs-200 {margin-bottom: 200px !important}



/*

 * 6.6 -> Margin left

 * -----------------------------------------------

*/

.ml-xxs-0 {margin-left: 0!important;}

.ml-xxs-5 {margin-left: 5px !important}

.ml-xxs-10 {margin-left: 10px !important}

.ml-xxs-15 {margin-left: 15px !important}

.ml-xxs-20 {margin-left: 20px !important}

.ml-xxs-30 {margin-left: 30px !important}

.ml-xxs-40 {margin-left: 40px !important}

.ml-xxs-50 {margin-left: 50px !important}

.ml-xxs-60 {margin-left: 60px !important}

.ml-xxs-70 {margin-left: 70px !important}

.ml-xxs-80 {margin-left: 80px !important}

.ml-xxs-90 {margin-left: 90px !important}

.ml-xxs-100 {margin-left: 100px !important}

.ml-xxs-110 {margin-left: 110px !important}

.ml-xxs-120 {margin-left: 120px !important}

.ml-xxs-130 {margin-left: 130px !important}

.ml-xxs-140 {margin-left: 140px !important}

.ml-xxs-150 {margin-left: 150px !important}

.ml-xxs-160 {margin-left: 160px !important}

.ml-xxs-170 {margin-left: 170px !important}

.ml-xxs-180 {margin-left: 180px !important}

.ml-xxs-190 {margin-left: 190px !important}

.ml-xxs-200 {margin-left: 200px !important}



/*

 * 6.7 -> Padding top

 * -----------------------------------------------

*/

.pt-xxs-0 {padding-top: 0!important;}

.pt-xxs-5 {padding-top: 5px !important}

.pt-xxs-10 {padding-top: 10px !important}

.pt-xxs-15 {padding-top: 15px !important}

.pt-xxs-20 {padding-top: 20px !important}

.pt-xxs-30 {padding-top: 30px !important}

.pt-xxs-40 {padding-top: 40px !important}

.pt-xxs-50 {padding-top: 50px !important}

.pt-xxs-60 {padding-top: 60px !important}

.pt-xxs-70 {padding-top: 70px !important}

.pt-xxs-80 {padding-top: 80px !important}

.pt-xxs-90 {padding-top: 90px !important}

.pt-xxs-100 {padding-top: 100px !important}

.pt-xxs-110 {padding-top: 110px !important}

.pt-xxs-120 {padding-top: 120px !important}

.pt-xxs-130 {padding-top: 130px !important}

.pt-xxs-140 {padding-top: 140px !important}

.pt-xxs-150 {padding-top: 150px !important}

.pt-xxs-160 {padding-top: 160px !important}

.pt-xxs-170 {padding-top: 170px !important}

.pt-xxs-180 {padding-top: 180px !important}

.pt-xxs-190 {padding-top: 190px !important}

.pt-xxs-200 {padding-top: 200px !important}



/*

 * 6.8 -> Padding right

 * -----------------------------------------------

*/

.pr-xxs-0 {padding-right: 0!important;}

.pr-xxs-5 {padding-right: 5px !important}

.pr-xxs-10 {padding-right: 10px !important}

.pr-xxs-15 {padding-right: 15px !important}

.pr-xxs-20 {padding-right: 20px !important}

.pr-xxs-30 {padding-right: 30px !important}

.pr-xxs-40 {padding-right: 40px !important}

.pr-xxs-50 {padding-right: 50px !important}

.pr-xxs-60 {padding-right: 60px !important}

.pr-xxs-70 {padding-right: 70px !important}

.pr-xxs-80 {padding-right: 80px !important}

.pr-xxs-90 {padding-right: 90px !important}

.pr-xxs-100 {padding-right: 100px !important}

.pr-xxs-110 {padding-right: 110px !important}

.pr-xxs-120 {padding-right: 120px !important}

.pr-xxs-130 {padding-right: 130px !important}

.pr-xxs-140 {padding-right: 140px !important}

.pr-xxs-150 {padding-right: 150px !important}

.pr-xxs-160 {padding-right: 160px !important}

.pr-xxs-170 {padding-right: 170px !important}

.pr-xxs-180 {padding-right: 180px !important}

.pr-xxs-190 {padding-right: 190px !important}

.pr-xxs-200 {padding-right: 200px !important}



/*

 * 6.9 -> Padding bottom

 * -----------------------------------------------

*/

.pb-xxs-0 {padding-bottom: 0!important;}

.pb-xxs-5 {padding-bottom: 5px !important}

.pb-xxs-10 {padding-bottom: 10px !important}

.pb-xxs-15 {padding-bottom: 15px !important}

.pb-xxs-20 {padding-bottom: 20px !important}

.pb-xxs-30 {padding-bottom: 30px !important}

.pb-xxs-40 {padding-bottom: 40px !important}

.pb-xxs-50 {padding-bottom: 50px !important}

.pb-xxs-60 {padding-bottom: 60px !important}

.pb-xxs-70 {padding-bottom: 70px !important}

.pb-xxs-80 {padding-bottom: 80px !important}

.pb-xxs-90 {padding-bottom: 90px !important}

.pb-xxs-100 {padding-bottom: 100px !important}

.pb-xxs-110 {padding-bottom: 110px !important}

.pb-xxs-120 {padding-bottom: 120px !important}

.pb-xxs-130 {padding-bottom: 130px !important}

.pb-xxs-140 {padding-bottom: 140px !important}

.pb-xxs-150 {padding-bottom: 150px !important}

.pb-xxs-160 {padding-bottom: 160px !important}

.pb-xxs-170 {padding-bottom: 170px !important}

.pb-xxs-180 {padding-bottom: 180px !important}

.pb-xxs-190 {padding-bottom: 190px !important}

.pb-xxs-200 {padding-bottom: 200px !important}



/*

 * 6.10 -> Padding left

 * -----------------------------------------------

*/

.pl-xxs-0 {padding-left: 0!important;}

.pl-xxs-5 {padding-left: 5px !important}

.pl-xxs-10 {padding-left: 10px !important}

.pl-xxs-15 {padding-left: 15px !important}

.pl-xxs-20 {padding-left: 20px !important}

.pl-xxs-30 {padding-left: 30px !important}

.pl-xxs-40 {padding-left: 40px !important}

.pl-xxs-50 {padding-left: 50px !important}

.pl-xxs-60 {padding-left: 60px !important}

.pl-xxs-70 {padding-left: 70px !important}

.pl-xxs-80 {padding-left: 80px !important}

.pl-xxs-90 {padding-left: 90px !important}

.pl-xxs-100 {padding-left: 100px !important}

.pl-xxs-110 {padding-left: 110px !important}

.pl-xxs-120 {padding-left: 120px !important}

.pl-xxs-130 {padding-left: 130px !important}

.pl-xxs-140 {padding-left: 140px !important}

.pl-xxs-150 {padding-left: 150px !important}

.pl-xxs-160 {padding-left: 160px !important}

.pl-xxs-170 {padding-left: 170px !important}

.pl-xxs-180 {padding-left: 180px !important}

.pl-xxs-190 {padding-left: 190px !important}

.pl-xxs-200 {padding-left: 200px !important}

}











/*------------------------------------*\

    Generic

\*------------------------------------*/



 /**

  * Wrappers

  */

 

 .container {

     margin-right: auto;

     margin-left: auto;

     padding-left: 14px;

     padding-right: 14px;

 }



 .container {

     max-width: 1280px;

     position: relative;

 }



 .big-container {

  max-width: 1366px;

 }

/**.container-fluid {

     margin-right: auto;

     margin-left: auto;

     padding-left: 0;

     padding-right: 0;

 }**/

 .container-fluid .row {

     margin-left: 0; /* TODO: Update margin number to match container padding */

     margin-right: 0;

 }

 .container-fluid [class*="col-"] {

         position: relative;

         min-height: 1px;

         padding-left: 0;

         padding-right: 0;

     }



  .row.no-gutters {

    margin-right: 0;

    margin-left: 0;

  }

  .no-gutters [class*=col-] {

    padding-right: 0;

    padding-left: 0;

  }

  .col-20 {

    width: 20%;

    float: left;

  }

 /**

  * Grid System

  *

  * Bootstrap v3.3.1 (http://getbootstrap.com)

  * Copyright 2011-2014 Twitter, Inc.

  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

  * --------------------------------------------------------------------------

  * Base setup 20px gutters

  *

  * Phones         - xxs - <  600px    ** Default **

  * Small Tablets  - xs - >=  600px

  * Tablets        - sm - >= 768px

  * Desktop        - md - >= 1025px

  * Large Desktop  - lg - >= 1200px

  * --------------------------------------------------------------------------

  * Learn more here: http://getbootstrap.com/css/#grid

  * -------------------------------------------------------------------------- */

 

 .row {

     margin-left: -15px; /* TODO: Update margin number to match container padding */

     margin-right: -15px;

 }

 

     [class*="col-"] {

         position: relative;

         min-height: 1px;

         padding-left: 15px;

         padding-right: 15px;

     }

 

 /* Extra Extra small devices (devices, less than 600px) */

 [class*="col-xxs-"] { float:left; }

 

 .col-xxs-12 { width: 100%; }

 .col-xxs-11 { width: 91.66666667%; }

 .col-xxs-10 { width: 83.33333333%; }

 .col-xxs-9  { width: 75%; }

 .col-xxs-8  { width: 66.66666667%; }

 .col-xxs-7  { width: 58.33333333%; }

 .col-xxs-6  { width: 50%; }

 .col-xxs-5  { width: 41.66666667%; }

 .col-xxs-4  { width: 33.33333333%; }

 .col-xxs-3  { width: 25%; }

 .col-xxs-2  { width: 16.66666667%; }

 .col-xxs-1  { width: 8.33333333%; }

 

 .col-xxs-pull-12 { right: 100%; }

 .col-xxs-pull-11 { right: 91.66666667%; }

 .col-xxs-pull-10 { right: 83.33333333%; }

 .col-xxs-pull-9  { right: 75%; }

 .col-xxs-pull-8  { right: 66.66666667%; }

 .col-xxs-pull-7  { right: 58.33333333%; }

 .col-xxs-pull-6  { right: 50%; }

 .col-xxs-pull-5  { right: 41.66666667%; }

 .col-xxs-pull-4  { right: 33.33333333%; }

 .col-xxs-pull-3  { right: 25%; }

 .col-xxs-pull-2  { right: 16.66666667%; }

 .col-xxs-pull-1  { right: 8.33333333%; }

 .col-xxs-pull-0  { right: auto; }

 

 .col-xxs-push-12 { left: 100%; }

 .col-xxs-push-11 { left: 91.66666667%; }

 .col-xxs-push-10 { left: 83.33333333%; }

 .col-xxs-push-9  { left: 75%; }

 .col-xxs-push-8  { left: 66.66666667%; }

 .col-xxs-push-7  { left: 58.33333333%; }

 .col-xxs-push-6  { left: 50%; }

 .col-xxs-push-5  { left: 41.66666667%; }

 .col-xxs-push-4  { left: 33.33333333%; }

 .col-xxs-push-3  { left: 25%; }

 .col-xxs-push-2  { left: 16.66666667%; }

 .col-xxs-push-1  { left: 8.33333333%; }

 .col-xxs-push-0  { left: auto; }

 

 .col-xxs-offset-12 { margin-left: 100%; }

 .col-xxs-offset-11 { margin-left: 91.66666667%; }

 .col-xxs-offset-10 { margin-left: 83.33333333%; }

 .col-xxs-offset-9  { margin-left: 75%; }

 .col-xxs-offset-8  { margin-left: 66.66666667%; }

 .col-xxs-offset-7  { margin-left: 58.33333333%; }

 .col-xxs-offset-6  { margin-left: 50%; }

 .col-xxs-offset-5  { margin-left: 41.66666667%; }

 .col-xxs-offset-4  { margin-left: 33.33333333%; }

 .col-xxs-offset-3  { margin-left: 25%; }

 .col-xxs-offset-2  { margin-left: 16.66666667%; }

 .col-xxs-offset-1  { margin-left: 8.33333333%; }

 .col-xxs-offset-0  { margin-left: 0%; }

 

 /* Extra small devices (phones, 600px and up) */

 @media (min-width: 600px) {

     [class*="col-xs-"] {float:left;}

 

     .col-xs-12 { width: 100%; }

     .col-xs-11 { width: 91.66666667%; }

     .col-xs-10 { width: 83.33333333%; }

     .col-xs-9  { width: 75%; }

     .col-xs-8  { width: 66.66666667%; }

     .col-xs-7  { width: 58.33333333%; }

     .col-xs-6  { width: 50%; }

     .col-xs-5  { width: 41.66666667%; }

     .col-xs-4  { width: 33.33333333%; }

     .col-xs-3  { width: 25%; }

     .col-xs-2  { width: 16.66666667%; }

     .col-xs-1  { width: 8.33333333%; }

 

     .col-xs-pull-12 { right: 100%; }

     .col-xs-pull-11 { right: 91.66666667%; }

     .col-xs-pull-10 { right: 83.33333333%; }

     .col-xs-pull-9  { right: 75%; }

     .col-xs-pull-8  { right: 66.66666667%; }

     .col-xs-pull-7  { right: 58.33333333%; }

     .col-xs-pull-6  { right: 50%; }

     .col-xs-pull-5  { right: 41.66666667%; }

     .col-xs-pull-4  { right: 33.33333333%; }

     .col-xs-pull-3  { right: 25%; }

     .col-xs-pull-2  { right: 16.66666667%; }

     .col-xs-pull-1  { right: 8.33333333%; }

     .col-xs-pull-0  { right: auto; }

 

     .col-xs-push-12 { left: 100%; }

     .col-xs-push-11 { left: 91.66666667%; }

     .col-xs-push-10 { left: 83.33333333%; }

     .col-xs-push-9  { left: 75%; }

     .col-xs-push-8  { left: 66.66666667%; }

     .col-xs-push-7  { left: 58.33333333%; }

     .col-xs-push-6  { left: 50%; }

     .col-xs-push-5  { left: 41.66666667%; }

     .col-xs-push-4  { left: 33.33333333%; }

     .col-xs-push-3  { left: 25%; }

     .col-xs-push-2  { left: 16.66666667%; }

     .col-xs-push-1  { left: 8.33333333%; }

     .col-xs-push-0  { left: auto; }

 

     .col-xs-offset-12 { margin-left: 100%; }

     .col-xs-offset-11 { margin-left: 91.66666667%; }

     .col-xs-offset-10 { margin-left: 83.33333333%; }

     .col-xs-offset-9  { margin-left: 75%; }

     .col-xs-offset-8  { margin-left: 66.66666667%; }

     .col-xs-offset-7  { margin-left: 58.33333333%; }

     .col-xs-offset-6  { margin-left: 50%; }

     .col-xs-offset-5  { margin-left: 41.66666667%; }

     .col-xs-offset-4  { margin-left: 33.33333333%; }

     .col-xs-offset-3  { margin-left: 25%; }

     .col-xs-offset-2  { margin-left: 16.66666667%; }

     .col-xs-offset-1  { margin-left: 8.33333333%; }

     .col-xs-offset-0  { margin-left: 0%; }

 }

 

 /* Small devices (tablets, 768px and up) */

 @media (min-width: 768px) {

     [class*="col-sm-"] {float:left;}

 

     .col-sm-12 { width: 100%; }

     .col-sm-11 { width: 91.66666667%; }

     .col-sm-10 { width: 83.33333333%; }

     .col-sm-9  { width: 75%; }

     .col-sm-8  { width: 66.66666667%; }

     .col-sm-7  { width: 58.33333333%; }

     .col-sm-6  { width: 50%; }

     .col-sm-5  { width: 41.66666667%; }

     .col-sm-4  { width: 33.33333333%; }

     .col-sm-3  { width: 25%; }

     .col-sm-2  { width: 16.66666667%; }

     .col-sm-1  { width: 8.33333333%; }

 

     .col-sm-pull-12 { right: 100%; }

     .col-sm-pull-11 { right: 91.66666667%; }

     .col-sm-pull-10 { right: 83.33333333%; }

     .col-sm-pull-9  { right: 75%; }

     .col-sm-pull-8  { right: 66.66666667%; }

     .col-sm-pull-7  { right: 58.33333333%; }

     .col-sm-pull-6  { right: 50%; }

     .col-sm-pull-5  { right: 41.66666667%; }

     .col-sm-pull-4  { right: 33.33333333%; }

     .col-sm-pull-3  { right: 25%; }

     .col-sm-pull-2  { right: 16.66666667%; }

     .col-sm-pull-1  { right: 8.33333333%; }

     .col-sm-pull-0  { right: auto; }

 

     .col-sm-push-12 { left: 100%; }

     .col-sm-push-11 { left: 91.66666667%; }

     .col-sm-push-10 { left: 83.33333333%; }

     .col-sm-push-9  { left: 75%; }

     .col-sm-push-8  { left: 66.66666667%; }

     .col-sm-push-7  { left: 58.33333333%; }

     .col-sm-push-6  { left: 50%; }

     .col-sm-push-5  { left: 41.66666667%; }

     .col-sm-push-4  { left: 33.33333333%; }

     .col-sm-push-3  { left: 25%; }

     .col-sm-push-2  { left: 16.66666667%; }

     .col-sm-push-1  { left: 8.33333333%; }

     .col-sm-push-0  { left: auto; }

 

     .col-sm-offset-12 { margin-left: 100%; }

     .col-sm-offset-11 { margin-left: 91.66666667%; }

     .col-sm-offset-10 { margin-left: 83.33333333%; }

     .col-sm-offset-9  { margin-left: 75%; }

     .col-sm-offset-8  { margin-left: 66.66666667%; }

     .col-sm-offset-7  { margin-left: 58.33333333%; }

     .col-sm-offset-6  { margin-left: 50%; }

     .col-sm-offset-5  { margin-left: 41.66666667%; }

     .col-sm-offset-4  { margin-left: 33.33333333%; }

     .col-sm-offset-3  { margin-left: 25%; }

     .col-sm-offset-2  { margin-left: 16.66666667%; }

     .col-sm-offset-1  { margin-left: 8.33333333%; }

     .col-sm-offset-0  { margin-left: 0%; }

 }

 

 /* Medium devices (desktops, 1025px and up) */

 @media (min-width: 1025px) {

   [class*="col-md-"] {float:left;}

 

   .col-md-12 { width: 100%; }

   .col-md-11 { width: 91.66666667%; }

   .col-md-10 { width: 83.33333333%; }

   .col-md-9  { width: 75%; }

   .col-md-8  { width: 66.66666667%; }

   .col-md-7  { width: 58.33333333%; }

   .col-md-6  { width: 50%; }

   .col-md-5  { width: 41.66666667%; }

   .col-md-4  { width: 33.33333333%; }

   .col-md-3  { width: 25%; }

   .col-md-2  { width: 16.66666667%; }

   .col-md-1  { width: 8.33333333%; }

 

   .col-md-pull-12 { right: 100%; }

   .col-md-pull-11 { right: 91.66666667%; }

   .col-md-pull-10 { right: 83.33333333%; }

   .col-md-pull-9  { right: 75%; }

   .col-md-pull-8  { right: 66.66666667%; }

   .col-md-pull-7  { right: 58.33333333%; }

   .col-md-pull-6  { right: 50%; }

   .col-md-pull-5  { right: 41.66666667%; }

   .col-md-pull-4  { right: 33.33333333%; }

   .col-md-pull-3  { right: 25%; }

   .col-md-pull-2  { right: 16.66666667%; }

   .col-md-pull-1  { right: 8.33333333%; }

   .col-md-pull-0  { right: auto; }

 

   .col-md-push-12 { left: 100%; }

   .col-md-push-11 { left: 91.66666667%; }

   .col-md-push-10 { left: 83.33333333%; }

   .col-md-push-9  { left: 75%; }

   .col-md-push-8  { left: 66.66666667%; }

   .col-md-push-7  { left: 58.33333333%; }

   .col-md-push-6  { left: 50%; }

   .col-md-push-5  { left: 41.66666667%; }

   .col-md-push-4  { left: 33.33333333%; }

   .col-md-push-3  { left: 25%; }

   .col-md-push-2  { left: 16.66666667%; }

   .col-md-push-1  { left: 8.33333333%; }

   .col-md-push-0  { left: auto; }

 

   .col-md-offset-12 { margin-left: 100%; }

   .col-md-offset-11 { margin-left: 91.66666667%; }

   .col-md-offset-10 { margin-left: 83.33333333%; }

   .col-md-offset-9  { margin-left: 75%; }

   .col-md-offset-8  { margin-left: 66.66666667%; }

   .col-md-offset-7  { margin-left: 58.33333333%; }

   .col-md-offset-6  { margin-left: 50%; }

   .col-md-offset-5  { margin-left: 41.66666667%; }

   .col-md-offset-4  { margin-left: 33.33333333%; }

   .col-md-offset-3  { margin-left: 25%; }

   .col-md-offset-2  { margin-left: 16.66666667%; }

   .col-md-offset-1  { margin-left: 8.33333333%; }

   .col-md-offset-0  { margin-left: 0%; }

 }

 

 /* Large devices (large desktops, 1200px and up) */

 @media (min-width: 1200px) {

   [class*="col-lg-"] {float:left;}

 

   .col-lg-12 { width: 100%; }

   .col-lg-11 { width: 91.66666667%; }

   .col-lg-10 { width: 83.33333333%; }

   .col-lg-9  { width: 75%; }

   .col-lg-8  { width: 66.66666667%; }

   .col-lg-7  { width: 58.33333333%; }

   .col-lg-6  { width: 50%; }

   .col-lg-5  { width: 41.66666667%; }

   .col-lg-4  { width: 33.33333333%; }

   .col-lg-3  { width: 25%; }

   .col-lg-2  { width: 16.66666667%; }

   .col-lg-1  { width: 8.33333333%; }

 

   .col-lg-pull-12 { right: 100%; }

   .col-lg-pull-11 { right: 91.66666667%; }

   .col-lg-pull-10 { right: 83.33333333%; }

   .col-lg-pull-9  { right: 75%; }

   .col-lg-pull-8  { right: 66.66666667%; }

   .col-lg-pull-7  { right: 58.33333333%; }

   .col-lg-pull-6  { right: 50%; }

   .col-lg-pull-5  { right: 41.66666667%; }

   .col-lg-pull-4  { right: 33.33333333%; }

   .col-lg-pull-3  { right: 25%; }

   .col-lg-pull-2  { right: 16.66666667%; }

   .col-lg-pull-1  { right: 8.33333333%; }

   .col-lg-pull-0  { right: auto; }

 

   .col-lg-push-12 { left: 100%; }

   .col-lg-push-11 { left: 91.66666667%; }

   .col-lg-push-10 { left: 83.33333333%; }

   .col-lg-push-9  { left: 75%; }

   .col-lg-push-8  { left: 66.66666667%; }

   .col-lg-push-7  { left: 58.33333333%; }

   .col-lg-push-6  { left: 50%; }

   .col-lg-push-5  { left: 41.66666667%; }

   .col-lg-push-4  { left: 33.33333333%; }

   .col-lg-push-3  { left: 25%; }

   .col-lg-push-2  { left: 16.66666667%; }

   .col-lg-push-1  { left: 8.33333333%; }

   .col-lg-push-0  { left: auto; }

 

   .col-lg-offset-12 { margin-left: 100%; }

   .col-lg-offset-11 { margin-left: 91.66666667%; }

   .col-lg-offset-10 { margin-left: 83.33333333%; }

   .col-lg-offset-9  { margin-left: 75%; }

   .col-lg-offset-8  { margin-left: 66.66666667%; }

   .col-lg-offset-7  { margin-left: 58.33333333%; }

   .col-lg-offset-6  { margin-left: 50%; }

   .col-lg-offset-5  { margin-left: 41.66666667%; }

   .col-lg-offset-4  { margin-left: 33.33333333%; }

   .col-lg-offset-3  { margin-left: 25%; }

   .col-lg-offset-2  { margin-left: 16.66666667%; }

   .col-lg-offset-1  { margin-left: 8.33333333%; }

   .col-lg-offset-0  { margin-left: 0%; }

 }

 

 

 

 /**

  * Clearfix

  * Apply clearing without adding additional markup

  */

 

 .clearfix:before, .clearfix:after,

 .container:before, .container:after,

 .container-fluid:before, .container-fluid:after,

 .row:before, .row:after {

     content: " ";

     display: table;

 }

 

 .clearfix:after,

 .container:after,

 .container-fluid:after,

 .row:after { clear: both; }

 

     

     /* Grid Styling */

/*  

     .container { width: 100%; }

 

     .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }

 

     .col-sm-12 { width: 100%; }

     .col-sm-11 { width: 91.66666666666666%; }

     .col-sm-10 { width: 83.33333333333334%; }

     .col-sm-9 { width: 75%; }

     .col-sm-8 { width: 66.66666666666666%; }

     .col-sm-7 { width: 58.333333333333336%; }

     .col-sm-6 { width: 50%; }

     .col-sm-5 { width: 41.66666666666667%; }

     .col-sm-4 { width: 33.33333333333333%; }

     .col-sm-3 { width: 25%; }

     .col-sm-2 { width: 16.666666666666664%; }

     .col-sm-1 { width: 8.333333333333332%; }

      */

     



 

 

 /**

  * Visiblity

  */

 

 .show { display: block !important; }

 

 .visible-xxs,

 .visible-xs,

 .visible-sm,

 .visible-md,

 .visible-lg { display: none !important; }

 

 .visible-xxs-block,

 .visible-xxs-inline,

 .visible-xxs-inline-block,

 .visible-xs-block,

 .visible-xs-inline,

 .visible-xs-inline-block,

 .visible-sm-block,

 .visible-sm-inline,

 .visible-sm-inline-block,

 .visible-md-block,

 .visible-md-inline,

 .visible-md-inline-block,

 .visible-lg-block,

 .visible-lg-inline,

 .visible-lg-inline-block { display: none !important; }

 

 @media (max-width: 599px) {

     .visible-xxs      { display: block !important; }

     table.visible-xxs { display: table; }

     tr.visible-xxs    { display: table-row !important; }

     th.visible-xxs,

     td.visible-xxs    { display: table-cell !important; }

 

     .visible-xxs-block        { display: block !important; }

     .visible-xxs-inline       { display: inline !important; }

     .visible-xxs-inline-block { display: inline-block !important; }

 }

 

 

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

     .visible-xs      { display: block !important; }

     table.visible-xs { display: table; }

     tr.visible-xs    { display: table-row !important; }

     th.visible-xs,

     td.visible-xs    { display: table-cell !important; }

 

     .visible-xs-block        { display: block !important; }

     .visible-xs-inline       { display: inline !important; }

     .visible-xs-inline-block { display: inline-block !important; }

 }

 

 @media (min-width: 768px) and (max-width: 1024px) {

     .visible-sm      { display: block !important; }

     table.visible-sm { display: table; }

     tr.visible-sm    { display: table-row !important; }

     th.visible-sm,

     td.visible-sm    { display: table-cell !important; }

 

     .visible-sm-block        { display: block !important; }

     .visible-sm-inline       { display: inline !important; }

     .visible-sm-inline-block { display: inline-block !important; }

 }

 

 @media (min-width: 1025px) and (max-width: 1199px) {

     .visible-md      { display: block !important; }

     table.visible-md { display: table; }

     tr.visible-md    { display: table-row !important; }

     th.visible-md,

     td.visible-md    { display: table-cell !important; }

 

     .visible-md-block        { display: block !important; }

     .visible-md-inline       { display: inline !important; }

     .visible-md-inline-block { display: inline-block !important; }

 }

 

 @media (min-width: 1200px) {

     .visible-lg      { display: block !important; }

     table.visible-lg { display: table; }

     tr.visible-lg    {  display: table-row !important; }

     th.visible-lg,

     td.visible-lg    { display: table-cell !important; }

 

     .visible-lg-block        { display: block !important; }

     .visible-lg-inline       { display: inline !important; }

     .visible-lg-inline-block { display: inline-block !important; }

 }

 

 

 /**

  * Hiding

  */

 

 .hide,

 .hidden-xxs-up { display: none !important; }

 .hidden       { display: none !important; visibility: hidden !important; }

 .invisible    { visibility: hidden !important; }

 .text-hide    {

     font: 0/0 a;

     color: transparent;

     text-shadow: none;

     background-color: transparent;

     border: 0;

 }

 

 @media (max-width: 599px) {

     .hidden-xxs { display: none !important; }

 }

 

     @media (min-width: 600px) {

       .hidden-xs-up { display: none !important; }

     }

 

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

     .hidden-xs { display: none !important; }

 }

 

     @media (max-width: 767px) {

       .hidden-xs-down { display: none !important; }

     }

     

     @media (min-width: 768px) {

       .hidden-sm-up { display: none !important; }

     }

 

 @media (min-width: 768px) and (max-width: 1024px) {

     .hidden-sm { display: none !important; }

 }

 

     @media (max-width: 1024px) {

       .hidden-sm-down { display: none !important; }

     }

     

     @media (min-width: 1025px) {

       .hidden-md-up { display: none !important; }

     }

 

 @media (min-width: 1025px) and (max-width: 1199px) {

     .hidden-md { display: none !important; }

 }

 

     @media (max-width: 1199px) {

       .hidden-md-down { display: none !important; }

     }

 

 @media (min-width: 1200px) {

     .hidden-lg { display: none !important; }

 }

 

 

 

 

 /**

  * Screen Readers

  */

 

 .sr-only {

     position: absolute;

     width: 1px;

     height: 1px;

     margin: -1px;

     padding: 0;

     overflow: hidden;

     clip: rect(0, 0, 0, 0);

     border: 0;

 }

 .sr-only-focusable:active,

 .sr-only-focusable:focus {

     position: static;

     width: auto;

     height: auto;

     margin: 0;

     overflow: visible;

     clip: auto;

 }

 

 

 

 /**

  * Text alignment

  */

 

 .text-left     { text-align:left  !important; }

 .text-center   { text-align:center; }

 .text-right    { text-align:right !important; }

 

 

 /**

  * Positioning

  */

 

 .affix-top    { position: fixed!important; top:    0!important; }

 .affix-bottom { position: fixed!important; bottom: 0!important; }

 .affix-left   { position: fixed!important; left:   0!important; }

 .affix-right  { position: fixed!important; right:  0!important; }

 

 .pull-right { float: right!important; }

 .pull-left  { float: left !important; }

 

 .center-block {

     display: block;

     margin-left: auto;

     margin-right: auto;

 }

 

 

 /* TODO: Update pushes, flushes, softs, and hards to match your vertical rhythm */

 

 /**

  * Add/remove margins

  */

 

 .push          { margin:       20px!important; }

 .push-top      { margin-top:   20px!important; }

 .push-right    { margin-right: 20px!important; }

 .push-bottom   { margin-bottom:20px!important; }

 .push-left     { margin-left:  20px!important; }

 .push-ends     { margin-top:   20px!important; margin-bottom:20px!important; }

 .push-sides    { margin-right: 20px!important; margin-left:  20px!important; }

 

 .push-half         { margin:       10px!important; }

 .push-half-top     { margin-top:   10px!important; }

 .push-half-right   { margin-right: 10px!important; }

 .push-half-bottom  { margin-bottom:10px!important; }

 .push-half-left    { margin-left:  10px!important; }

 .push-half-ends    { margin-top:   10px!important; margin-bottom:10px!important; }

 .push-half-sides   { margin-right: 10px!important; margin-left:  10px!important; }

 

 .flush         { margin:       0!important; }

 .flush-top     { margin-top:   0!important; }

 .flush-right   { margin-right: 0!important; }

 .flush-bottom  { margin-bottom:0!important; }

 .flush-left    { margin-left:  0!important; }

 .flush-ends    { margin-top:   0!important; margin-bottom:0!important; }

 .flush-sides   { margin-right: 0!important; margin-left:  0!important; }

 

 

 /**

  * Add/remove paddings

  */

 .soft          { padding:       20px!important; }

 .soft-top      { padding-top:   20px!important; }

 .soft-right    { padding-right: 20px!important; }

 .soft-bottom   { padding-bottom:20px!important; }

 .soft-left     { padding-left:  20px!important; }

 .soft-ends     { padding-top:   20px!important; padding-bottom:20px!important; }

 .soft-sides    { padding-right: 20px!important; padding-left:  20px!important; }

 

 .soft-half          { padding:       10px!important; }

 .soft-half-top      { padding-top:   10px!important; }

 .soft-half-right    { padding-right: 10px!important; }

 .soft-half-bottom   { padding-bottom:10px!important; }

 .soft-half-left     { padding-left:  10px!important; }

 .soft-half-ends     { padding-top:   10px!important; padding-bottom:10px!important; }

 .soft-half-sides    { padding-right: 10px!important; padding-left:  10px!important; }

 

 .hard          { padding:       0!important; }

 .hard-top      { padding-top:   0!important; }

 .hard-right    { padding-right: 0!important; }

 .hard-bottom   { padding-bottom:0!important; }

 .hard-left     { padding-left:  0!important; }

 .hard-ends     { padding-top:   0!important; padding-bottom:0!important; }

 .hard-sides    { padding-right: 0!important; padding-left:  0!important; }

 

 

 @media (min-width:600px) {

 

   .flush-xs         { margin:       0 !important; }

   .flush-xs-top     { margin-top:   0 !important; }

   .flush-xs-right   { margin-right: 0 !important; }

   .flush-xs-bottom  { margin-bottom:0 !important; }

   .flush-xs-left    { margin-left:  0 !important; }

   .flush-xs-ends    { margin-top:   0 !important; margin-bottom:0 !important; }

   .flush-xs-sides   { margin-right: 0 !important; margin-left:  0 !important; }

 

   .push-xs          { margin:       20px !important; }

   .push-xs-top      { margin-top:   20px !important; }

   .push-xs-right    { margin-right: 20px !important; }

   .push-xs-bottom   { margin-bottom:20px !important; }

   .push-xs-left     { margin-left:  20px !important; }

   .push-xs-ends     { margin-top:   20px !important; margin-bottom:20px !important; }

   .push-xs-sides    { margin-right: 20px !important; margin-left:  20px !important; }

 

   .push-half-xs         { margin:       10px !important; }

   .push-half-xs-top     { margin-top:   10px !important; }

   .push-half-xs-right   { margin-right: 10px !important; }

   .push-half-xs-bottom  { margin-bottom:10px !important; }

   .push-half-xs-left    { margin-left:  10px !important; }

   .push-half-xs-ends    { margin-top:   10px !important; margin-bottom:10px !important; }

   .push-half-xs-sides   { margin-right: 10px !important; margin-left:  10px !important; }

 

   .push-double-xs         { margin:       40px !important; }

   .push-double-xs-top     { margin-top:   40px !important; }

   .push-double-xs-right   { margin-right: 40px !important; }

   .push-double-xs-bottom  { margin-bottom:40px !important; }

   .push-double-xs-left    { margin-left:  40px !important; }

   .push-double-xs-ends    { margin-top:   40px !important; margin-bottom:40px !important; }

   .push-double-xs-sides   { margin-right: 40px !important; margin-left:  40px !important; }

 

   .push-triple-xs         { margin:       60px !important; }

   .push-triple-xs-top     { margin-top:   60px !important; }

   .push-triple-xs-right   { margin-right: 60px !important; }

   .push-triple-xs-bottom  { margin-bottom:60px !important; }

   .push-triple-xs-left    { margin-left:  60px !important; }

   .push-triple-xs-ends    { margin-top:   60px !important; margin-bottom:60px !important; }

   .push-triple-xs-sides   { margin-right: 60px !important; margin-left:  60px !important; }

 

   .soft-xs          { padding:       20px !important; }

   .soft-xs-top      { padding-top:   20px !important; }

   .soft-xs-right    { padding-right: 20px !important; }

   .soft-xs-bottom   { padding-bottom:20px !important; }

   .soft-xs-left     { padding-left:  20px !important; }

   .soft-xs-ends     { padding-top:   20px !important; padding-bottom:20px !important; }

   .soft-xs-sides    { padding-right: 20px !important; padding-left:  20px !important; }

 

   .soft-half-xs          { padding:       10px !important; }

   .soft-half-xs-top      { padding-top:   10px !important; }

   .soft-half-xs-right    { padding-right: 10px !important; }

   .soft-half-xs-bottom   { padding-bottom:10px !important; }

   .soft-half-xs-left     { padding-left:  10px !important; }

   .soft-half-xs-ends     { padding-top:   10px !important; padding-bottom:10px !important; }

   .soft-half-xs-sides    { padding-right: 10px !important; padding-left:  10px !important; }

 

   .soft-double-xs          { padding:       40px !important; }

   .soft-double-xs-top      { padding-top:   40px !important; }

   .soft-double-xs-right    { padding-right: 40px !important; }

   .soft-double-xs-bottom   { padding-bottom:40px !important; }

   .soft-double-xs-left     { padding-left:  40px !important; }

   .soft-double-xs-ends     { padding-top:   40px !important; padding-bottom:40px !important; }

   .soft-double-xs-sides    { padding-right: 40px !important; padding-left:  40px !important; }

 

   .soft-triple-xs          { padding:       60px !important; }

   .soft-triple-xs-top      { padding-top:   60px !important; }

   .soft-triple-xs-right    { padding-right: 60px !important; }

   .soft-triple-xs-bottom   { padding-bottom:60px !important; }

   .soft-triple-xs-left     { padding-left:  60px !important; }

   .soft-triple-xs-ends     { padding-top:   60px !important; padding-bottom:60px !important; }

   .soft-triple-xs-sides    { padding-right: 60px !important; padding-left:  60px !important; }

 

   .hard-xs          { padding:       0 !important; }

   .hard-xs-top      { padding-top:   0 !important; }

   .hard-xs-right    { padding-right: 0 !important; }

   .hard-xs-bottom   { padding-bottom:0 !important; }

   .hard-xs-left     { padding-left:  0 !important; }

   .hard-xs-ends     { padding-top:   0 !important; padding-bottom:0 !important; }

   .hard-xs-sides    { padding-right: 0 !important; padding-left:  0 !important; }

 

 }

 

 @media (min-width:768px) {

 

   .flush-sm         { margin:       0 !important; }

   .flush-sm-top     { margin-top:   0 !important; }

   .flush-sm-right   { margin-right: 0 !important; }

   .flush-sm-bottom  { margin-bottom:0 !important; }

   .flush-sm-left    { margin-left:  0 !important; }

   .flush-sm-ends    { margin-top:   0 !important; margin-bottom:0 !important; }

   .flush-sm-sides   { margin-right: 0 !important; margin-left:  0 !important; }

 

   .push-sm          { margin:       20px !important; }

   .push-sm-top      { margin-top:   20px !important; }

   .push-sm-right    { margin-right: 20px !important; }

   .push-sm-bottom   { margin-bottom:20px !important; }

   .push-sm-left     { margin-left:  20px !important; }

   .push-sm-ends     { margin-top:   20px !important; margin-bottom:20px !important; }

   .push-sm-sides    { margin-right: 20px !important; margin-left:  20px !important; }

 

   .push-half-sm         { margin:       10px !important; }

   .push-half-sm-top     { margin-top:   10px !important; }

   .push-half-sm-right   { margin-right: 10px !important; }

   .push-half-sm-bottom  { margin-bottom:10px !important; }

   .push-half-sm-left    { margin-left:  10px !important; }

   .push-half-sm-ends    { margin-top:   10px !important; margin-bottom:10px !important; }

   .push-half-sm-sides   { margin-right: 10px !important; margin-left:  10px !important; }

 

   .push-double-sm         { margin:       40px !important; }

   .push-double-sm-top     { margin-top:   40px !important; }

   .push-double-sm-right   { margin-right: 40px !important; }

   .push-double-sm-bottom  { margin-bottom:40px !important; }

   .push-double-sm-left    { margin-left:  40px !important; }

   .push-double-sm-ends    { margin-top:   40px !important; margin-bottom:40px !important; }

   .push-double-sm-sides   { margin-right: 40px !important; margin-left:  40px !important; }

 

   .push-triple-sm         { margin:       60px !important; }

   .push-triple-sm-top     { margin-top:   60px !important; }

   .push-triple-sm-right   { margin-right: 60px !important; }

   .push-triple-sm-bottom  { margin-bottom:60px !important; }

   .push-triple-sm-left    { margin-left:  60px !important; }

   .push-triple-sm-ends    { margin-top:   60px !important; margin-bottom:60px !important; }

   .push-triple-sm-sides   { margin-right: 60px !important; margin-left:  60px !important; }

 

   .soft-sm          { padding:       20px !important; }

   .soft-sm-top      { padding-top:   20px !important; }

   .soft-sm-right    { padding-right: 20px !important; }

   .soft-sm-bottom   { padding-bottom:20px !important; }

   .soft-sm-left     { padding-left:  20px !important; }

   .soft-sm-ends     { padding-top:   20px !important; padding-bottom:20px !important; }

   .soft-sm-sides    { padding-right: 20px !important; padding-left:  20px !important; }

 

   .soft-half-sm          { padding:       10px !important; }

   .soft-half-sm-top      { padding-top:   10px !important; }

   .soft-half-sm-right    { padding-right: 10px !important; }

   .soft-half-sm-bottom   { padding-bottom:10px !important; }

   .soft-half-sm-left     { padding-left:  10px !important; }

   .soft-half-sm-ends     { padding-top:   10px !important; padding-bottom:10px !important; }

   .soft-half-sm-sides    { padding-right: 10px !important; padding-left:  10px !important; }

 

   .soft-double-sm          { padding:       40px !important; }

   .soft-double-sm-top      { padding-top:   40px !important; }

   .soft-double-sm-right    { padding-right: 40px !important; }

   .soft-double-sm-bottom   { padding-bottom:40px !important; }

   .soft-double-sm-left     { padding-left:  40px !important; }

   .soft-double-sm-ends     { padding-top:   40px !important; padding-bottom:40px !important; }

   .soft-double-sm-sides    { padding-right: 40px !important; padding-left:  40px !important; }

 

   .soft-triple-sm          { padding:       60px !important; }

   .soft-triple-sm-top      { padding-top:   60px !important; }

   .soft-triple-sm-right    { padding-right: 60px !important; }

   .soft-triple-sm-bottom   { padding-bottom:60px !important; }

   .soft-triple-sm-left     { padding-left:  60px !important; }

   .soft-triple-sm-ends     { padding-top:   60px !important; padding-bottom:60px !important; }

   .soft-triple-sm-sides    { padding-right: 60px !important; padding-left:  60px !important; }

 

   .hard-sm          { padding:       0 !important; }

   .hard-sm-top      { padding-top:   0 !important; }

   .hard-sm-right    { padding-right: 0 !important; }

   .hard-sm-bottom   { padding-bottom:0 !important; }

   .hard-sm-left     { padding-left:  0 !important; }

   .hard-sm-ends     { padding-top:   0 !important; padding-bottom:0 !important; }

   .hard-sm-sides    { padding-right: 0 !important; padding-left:  0 !important; }

 

 }

 

 @media (min-width:1025px) {

 

   .flush-md         { margin:       0 !important; }

   .flush-md-top     { margin-top:   0 !important; }

   .flush-md-right   { margin-right: 0 !important; }

   .flush-md-bottom  { margin-bottom:0 !important; }

   .flush-md-left    { margin-left:  0 !important; }

   .flush-md-ends    { margin-top:   0 !important; margin-bottom:0 !important; }

   .flush-md-sides   { margin-right: 0 !important; margin-left:  0 !important; }

 

   .push-md          { margin:       20px !important; }

   .push-md-top      { margin-top:   20px !important; }

   .push-md-right    { margin-right: 20px !important; }

   .push-md-bottom   { margin-bottom:20px !important; }

   .push-md-left     { margin-left:  20px !important; }

   .push-md-ends     { margin-top:   20px !important; margin-bottom:20px !important; }

   .push-md-sides    { margin-right: 20px !important; margin-left:  20px !important; }

 

   .push-half-md         { margin:       10px !important; }

   .push-half-md-top     { margin-top:   10px !important; }

   .push-half-md-right   { margin-right: 10px !important; }

   .push-half-md-bottom  { margin-bottom:10px !important; }

   .push-half-md-left    { margin-left:  10px !important; }

   .push-half-md-ends    { margin-top:   10px !important; margin-bottom:10px !important; }

   .push-half-md-sides   { margin-right: 10px !important; margin-left:  10px !important; }

 

   .push-double-md         { margin:       40px !important; }

   .push-double-md-top     { margin-top:   40px !important; }

   .push-double-md-right   { margin-right: 40px !important; }

   .push-double-md-bottom  { margin-bottom:40px !important; }

   .push-double-md-left    { margin-left:  40px !important; }

   .push-double-md-ends    { margin-top:   40px !important; margin-bottom:40px !important; }

   .push-double-md-sides   { margin-right: 40px !important; margin-left:  40px !important; }

 

   .push-triple-md         { margin:       60px !important; }

   .push-triple-md-top     { margin-top:   60px !important; }

   .push-triple-md-right   { margin-right: 60px !important; }

   .push-triple-md-bottom  { margin-bottom:60px !important; }

   .push-triple-md-left    { margin-left:  60px !important; }

   .push-triple-md-ends    { margin-top:   60px !important; margin-bottom:60px !important; }

   .push-triple-md-sides   { margin-right: 60px !important; margin-left:  60px !important; }

 

   .soft-md          { padding:       20px !important; }

   .soft-md-top      { padding-top:   20px !important; }

   .soft-md-right    { padding-right: 20px !important; }

   .soft-md-bottom   { padding-bottom:20px !important; }

   .soft-md-left     { padding-left:  20px !important; }

   .soft-md-ends     { padding-top:   20px !important; padding-bottom:20px !important; }

   .soft-md-sides    { padding-right: 20px !important; padding-left:  20px !important; }

 

   .soft-half-md          { padding:       10px !important; }

   .soft-half-md-top      { padding-top:   10px !important; }

   .soft-half-md-right    { padding-right: 10px !important; }

   .soft-half-md-bottom   { padding-bottom:10px !important; }

   .soft-half-md-left     { padding-left:  10px !important; }

   .soft-half-md-ends     { padding-top:   10px !important; padding-bottom:10px !important; }

   .soft-half-md-sides    { padding-right: 10px !important; padding-left:  10px !important; }

 

   .soft-double-md          { padding:       40px !important; }

   .soft-double-md-top      { padding-top:   40px !important; }

   .soft-double-md-right    { padding-right: 40px !important; }

   .soft-double-md-bottom   { padding-bottom:40px !important; }

   .soft-double-md-left     { padding-left:  40px !important; }

   .soft-double-md-ends     { padding-top:   40px !important; padding-bottom:40px !important; }

   .soft-double-md-sides    { padding-right: 40px !important; padding-left:  40px !important; }

 

   .soft-triple-md          { padding:       60px !important; }

   .soft-triple-md-top      { padding-top:   60px !important; }

   .soft-triple-md-right    { padding-right: 60px !important; }

   .soft-triple-md-bottom   { padding-bottom:60px !important; }

   .soft-triple-md-left     { padding-left:  60px !important; }

   .soft-triple-md-ends     { padding-top:   60px !important; padding-bottom:60px !important; }

   .soft-triple-md-sides    { padding-right: 60px !important; padding-left:  60px !important; }

 

   .hard-md          { padding:       0 !important; }

   .hard-md-top      { padding-top:   0 !important; }

   .hard-md-right    { padding-right: 0 !important; }

   .hard-md-bottom   { padding-bottom:0 !important; }

   .hard-md-left     { padding-left:  0 !important; }

   .hard-md-ends     { padding-top:   0 !important; padding-bottom:0 !important; }

   .hard-md-sides    { padding-right: 0 !important; padding-left:  0 !important; }

 

 }

 

 @media (min-width:1200px) {

 

   .flush-lg         { margin:       0 !important; }

   .flush-lg-top     { margin-top:   0 !important; }

   .flush-lg-right   { margin-right: 0 !important; }

   .flush-lg-bottom  { margin-bottom:0 !important; }

   .flush-lg-left    { margin-left:  0 !important; }

   .flush-lg-ends    { margin-top:   0 !important; margin-bottom:0 !important; }

   .flush-lg-sides   { margin-right: 0 !important; margin-left:  0 !important; }

 

   .push-lg          { margin:       20px !important; }

   .push-lg-top      { margin-top:   20px !important; }

   .push-lg-right    { margin-right: 20px !important; }

   .push-lg-bottom   { margin-bottom:20px !important; }

   .push-lg-left     { margin-left:  20px !important; }

   .push-lg-ends     { margin-top:   20px !important; margin-bottom:20px !important; }

   .push-lg-sides    { margin-right: 20px !important; margin-left:  20px !important; }

 

   .push-half-lg         { margin:       10px !important; }

   .push-half-lg-top     { margin-top:   10px !important; }

   .push-half-lg-right   { margin-right: 10px !important; }

   .push-half-lg-bottom  { margin-bottom:10px !important; }

   .push-half-lg-left    { margin-left:  10px !important; }

   .push-half-lg-ends    { margin-top:   10px !important; margin-bottom:10px !important; }

   .push-half-lg-sides   { margin-right: 10px !important; margin-left:  10px !important; }

 

   .push-double-lg         { margin:       40px !important; }

   .push-double-lg-top     { margin-top:   40px !important; }

   .push-double-lg-right   { margin-right: 40px !important; }

   .push-double-lg-bottom  { margin-bottom:40px !important; }

   .push-double-lg-left    { margin-left:  40px !important; }

   .push-double-lg-ends    { margin-top:   40px !important; margin-bottom:40px !important; }

   .push-double-lg-sides   { margin-right: 40px !important; margin-left:  40px !important; }

 

   .push-triple-lg         { margin:       60px !important; }

   .push-triple-lg-top     { margin-top:   60px !important; }

   .push-triple-lg-right   { margin-right: 60px !important; }

   .push-triple-lg-bottom  { margin-bottom:60px !important; }

   .push-triple-lg-left    { margin-left:  60px !important; }

   .push-triple-lg-ends    { margin-top:   60px !important; margin-bottom:60px !important; }

   .push-triple-lg-sides   { margin-right: 60px !important; margin-left:  60px !important; }

 

   .soft-lg          { padding:       20px !important; }

   .soft-lg-top      { padding-top:   20px !important; }

   .soft-lg-right    { padding-right: 20px !important; }

   .soft-lg-bottom   { padding-bottom:20px !important; }

   .soft-lg-left     { padding-left:  20px !important; }

   .soft-lg-ends     { padding-top:   20px !important; padding-bottom:20px !important; }

   .soft-lg-sides    { padding-right: 20px !important; padding-left:  20px !important; }

 

   .soft-half-lg          { padding:       10px !important; }

   .soft-half-lg-top      { padding-top:   10px !important; }

   .soft-half-lg-right    { padding-right: 10px !important; }

   .soft-half-lg-bottom   { padding-bottom:10px !important; }

   .soft-half-lg-left     { padding-left:  10px !important; }

   .soft-half-lg-ends     { padding-top:   10px !important; padding-bottom:10px !important; }

   .soft-half-lg-sides    { padding-right: 10px !important; padding-left:  10px !important; }

 

   .soft-double-lg          { padding:       40px !important; }

   .soft-double-lg-top      { padding-top:   40px !important; }

   .soft-double-lg-right    { padding-right: 40px !important; }

   .soft-double-lg-bottom   { padding-bottom:40px !important; }

   .soft-double-lg-left     { padding-left:  40px !important; }

   .soft-double-lg-ends     { padding-top:   40px !important; padding-bottom:40px !important; }

   .soft-double-lg-sides    { padding-right: 40px !important; padding-left:  40px !important; }

 

   .soft-triple-lg          { padding:       60px !important; }

   .soft-triple-lg-top      { padding-top:   60px !important; }

   .soft-triple-lg-right    { padding-right: 60px !important; }

   .soft-triple-lg-bottom   { padding-bottom:60px !important; }

   .soft-triple-lg-left     { padding-left:  60px !important; }

   .soft-triple-lg-ends     { padding-top:   60px !important; padding-bottom:60px !important; }

   .soft-triple-lg-sides    { padding-right: 60px !important; padding-left:  60px !important; }

 

   .hard-lg          { padding:       0 !important; }

   .hard-lg-top      { padding-top:   0 !important; }

   .hard-lg-right    { padding-right: 0 !important; }

   .hard-lg-bottom   { padding-bottom:0 !important; }

   .hard-lg-left     { padding-left:  0 !important; }

   .hard-lg-ends     { padding-top:   0 !important; padding-bottom:0 !important; }

   .hard-lg-sides    { padding-right: 0 !important; padding-left:  0 !important; }

 

 }

 

 @media only screen and (min-width: 1100px) {

    .grid-figure {

        height: 170px;

    }

 }







.acc-li,

    .acc-li ul{

      margin: 0px !important;

      padding: 0px !important;

      text-align: center;

    }

    .acc-li li{

      list-style: none;

      margin: 0px;

      padding: 5px;

      display: inline-block;

    }

    .acc-li li img {
        width: 100%;
        max-height: 100px;
        border-radius: 6px;
    }

    .aisc{

      max-width: 167px;

    }

    .aacbs{/* max-width: 157px; */}

    .naac{

      max-width: 171px;

    }



    ul.acc-li>li>div {

        color: #fff;

    }



    .naacText {

        margin-top: 20px;

    }



    .accreditation-bg {
        width: 100%;
        padding: 30px 0 25px 0;
        background-color: white;
    }



.accreditation-bg h2 {
        font-size: 32px;
        color: #4B4C4C;
        font-weight: bold;
        text-align: center;
        margin: 0 0 15px 0;
        text-transform: capitalize;
    }

    .main-content{

      width: 100%;

      background-color: #f1f1f1;

    }

    .main-content p{

      font-size: 16px;

      line-height: 24px;

      margin: 0;

      text-align: justify;

    }

    .main-content p+p{

      margin: 25px 0 0 0;

    }

    .fLeft{

      float: left;

    }

    .fRight{

      float:right;

    }

    .about-content{

      width: 100%;

      padding: 50px 0 50px 50px;

    }

    .about-content h3{

      font-size: 32px;

      color: #4487AD;

      font-weight: bold;

      margin: 0 0 20px 0;

    }

    .stat-bg {

      background-color: #4487AD;

      padding: 50px 40px 50px 0;

    }

    .stat-bg h3{

      font-size: 32px;

      color: #ff8d00;

      font-weight: bold;

      margin: 0 0 0px 0;

    }

    .stat-bg:after {

      content: '';

      display: table;

      right: 100%;

      width: 2000%;

      height: 100%;

      background-color: #4487AD;

      position: absolute;

      top: 0px;

    }

    .stat-li,

    .stat-li ul{

      margin: 0px;

      padding: 0px;

    }

    .stat-li li{

      font-size: 18px;

      margin: 10px 0 0 0;

      padding: 10px 0 0 50px;

      color: #fff;

      list-style: none;

      position: relative;

    }

    .stat-li li+li{

      border-top: 1px solid #406bc1;

    }

    .stat-li li span{

      display: block;

      font-size: 30px;

      font-weight: bold;

      line-height: 36px;

      color: #1d82a9;

    }



    .stat-li li i{

      width: 30px;

      height: 30px;

      line-height: 30px;

      background-color: #ddd;

      color: #000;

      text-align: center;

      font-size: 16px;

      border-radius: 50%;

      position: absolute;

      left: 10px;

      top: 6px;

    }

    .bg-blue-sk {
        background-color: #4487AD;
    }

    .home-new-title {
        font-size: 22px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        padding-bottom: 5px;
        border-bottom: 2px solid #666666;
    }

    .margin-right10 {
        margin-right: 15px;
    }

    .btn-primary_2 {
        color: #fff !important;
        background-color: #4487ad !important;
        border-color: #357ebd !important;
    }

.accreditation-bg h2.heading-lineA, h2.heading-lineA {
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    position: relative;
    color: #262626;
    margin: 0 0 35px 0;
}

.accreditation-bg h2.heading-lineA::after, h2.heading-lineA::after, .heading.heading--l.heading--line::after  {
    content: '';
    position: absolute;
    width: 70px;
    height: 2px;
    background-color: #4a4a4a;
    top: 135%;
    left: 0;
}

.footer-menu ul li {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    list-style: none;
    background: url(../img/arrow_li.gif) top left no-repeat;
    padding: 4px 0 4px 10px;
    margin: 0px 10px 0px 0px;
    line-height: 20px;
}

.footer-menu ul li a {
    font-size: 15px !important;
    font-weight: 300 !important;
    color: #fff;
    text-decoration: none;
}

.rec-bg{
    width: 100%;
    background-color: #fff;
    padding: 0px 0 0px 0;
  }
  
  .rec-bg h3 {
   font-family: "Roboto Condensed", sans-serif;
  font-size: 22px;
  color: #000;
  margin: 18px 0 0px 0;
  font-weight: bold;
  position: relative;
  }
  
  .rec-bg h3 span {
  position: relative;
  z-index: 1;
  padding: 0 10px 0 10px;
  background: #fff;
  display: inline-block;
  text-align: center;
  }
  
  .lined-heading {
  position: relative;
  margin-top: 0;
  margin-bottom: 15px;
  text-align:center;
  display: block;
  }
  
  .lined-heading:before {
  position: absolute;
  top: 50%;
  z-index: 1;
  display: block;
  width: 100%;
  height: 1px;
  border-top: 2px solid #4287ae;
  content: "";
  }
  
  /* carousel */
  .media-carousel 
  {
    margin-bottom: 0;
    padding: 0 40px 10px 40px;
    margin-top: 30px;
  }
  /* Previous button  */
  .media-carousel .carousel-control.left 
  {
    left: -12px;
    background-image: none;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    width : 40px;
    margin-top: 30px
  }
  /* Next button  */
  .media-carousel .carousel-control.right 
  {
    right: -12px !important;
    background-image: none;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    width : 40px;
    margin-top: 30px
  }
  /* Changes the position of the indicators */
  .media-carousel .carousel-indicators 
  {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
  }
  /* Changes the colour of the indicators */
  .media-carousel .carousel-indicators li 
  {
    background: #c0c0c0;
  }
  .media-carousel .carousel-indicators .active 
  {
    background: #333333;
  }
  .media-carousel img
  {
    width: 250px;
    height: 100px
  }
  /* End carousel */


  footer{
    width: 100%;
    background-color: #4487ad;
    border-top: 10px solid #ffd100;
    padding: 20px 0 20px 0;
  }
  
  .footerWidget h3 {
   font-family: "Roboto Condensed", sans-serif;
  font-size: 22px;
  color: #fff !important;
  font-weight: bold;
  position: relative;
  }
  
  .footerWidget h3 span {
  position: relative;
  z-index: 1;
  padding: 0 10px 0 0px;
  background: #4487ad;
  display: inline-block;
  font-weight: 300;
  text-align: left;
  }
  
  .lined-footer {
  position: relative;
  margin-top: 0;
  margin-bottom: 15px;
  text-align:left;
  display: block;
  }
  
  .lined-footer:before {
  position: absolute;
  top: 50%;
  z-index: 1;
  display: block;
  width: 100%;
  height: 1px;
  border-top: 1px solid #fff;
  content: "";
  }
  
  .footerLi {
    padding:0;
    font-family: 'Roboto', sans-serif !important;
    font-size:15px; 
    color:#fff;
  }
  .footerLi ul {
    padding:0 0 0px 0; 
    margin:0;
  }
  .footerLi li {
    color:#fff;
    text-decoration:none;
    font-size:15px;
    list-style:none; 
    background:url(../img/arrow_li.gif) top left no-repeat; 
    padding:4px 0 4px 10px; 
    margin:0px 10px 0px 0px; 
    line-height:20px;
  }
  .footerLi li a{
    font-size:15px;
    font-weight: 300;
    color:#fff;
    text-decoration:none;
  }
  .footerLi li a:hover{
    color:#ffd100;
    text-decoration:none;
  }
  
  .footerBottom{
    width: 100%;
    background-color: #fff;
    padding: 5px 0 5px 0;
  }
  .copyright{
    font-size: 12px;
    color: #777;
    line-height: 24px;
  }
  
  .design {
    font-size: 12px;
    color: #30312e;
    line-height: 24px;
    text-align: right;
    background-image:url(../images/bedicreative.jpg);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 27px;
  }
  .design a {
    color: #30312e !important;
    
  
    height:35px;
  }
  
  .design:hover {
    font-size: 12px;
    color: #30312e;
    line-height: 24px;
    text-align: right;
    background-image:url(../images/bedicreative-hover.jpg);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 27px;
    transition:all 0.4s ease-in-out;
  }
  
  
  .footer-text{ color: #fff;
  margin-top: 15px;
  font-weight: 300;}
  
  
  .fIcon{
    width: 25px;
    height: 25px;
    background-color: #fff;
    line-height: 25px;
    text-align: center;
    color: #4487ad;
    opacity: 1;
    border-radius:25px;
    font-size:15px;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    -ms-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
  }
  .fIcon:hover {
    background-color: #32488a;
    color: #fff;
  }
  .IIcon {
    width: 25px;
    height: 25px;
    background-color: #fff;
    line-height: 25px;
    text-align: center;
    color: #4487ad;
    opacity: 1;
    border-radius:25px;
    font-size:15px;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    -ms-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
    margin-left: 6px;
  }
  .IIcon:hover {
    background-color: #a73d9f;
    color: #fff;
  }
  .tIcon {
    width: 25px;
    height: 25px;
    background-color: #fff;
    line-height: 25px;
    text-align: center;
    color: #4487ad;
    opacity: 1;
    border-radius:25px;
    font-size:15px;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    -ms-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
    margin-left: 6px;
  }
  .tIcon:hover {
    background-color: #25baf4;
    color: #fff;
  }
  .inIcon {
    width: 25px;
    height: 25px;
    background-color: #fff;
    line-height: 25px;
    text-align: center;
    color: #4487ad;
    opacity: 1;
    border-radius:25px;
    font-size:15px;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    -ms-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
    margin-left: 10px;
  }
  .inIcon:hover {
    background-color: #3396b3;
    color: #fff;
  }
  .gIcon {
    width: 25px;
    height: 25px;
    background-color: #fff;
    line-height: 25px;
    text-align: center;
    color: #4487ad;
    opacity: 1;
    border-radius:25px;
    font-size:15px;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    -ms-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
    margin-left: 10px;
  }
  .gIcon:hover {
    background-color: #d64d29;
    color: #fff;
  }
  .yIcon {
    width: 25px;
    height: 25px;
    background-color: #fff;
    line-height: 25px;
    text-align: center;
    color: #4487ad;
    opacity: 1;
    border-radius:25px;
    font-size:15px;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    -ms-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
    margin-left: 10px;
  }
  .yIcon:hover {
    background-color: #db0701;
    color: #fff;
  }
  
  .btn {
    display:inline-block;
    padding:6px 12px;
    margin-bottom:0;
    font-size:14px;
    font-weight:400;
    line-height:1.42857143;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-image:none;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
.btn:hover, .btn:focus {
    color:#333;
    text-decoration:none
}
.btn:active, .btn.active {
    background-image:none;
    outline:0;
    -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125)
}

  .btn-info {
    color:#000;
    background-color:#ffd100;
    border-color:#46b8da;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
    color:#000;
    background-color:#e5bc02;
    border-color:#269abc
}

.news {margin-top:20px;}
.news h4 { color:#FFF; font-size:16px; font-weight: 300; margin-block: 10px;}
.news .input-group .input-group-addon { border: transparent; }
.gh {background-color:#ffd100 !important; color:#000; font-weight:400;}

.jh {margin-top:30px;}
.jh h4 { color:#FFF; font-size:16px; font-weight: 300;}


/* start new header */
.new-content-title{
  font-size: 22px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
.new-content-title i{
  color: #4487ad;
  padding-left: 10px;
  font-size: 18px;
}

.footerMarg a {
    display: inline-block;
}
.footerMarg a i {
    font: normal normal normal 14px/1 FontAwesome !important;
}

.rec-bg .owl-nav {
    position: absolute;
    top: calc(50% - 25px);
    left: 0;
    right: 0;
}
.rec-bg .owl-nav button {
    background: #222222 !important;
    border: 4px solid #FFFFFF !important;
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    width: 40px;
    font-size: 10px !important;
    color: #fff !important;
    opacity: .5;
}
.rec-bg .owl-nav button.owl-next { float: right; }

.owl-carousel { margin-bottom: 30px; }
.owl-carousel .single-media .thumbnail img {
    border: 1px solid #ccc;
    width: 100%;
    margin-inline: auto;
    object-fit: contain;
}

.footerWidget img {
    width: 100%;
}