/*
Template Name: vacayhome
File Name: style.css
Author Name: ThemeVault
Author URI: http://www.themevault.net/
License URI: http://www.themevault.net/license/
*/

/*@import url('https://fonts.googleapis.com/css?family=Cabin:400,500,600,700');*/
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
body {
    background-color: #fff;
    color: #2b2b2b;
    /*font-family: 'Cabin', sans-serif;*/
      font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 16px;
    min-width: 320px;
    /*overflow: hidden;*/
    width: 100%;
}
* {
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6,p{
     font-family: 'Lato', sans-serif;
    margin: 0
}

html, html a {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	     font-family: 'Lato', sans-serif;

}
a, button {
    text-decoration: none;
    cursor: pointer;
}
a{
    color: #2b2b2b;
}
a, a:hover, a:focus, button:hover, button:focus {
    outline: 0 none !important;
    text-decoration: none;
}
a:focus ,a:hover{
    color: #0e76bc;
}
ul{
    margin: 0;
    padding: 0;
	     font-family: 'Lato', sans-serif;
	    
}
#page{
    overflow: hidden;
}
.remove-padd{
    padding-left: 0;
    padding-right: 0;
}
.offspace-15{
    margin-top: 15px;
}
.offspace-45{
    margin-top: 45px;
}
/*top header*/
.top-header {
    background: #000 none repeat scroll 0 0;
    padding: 12px 0;
}
.social-grid li a {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    text-align: center;
	
}
.social-grid li a:hover{
    color: #0e76bc;
}
.social-grid li + li{
    margin-left: 25px;
}
.info-block{
    color: #fff;
}
.info-block .fa {
    margin-right: 15px;
}
/*navbar*/
.navbar-default {
    background-color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
}
.navbar{
    min-height: 35px;
    margin-bottom: 0;
	margin-left:50px;
}
.navigation .nav1 li {
    display: inline;
    position: relative;
}
/*.navigation .nav1 li a {
    color: #000;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}*/

/*carousel*/
#myCarousel1 .carousel-caption {
    bottom: auto;
    color: #fff;
    left: 50%;
    position: absolute;
    right: auto;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 0;
}
#myCarousel1 .carousel-caption h1 {
    color: #fff;
    font-family:'Lato', sans-serif;
    font-size: 40px;
    

    text-transform: capitalize;
}

/*common*/
.service-block, .gallery-block, .vacation1-offer-block,.vacation-offer-block, .resort-overview-block, .blog-block, .blog-block-slider, .about-block, .contact-block, .blog{
    padding: 30px 0 0 0;
}

/*social link*/
.social-grid ul li{
    display: inline;
}
.top-row{
    padding: 10px 0;
}
 
#logo > a {
    color: #0e76bc;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0px;
	 
}
#logo > a span {
    color: #000;
    font-size: 30px;
}
.book-now-btn {
    background: #fa3a3f none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    padding: 10px 15px;
    text-transform: uppercase;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:0px;
	border-radius:15px;
	 
	
}
.book-now-btn:hover, .vacation-offer-details .btn.btn-default:hover{
    background: #000;
}
.book-now-btn1 {
    background: #fa3a3f none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    padding: 10px 5px;
    text-transform: uppercase;
	margin-top:16px;
	margin-bottom:5px;
	margin-left:10px;
	border-radius:15px;
	
}
.book-now-btn1:hover, .vacation-offer-details .btn.btn-default:hover{
    background: #000;
}

.cl-effect-10 a::before, .cl-effect-10 a.active::before {
    background: #0e76bc;
    color: #fff;
    content: attr(data-hover);
    height: 100%;
    left: 0;
    padding: 10px 15px;
    position: absolute;
    top: 0;
    transition: transform 0.3s ease 0s;
    width: 100%;
    z-index: -1;
}
.cl-effect-10 a.active::before{
    z-index: 1;

}
.cl-effect-10 a:hover span, .cl-effect-10 a:focus span {
    transform: translateX(100%);
}
.cl-effect-10 a:hover::before, .cl-effect-10 a:focus::before {
    transform: translateX(0%);
}
.cl-effect-10 a.active{
    color: #ff;
}
.cl-effect-10 {
    position: relative;
    z-index: 1;
}
.cl-effect-10 a {
    overflow: hidden;
    color: #000;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    /*margin: 15px 25px;*/
    outline: none;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}
.cl-effect-10 a span {
    background: #fff none repeat scroll 0 0;
    display: block;
    padding: 10px 15px;
    transition: transform 0.3s ease 0s;
}
/*service block*/
.service-image {
    border: 2px solid #ddd;
    border-radius: 50%;
    display: inline-block;
    padding: 35px;
    background: #ddd;
}
.service-details h4 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-top: 25px;
    text-transform: uppercase;
}
.gallery-front .gallery-image {
    position: relative;
    max-width: 263px;
    margin-right: auto;
    margin-left: auto;
}
.instagram-images .gallery-image{
    max-width: 171px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.gallery-image .overlay {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all 0.4s ease-in-out 0s;
    width: 100%;
}
.gallery-image:hover .overlay {
    opacity: 1;
}
.gallery-image:hover p {
    bottom: 50px;
}
.overlay .info > i {
    color: #fff;
    font-size: 25px;
}
/*.gallery-image a.info {
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 22px;
    font-weight: 600;
    height: 100%;
    justify-content: center;
    letter-spacing: 5px;
    opacity: 1;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out 0s;
    width: 100%;
}*/
.gallery-image img {
    margin-left: auto;
    margin-right: auto;
}
.gallery-image a.info {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    left: 50%;
    letter-spacing: 5px;
    opacity: 1;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.2s ease-in-out 0s;
}
.gallery-image a.info:hover, .gallery-image a.info > i:hover{
    color: #e01931;
}
.overlay p {
    bottom: 0;
    font-size: 17px;
    font-weight: 600;
    left: 25%;
    letter-spacing: 2px;
    position: absolute;
    text-transform: uppercase;
    transition: bottom 0.9s ease 0s;
}
.overlay p a{
    color: #fff;
}
.overlay p a:hover{
    color: #0e76bc;
}
.vacation-offer-bgbanner {
    background: rgba(0, 0, 0, 0) url("../images/vacation-banner.png") no-repeat scroll center center / cover ;
    color: #fff;
    position: relative;
    padding: 65px;
}
.vacation-offer-bgbanner::before {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: -50%;
    position: absolute;
    top: 0;
    transform: skewX(-30deg);
    width: 100%;
}
.vacation-offer-details > h1 {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.vacation-offer-details .btn.btn-default {
    background: #0e76bc none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
    margin-top: 35px;
    padding: 8px 12px;
    text-shadow: 0 0 0;
    text-transform: capitalize;
}



.vacation1-offer-bgbanner {
    background: rgba(0, 0, 0, 0) url("../images/vacation-banner1.png") no-repeat scroll center center / cover ;
    color: #fff;
    position: relative;
    padding: 65px;
}
.vacation1-offer-bgbanner::before {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
	left:0;
     color: #fff;
    width: 100%;
}
.vacation1-offer-details > h1 {
    font-size: 20px;
    
    letter-spacing: 3px;
    margin-bottom: 25px;
	width: 100%;
	color:#FFFFFF;
	text-align:center;
	line-height:25px;
	
    
}
.vacation1-offer-details .btn.btn-default {
    background: #0e76bc none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
    margin-top: 35px;
    padding: 8px 12px;
    text-shadow: 0 0 0;
    text-transform: capitalize;
}
.side-A{
    float: left;
    width: 50%;
}
.side-B{
    float: right;
    width: 50%;
}
.image img {
    margin-left: auto;
    margin-right: auto;
}
.product-desc-side {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    height: 278px;
    justify-content: center;
    letter-spacing: 0.5px;
    line-height: 20px;
    padding: 0 0 0 30px;
    text-align: left;
}
.product-desc-side h3 {
    border-bottom: 1px dashed #ddd;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 2px;
    padding-bottom: 10px;
    position: relative;
    text-transform: uppercase;
}
.product-desc-side h3::before {
    background: #0e76bc;
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 35px;
    transition: width 0.9s;
}
.product-desc-side:hover h3:before{
    width: 100%;
}
.product-desc-side > p {
    margin: 22px 0;
}
.links > a , .event-blog-details a.btn-default{
    border: 1px solid;
    display: inline-block;
    padding: 6px 8px;
    text-transform: uppercase;
    border-radius: 0;
	
}
.links > a:hover, .event-blog-details a.btn-default:hover{
    background: #0e76bc;
    border-color: #0e76bc;
    color: #fff;
}
.side-A .product-desc-side {
    padding: 0;
}
/*blog event block*/
.event-blog-details > h4 {
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.event-blog-details > p {
    font-size: 14.5px;
    letter-spacing: 1px;
    line-height: 23px;
    margin: 21px 0;
}
.event-blog-details h5 {
    color: #000;
    font-size: 14.5px;
    letter-spacing: 1px;
}
.event-blog-details h5 > a {
    margin-left: 5px;
}
.event-blog-details h5 a i {
    margin: 0 10px;
}
/*footer*/
footer {
    background: #162541 none repeat scroll 0 0;
	background-image:url(../images/footerbg.jpg);
	background-repeat:repeat;
    color: #ddd !important;
    margin-top: 70px;
    padding: 50px 0 20px;
	border-top:3px solid #c01b21;
}
.footer-details > h4 {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #fff;
	 
}
footer a{
    color: #fff;
	font-size:13px;
}
.footer-contact-list i {
    color: #0e76bc;
    float: left;
    margin-right: 10px;
}
.footer-contact-list p {
    overflow: hidden;
    line-height: 21px;
}
.footer-contact-list li {
    font-size: 14.5px;
    letter-spacing: 1px;
}
.footer-contact-list li + li {
    margin-top: 15px;
}
.footer-links li + li{
    margin-top: 15px;
}
.footer-links li {
    font-size: 14.5px;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.footer-links li.active a{
    color: #0e76bc;
}
.footer-social-icon {
    margin-top: 15px;
}
.footer-social-icon > a {
    border: 1px solid;
    display: inline-block;
    font-size: 16px;
    height: 28px;
    text-align: center;
    width: 28px;
}
.footer-social-icon > a i {
    line-height: 26px;
}
.footer-social-icon > a + a {
    margin-left: 10px;
}
#subscribe{
    margin-top: 40px;
}
#subscribe input {
    border: 1px solid;
    border-radius: 0;
    border-right: 0;
    box-shadow: none;
}
.btn.subscribe-button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: #333;
    border-image: none;
    border-radius: 0;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    color: #0e76bc;
    background: #fff;
}
/*blog slider*/
.blog-box {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    padding: 45px 110px;
    border-radius: 15px 15px 0 0;
}
.blog-box p::before {
    content: url("../images/icons/left-quotes-sign.png");
    left: 0;
    position: absolute;
    top: 0;
}
.blog-box p::after {
    content: url("../images/icons/left-quotes-sign.png");
    right: 0;
    position: absolute;
    bottom:  0;
    transform: scaleX(-1);
}
.blog-box > p {
    padding: 0 40px;
    position: relative;
}
.blog-box > p {
    font-size: 18px;
    font-style: italic;
    letter-spacing: 2px;
    line-height: 30px;
    padding: 0 40px;
    position: relative;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.blog-view-box {
    background: #0e76bc none repeat scroll 0 0;
    border-radius: 15px;
    color: #fff;
    margin-top: -15px;
    padding: 15px 110px;
}
.blog-view-box .media-body {
    vertical-align: middle;
}
.blog-view-box .media-body h3 {
    font-weight: 600;
    letter-spacing: 1px;
}
.blog-rev {
    font-size: 15px;
    letter-spacing: 1px;
}
/*carousel*/
.carousel-control.left, .carousel-control.right {
    background-image: none;
}
.carousel-control {
    opacity: 1;
}
#myCarousel2 .carousel-indicators li {
    background-color: #000;
    border: 1px solid #000;
    width: 140px;
}
#myCarousel2 .carousel-indicators .active {
    background-color: #0e76bc;
    border-color: #0e76bc;
    width: 140px;
}
#myCarousel2 .carousel-indicators {
    bottom: -55px;
}
#myCarousel2 .carousel-indicators li + li {
    margin-left: 15px;
}
.carousel-control {
    top: 50%;
}
.carousel-control:focus, .carousel-control:hover {
    opacity: 1;
}
#myCarousel1 .carousel-indicators .active{
    background: #0e76bc;
    border-color: #0e76bc;
}
/*back to top*/
#modal-dialog {
	  z-index: 99999;
}
#back-to-top {
    background: #0e76bc;
    bottom: 40px;
    color: #fff;
    padding: 10px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 9999;
    font-weight: 600;
    letter-spacing: 1px;
}
#back-to-top:hover{
    background: #c01b21;
}
#back-to-top > span {
    display: block;
}
/*navbar toggle*/
.navbar-toggle {
    background: #000;
    border: medium none;
    border-radius: 0;
    margin-top: -36px;
}
.navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: #0e76bc !important;
}
.navbar-default .navbar-toggle .icon-bar{
    background-color: #fff;
}
/*copyright*/
.copyright {
    font-size: 13px;
    letter-spacing: 1px;
    
    text-align: center;
	background-color:#000000;
	width:100%;
	padding-bottom:10px;
	padding-top:10px;
	color:#FFFFFF;
}
.copyright > a{
    color: #0e76bc;
    font-weight: 600;
    font-size: 13px;
}
.copyright > a:hover{
    color: #fff;
}
/*rooms page*/
.bg-set-col{
    background: rgba(0,0,0,0.25);
    padding: 50px 0;
}
/*about page*/
.about-left p {
    color: #000000;
    font-size: 45px;
    font-weight: 100;
    line-height: 40px;
    text-transform: uppercase;
    width: 76%;
}
.about-right h3 {
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 15px;
}
.about-right > p {
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 22px;
    margin-bottom: 15px;
}
.about-right li {
    position: relative;
    font-size: 14.8px;
    font-weight: 500;
    line-height: 30px;
    padding-left: 15px;
}

.about-right li:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
      font-family: 'Lato', sans-serif;
    color: #0e76bc;
    font-weight: 600;
}
.about-right span {
    color: #000;
    display: block;
    font-size: 20px;
    line-height: 24px;
    margin-top: 20px;
}
/*contact*/
/*contact*/
.contact-left-block > h3 , .contact-form > h3{
    color: #000;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 14px;
    text-transform: capitalize;
}
.contact-left-block > h3 > span, .contact-form > h3 > span{
    color: #0e76bc;
}
.contact-left-block > p {
    color: #000;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 20px;
    margin-bottom: 15px;
}
.contact-left-block > p i {
    background: #0e76bc none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    height: 30px;
    line-height: 28px;
    text-align: center;
    width: 30px;
    font-size: 14px;
}
.contact-form form {
    margin-top: 15px;
}
.contact-form form .form-control {
    margin-bottom: 15px;
}
.form-control {
    border-radius: 0;
}
.submit-btn, .read-more-btn {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 15px;
    padding: 6px 15px;
    text-transform: uppercase;
}
.submit-btn:hover, .read-more-btn:hover{
    background: #0e76bc;
    border-color: #0e76bc;
    color: #fff;
}
.contact-form form textarea{
    min-height: 140px;
}
.offspace-70{
    margin-top: 30px;
}
.hover-effect .gallery-image-list:hover img, .hover-effect .grid-item:hover img {
    animation: 1.5s ease 0s normal none 1 running flash;
    opacity: 0.6;
}
/*dinning*/
.blog-title-head {
    font-size: 25px;
    letter-spacing: 2px;
    margin: 0px 0 15px 0;
}
.blog-title-head > a{
    color: #000;

}
.blog-title-head > a:hover{

}
.blog-date {
    color: #000;
    font-size: 18px;
    letter-spacing: 1px;
    margin: 0;
}
.blog-desc {
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 30px;
    margin: 40px 0;
    text-align: justify;
	   font-family: 'Lato', sans-serif;
}
.user-info{
    margin-bottom: 15px;
}
.user-info > a{
    color: #0e76bc;
}
.user-info > a:hover{
    color: #333;
}
.comment-form input, .comment-form textArea {
    margin-top: 15px;
}
.comment-form textArea{
    height: 140px;
}
.blog-list h4, .blog-list1 h4 {
    border-bottom: 2px solid #0e76bc;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 25px;
    margin-top: 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.blog-list ul li {
    border-bottom: 1px dashed #ddd;
    list-style: outside none none;
}
.blog-list li a {
    display: block;
    font-size: 14px;
    margin: 12px 0;
}
.blog-list li i {
    margin-right: 5px;
}
.blog-text p{
    margin-top: 15px;
}
.blog-text .link {
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.offspace-30{
    margin-top: 30px;
}
/*single page image*/
.image-head-wrapper {
    background: rgba(0, 0, 0, 0) url("../images/inner-banner.png") no-repeat scroll center top;
    height: 350px;
    position: relative;
	
}
.inner-wrapper {
    color: #fff;
    left: 70%;
    position: relative;
    
    text-transform: uppercase;
    top: 50%;
    transform: translate(-70%, -70%);
    width: 60%;
	
}
.inner-wrapper h1{
      font-family: 'Lato', sans-serif;
	  color:#000000;
	  text-align: left;
	  
}

/*instafeed images*/
#instafeed .likes {
    background: rgba(255,68,87, 0.8) none repeat scroll 0 0;
    color: #ffffff;
    display: flex;
    flex-direction: column;
      font-family: 'Lato', sans-serif;
    font-size: 1em;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: 0 1px rgba(0, 0, 0, 0.5);
    top: 0;
    transition: opacity 100ms ease 0s;
    width: 100%;
}
#instafeed a img{
    max-width: 100%;
}
.insta-image {
    max-width: 150px;
    position: relative;
}

#instafeed a:hover .likes {
    opacity:1;
}

.animated.flipInX {
    display: block;
    position: relative;
}
#instafeed > div:nth-last-child(-n+3) {
    margin-top: 15px;
}

#toplogo{
 
background-repeat:no-repeat;
margin-top:31px;
width:282px;
height:89px;
position:absolute;
 
z-index:999;

}

#popup {
    display:none;
    width: auto;
    height: auto;
    position:absolute;
    margin:0 auto;
    z-index:999999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 50px 2px #000;
}

.icon-bar {
  position: fixed;
  top: 50%;
  z-index:9999999;
  transform: translateY(-50%);
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}

.content {
  margin-left: 75px;
  font-size: 30px;
}

#mainlogo{
width:auto;
height:50px;
float:right;
}

.innerlink a{

background:#0e76bc;
height:40px;
width:auto;
padding:10px 10px 10px 10px;
color:#FFFFFF;
text-decoration:none;}

.innerlink a:hover{

background:#000;
height:40px;
width:auto;
padding:10px 10px 10px 10px;
color:#FFFFFF;
text-decoration:none;}
.button {
  background-color: #4CAF50; /*#4CAF50; Green */
  border: none;
  color: white;
  padding: 20px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}


/* new menu start*/
ul.tabs li {
    background-color: #f5f5f5!important;
    color: #222;
    display: inline-block;
    padding: 10px 33.5px!important;
    cursor: pointer;
    border: 1px solid#eee;
    font-size: 13px;
    font-weight: 700;
}

  ul.tabs li.current {
    background: #ffffff!important;
    color: #fa394a;
    border-top: 2px solid#fa394a;
    border-bottom: 0;
}  

.tab-content{
	background: #fff!important;
}
  .course-details-1x .course-details-sidebar .course-feature ul {
    margin: 0 0px 0px 0px!important;
}
    
    .course-details-1x .course-details-sidebar .course-feature ul li{
        line-height: 35px!important;
        font-size: 13px;
    }
    
    .course-details-1x .course-details-sidebar .course-feature ul li a{
       color:#000 !important;
       display:block;
    }
    
    .course-details-1x .course-details-sidebar .course-feature ul li:hover {
        background-color: #1d3955!important;
         color: #fff!important;
      
    }
    
     .course-details-1x .course-details-sidebar .course-feature ul li a:hover {
       background-color: #1d3955!important;
        color: #fff!important;
      
    }
    
  
    .feature-sec:hover i {
    transform: rotate(360deg);
}
   
  .feature-down i {
    transition: 0.5s;
}

.feature-sec p {
    margin-top: 5px;
    font-size: 14px;
    color: #5c6873;
}

  .col-md-3 .course-details-1x {
    padding: 0;
}

ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		ul.tabs li{
			background: none;
			color: #222;
			display: inline-block;
			padding: 10px 15px;
			cursor: pointer;
		}

		ul.tabs li.current{
			background: #ededed;
			color: #222;
		}

		.tab-content{
			display: none;
			background: #ededed;
			padding: 15px;
		}

		.tab-content.current{
			display: inherit;
		}
		.page_banner{
		    margin-top: 118px;
		}



@font-face{font-family:Pacifico;font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2) format('woff2');font-display:swap}html{scroll-behavior:smooth}body{font-family:Roboto,sans-serif}.opjs-icon{padding-top:10px}.opjs-contact-info h4{text-align:left;font-size:17px;line-height:21px;color:#034179;margin-bottom:4px;padding-top:1px}.alert{position:fixed;right:32px;bottom:53px;z-index:999}.opjs-contact-info a{color:#034179;margin-top:5px;display:block;text-decoration:underline}.opjs-contact-info h4 a{text-decoration:none}.opjs-contact-info h5 a{margin-top:0;margin-bottom:0;font-size:16px;color:#659b1d;text-decoration:none}.opjs-contact-info h5{text-align:left;margin:0;font-size:13px;color:#504c4c}.navbar{margin-bottom:0;background:#034179;border-radius:unset;border:none;box-shadow:0 0 5px rgba(0,0,0,.38)}.dropdown-menu>li>a{display:block;padding:10px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.navbar-default .navbar-nav>li>a{color:#fff;font-size:15px}.nav>li>a{padding:15px 17px}.navbar-default .navbar-nav>li>a:hover{color:#fff}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar li{padding:0 2px}.dropdown-menu li{border-bottom:solid 1px #d1d1d1}.dropdown-menu li:last-child{border-bottom:none}.glyphicon-chevron-left:before{content:"\e079";display:none}.glyphicon-chevron-right:before{content:"\e080";display:none}.carousel-control.right{background-image:none}.carousel-control.left{background-image:none}.opjs_over{float:right;width:30%;color:#fff;background:#000000d1;color:#fff;padding:30px;height:100%;padding-top:22px}.opjs_over h2{margin-top:-5px;font-size:15px;color:#fff;margin-bottom:18px}.banner{position:relative}.overlay{position:absolute;left:0;z-index:3;right:0;width:100%;height:100%;top:0;background:#03417936}.opjs_slider{background-position:center;background-size:cover;height:430px;background-repeat:no-repeat}.opjs-topnav p{padding-top:5px;margin-bottom:5px;font-size:15px}.opjs-right-contact{padding-top:2px}.top_bar{background:#034179;color:#fff;padding:5px}.opjs-logo{margin-top:7px;margin-bottom:7px}.opjs-contact-info img{float:left;border-radius:4px;margin-right:10px}.opjs-top-info li{display:inline-block;padding:5px 0;font-size:15px;margin-left:21px}.opjs-top-info li a{color:#fff}.opjs-top-info ul{margin:0;float:right}.announcements{background:#1f73b7;padding:10 10px}.announcements h4{font-size:13px;text-align:center;color:#fff;text-transform:uppercase}.opjs_marquee{padding-top:20px;font-size:14px;font-weight:600;letter-spacing:1px}.opjs_marquee a{text-decoration:none;color:#3a3a3a}.opjs_reasearch{text-align:center}.opjs_reasearch a{text-decoration:none}.opjs_reasearch p span{color:#c2f93e}.opjs_reasearch p{margin-top:10px;font-size:18px;color:#fff;text-transform:uppercase;margin-bottom:0}.opjs_reasearch img{margin-bottom:5px}.opjs_user p{position:absolute;bottom:0;background:#000000d1;background:#;padding:10px;text-align:center;font-size:15px;color:#fff;margin-top:5px;margin-bottom:0;width:100%}.opjs_announcment{background-color: #e8630a;box-shadow:0 0 1px 1px #8e8e8e}.opjs_commitments{background-color:#034179;padding:40px 0 50px 0;border-bottom:7px solid #b54b04}.opjs_user{position:relative;margin-bottom:10px}.fixed{position:fixed;top:0;width:100%;left:0;z-index:99;box-shadow:0 0 5px 5px rgba(0,0,1,.27);right:0}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#fff;background-color:#034179}.opjs_genuine h2{text-align:center;font-size:29px;color:#fff;margin-top:0;letter-spacing:2.5px;text-transform:uppercase}.opjs_headingFull{margin-top:0;margin-bottom:55px;color:#ffefe4;text-align:center;font-size:17px;font-weight:100;text-transform:uppercase;letter-spacing:2.5px}.opjs-logo img{padding:5px 0}.opjs_study_area_title h2{font-size:29px;margin-top:0}.area_list{margin-top:10px}.opjs_study_area_title p{text-align:center;font-size:13px;margin:0 auto;margin-bottom:30px;width:70%}.opjs_study_section{padding:50px 0 30 0}.opjs_title_color{color:#034179}.opjs_title_color1{color:#ea660d}.opjs_area{padding:0}.study_area p{padding-top:15px;font-size:14px;color:#2c292a;line-height:18px}.opjs_study_area_over:hover{color:#fff}.opjs_study_area_over a{text-decoration:none;color:#000}.carousel-caption{position:absolute;right:0;top:0;bottom:0;left:71%;z-index:10;padding-top:0;padding-bottom:0;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.news_marquee{height:95%}.news_marquee li a{color:#fff;text-decoration:none;line-height:23px;font-size:13px;margin-bottom:9px}.news_marquee ul{padding-left:20px}.dropdown-menu>li.kopie>a{padding-left:5px}.dropdown-submenu{position:relative}.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px}.dropdown-submenu>a:after{border-color:transparent transparent transparent #333;border-style:solid;border-width:5px 0 5px 5px;content:" ";display:block;float:right;height:0;margin-right:-10px;margin-top:5px;width:0}.dropdown-submenu:hover>a:after{border-left-color:#555}.dropdown-menu>.active>a:hover,.dropdown-menu>li>a:hover{text-decoration:none}@media (max-width:767px){.navbar-nav{display:inline}.navbar-default .navbar-brand{display:inline}.navbar-default .navbar-toggle .icon-bar{background-color:#fff}.navbar-default .navbar-nav .dropdown-menu>li>a{color:red;background-color:#ccc;border-radius:4px;margin-top:2px}.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#333}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{background-color:#ccc}.navbar-nav .open .dropdown-menu{border-bottom:1px solid #fff;border-radius:0}.dropdown-menu{padding-left:10px}.dropdown-menu .dropdown-menu{padding-left:20px}.dropdown-menu .dropdown-menu .dropdown-menu{padding-left:30px}li.dropdown.open{border:0 solid red}}@media (min-width:768px){ul.nav li:hover>ul.dropdown-menu{display:block}#navbar{text-align:center}}.drop_scroll{overflow-y:auto;height:415px;scroll-behavior:smooth}.navbar-nav>li>.dropdown-menu{transition:ease-out .3s}.study_area_img{background-position:center;background-size:cover;height:100px;background-repeat:no-repeat}.opjs_study_area_over{box-shadow:0 0 2px 0 rgba(0,0,1,.27);position:relative;text-align:center;padding:15px;height:145px;background:#fff;border-radius:3px}.opjs_news img{width:100%;margin-bottom:10px}.opjs_news_text{background:#034179;padding:10px 0 10px 20px;min-height:50px;border-bottom:1px dashed #fff}.opjs_study_margin{margin-bottom:20px}.opjs_news_text1{background:#034179;padding:10px 0 10px 20px;min-height:50px;border-bottom:1px dashed #fff}.opjs_news_text2{background:#034179;padding:10px 0 10px 20px;min-height:50px;border-bottom:1px dashed #fff}.opjs_news_text3{background:#034179;padding:10px 0 10px 20px;min-height:50px;margin-bottom:10px;border-left:5px solid #d9392d}.opjs_news_text h4{letter-spacing:.4px;margin-top:0;color:#fff;margin-bottom:3px;font-size:14px}.opjs_news_text1 h4{margin-top:0;color:#fff;margin-bottom:0;font-size:15px}.opjs_news_text2 h4{margin-top:0;color:#fff;margin-bottom:0;font-size:15px}.no_border{border:none}.opjs_news_text3 h4{margin-top:0;color:#fff;margin-bottom:0;font-size:15px}.opjs_news_text1 p{margin-bottom:0;color:#fff}.opjs_news_text2 p{margin-bottom:0;color:#fff}.opjs_news_text3 p{margin-bottom:0;color:#fff}.opjs_news_text p{margin-bottom:0;color:#fff;font-size:12px}.opjs_news_text a{text-decoration:none}.opjs_news_text1 a{text-decoration:none}.opjs_news_text2 a{text-decoration:none}.opjs_news_text3 a{text-decoration:none}.opjs_quick_link ul{padding:0;list-style:none}.opjs_footer h2{font-size:15px;color:#fff;margin-top:0;letter-spacing:.5px}.opjs_quicken li a{text-decoration:none;font-size:14px;color:#f1f1f1}.opjs_quicken li{padding:10px 0}.opjs_footer_menu{padding:0}.footer{background:#034179;padding:50px 0}.opjs_quicken ul{padding:0;list-style:none}.opjs_quicken li{padding:10px 0}.opjs_quicken p{color:#f1f1f1;font-size:13px}.opjs_quicken h5{color:#f1f1f1;font-size:13px}.opjs_quicken h5 a{color:#f1f1f1;font-size:13px;text-decoration:none}.opjs_footer hr{border-top:1px solid #cac8c8}.bottom_footer p{margin:0;text-align:center;padding:15px 0;color:#f1f1f1;font-size:13px}.bottom_footer p a{text-decoration:none;color:#f1f1f1}.bottom_footer{background:#05335d}.opjs_footer_social li{float:left;display:inline;margin-right:7px}.opjs_list_active{background-color:#e8630a}.opjs_footer_social li a i{font-size:14px;width:31px;height:31px;text-align:center;border:2px solid #f1efef;border-radius:20px;padding:7px;color:#e0dede}.opjs_footer_social h4{color:#f2f3f5;margin-bottom:3px;font-size:15px;margin-top:20px}.opjs_note_section{background:#f5f5f5}.title_phd h4{background:#ea660d;padding:20px;font-size:14px;margin:0;color:#fff;letter-spacing:.5px}.opjs_note_section ul{padding:10px 5px 10px 23px;margin-bottom:15px}.divider_set{margin-top:15px;margin-bottom:15px}.our_commitments a{float:right;text-decoration:none;color:#f3f3f3;background:#034179;padding:6px 15px;border-radius:3px}.news_marquee li{margin-bottom:10px}.our_commitments li{font-size:14px;margin-bottom:10px}.opjs_before:before{content:'';position:absolute;left:80%;top:35px;width:45%;border-bottom:1px solid #bdc3c7}.our_facilities{background-position:center;background-size:cover}.opjs_facilities{text-align:center}.opjs_facilities a{text-decoration:none}.opjs_facilities p{font-size:15px;padding-top:20px;color:#fff;margin-bottom:0}.our_facilities_overlay{padding:50px 0;background:#000000d6}.opjs_main_facilities h2{text-align:center;color:#ffff;margin-top:0;text-transform:uppercase;letter-spacing:2.5px}.opjs_main_facilities h2 span{color:#ea660d}.newsletter_box{height:50px;width:100%;background:#00000091;border:1px solid #000;border:1px solid #ea660d;color:#fff;padding-left:16px;font-size:19px;font-weight:400;padding-bottom:6px}.submit_btn{text-transform:uppercase;height:50px;background:#ea660d;width:100%;margin-top:10px;color:#fff;border:none;font-size:17px}.opjs_our_facilities{text-align:center;margin:0 auto;float:none}.opjs_main_facilities p{text-align:center;margin-bottom:25px;font-size:17px;color:#fff;letter-spacing:1.5px;width:50%;margin:0 auto;margin-bottom:25px}.opjs_ccWrapper{height:200px;background-size:cover;background-position:center}.opjs_ccWrapperOverlay{height:200px;background-color:#03417954}.opjs_ccWrapperOverlay h1{font-size:30px}.opjs_ccWrapper h1{padding-top:95px;text-transform:uppercase;color:#fff;letter-spacing:.5px}.opjs_ccWrapper p{color:#fff;font-size:16px}.opjs_ccWrapper a{color:#fff;text-decoration:none;font-size:16px}.opjs_about{padding:35px 0}.opjs_about p{line-height:26px;font-size:15px;color:#403f3f}.opjs_about h3{text-transform:uppercase;color:#034179}.study_area_icon p{font-size:14px;color:#383131;margin-top:11px;line-height:16px;margin-bottom:0}.opjs_currentpageactive{color:#e8630a}.opjs_currentpageactive a:hover{text-decoration:none}.opjs_menus{list-style:none;margin:0;padding:0!important}.opjs_menus li{padding:15px 15px;border-bottom:1px solid #dadcde;box-shadow:0 1px 0 rgba(255,255,255,.5)}.opjs_menus li:last-child{border-bottom:none}.opjs_menus li a:hover{text-decoration:none}.opjs_menus li a{text-decoration:none!important;display:block;color:#3a3939}.header_box td{background:#034179;color:#fff}.header_box td{letter-spacing:.4px}.opjs_bord_mang table td,.opjs_bord_mang table th{border:1px solid #ecedf1;padding:10px 9px;text-align:left;transition:background .3s;line-height:23px;-webkit-transition:background .3s;-moz-transition:background .3s;font-size:14px}.slides img{width:100%;margin-top:20px}.study_area_icon i{text-align:center;font-size:47px}.study_area_icon{box-shadow:0 0 2px 0 rgba(0,0,1,.27);text-align:center;padding:15px;margin-bottom:15px;height:161px;background-color:#fff;list-style:none}.opjs_study_area_icon a:hover{text-decoration:none;color:#3379b6}.Regular_Courses{float:right;padding-top:10px}.btn{margin-top:10px;background-color:#3379b6;color:#fff;margin-bottom:22px}.opjs_photogallery{height:200px;background-size:cover;background-position:center;width:100%}.qu-photogallery p{line-height:24px;font-size:14px;color:#565656;text-align:center}.opjs_photo{width:100%;height:100px;background-repeat:no-repeat;background-size:cover;margin-bottom:20px}.study_area_gallery{text-align:center;margin-bottom:15px;height:161px;background-color:#fff;list-style:none}.opjs_study_area{padding-top:40px}.contant_form h3{font-size:19px;padding-left:15px}.heading h3{padding-top:0}.btn-contact:hover{color:#fff}.blue-btn1:hover{color:#fff}.contact_form label{padding-top:7px;margin-top:10px}.qu-head p{height:85px;font-size:14px;color:#565656;box-shadow:0 0 20px 0 rgba(0,0,1,.27);width:144px;text-align:center;padding-top:6px}.MBA_Department h2{font-size:19px;color:#034179}.MBA_Department ul{padding-top:19px;padding-left:16px;line-height:29px}.MBA_Department p{padding-top:17px}.engineering_department h2{font-size:19px;color:#034179}.apply_Online_regular_courses{display:inline;float:right;background-color:#ea660d;color:#fff;padding:7px 18px;text-align:center;right:28px;height:34px;margin-bottom:10px;margin-right:12px;border-radius:3px}.apply_Online_regular_courses:hover{color:#fff;text-decoration:none}.btn-email{float:left;color:#f3f3f3;background:#034179;padding:7px 18px;border-radius:3px;margin-left:15px}.Personal_form{margin-top:10px;border-radius:4px;height:45px;margin-bottom:19px}.enquriry_form{margin-top:10px;border-radius:4px;height:45px;margin-bottom:12px}.Personal_form label{margin-bottom:4px}.heading h3{font-size:19px;padding-top:11px}.Personal_address textarea.form-control{margin-top:10px;height:100px;border-radius:6px;margin-bottom:12px}.form-control{border-radius:2px;height:36px}.opjs_about_left h2{font-size:19px}.opjs_about_left ul li{font-size:15px;line-height:24px;list-style:none;margin-bottom:5px;color:#464646}.opjs_bord_mangenent ul li{font-size:15px;line-height:24px;list-style:circle;margin-bottom:5px;color:#464646}.opjs_aboutp p{color:#fff}.opjs_abouttd p{color:#fff}.opjs_coursetd td{padding:12px 20px}.opjs_coursetd td{padding:10px 20px;font-size:14px!important}.vision-text{margin-left:0;margin-top:30px}td a{color:#4c4c4c}.important_documents th{margin-bottom:12px}.educational_form{padding-bottom:2px;padding-top:9px}.employment_form label{padding-bottom:11px;padding-top:12px}.employ_form label{padding-bottom:13px}.opjs_submit a{float:left;text-decoration:none;color:#f3f3f3;background:#034179;padding:10px 12px;border-radius:3px;text-transform:capitalize;font-size:17px}.card-title a b{color:#fff;font-size:15px;font-weight:500}.card-title b,strong{font-weight:500}.btn{background-color:#034179;padding:7px 19px;text-transform:uppercase}.btn:active,.btn:focus,.btn:hover,.btn:visited{color:#fff}.study_area_icon i.fa-graduation-cap{text-align:center;font-size:47px;color:#4a4a4a}.card-header{background-color:#034179;color:#fff}.card-title{padding:16px}.card-body{padding-bottom:20px}.form_caret{float:right;margin-top:7px;font-size:28px;display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:7px dashed;border-right:7px solid transparent;border-left:7px solid transparent}.btn-email:hover{color:#fff}.course-mode label{padding-top:6px}.btn-save{float:left;color:#f3f3f3;background:#034179;padding:7px 18px;border-radius:3px}.btn-save:hover{color:#fff}.opjs_bord_mang b{font-weight:700}.opjs_about_left b{font-weight:700}.opjs_bord img{height:300px;width:100%}.opjs_cc_left h2{color:#034179;text-transform:uppercase;font-size:19px}.opjs_cc_left ul{padding-left:15px}.opjs_cc_left hr{margin:15px 0}.opjs_study_photho_blk{border:5px solid #a5a5a5}.opjs_study_photho_blk p{background:#034179;padding:0;margin:0;padding:6px;color:#fff;font-size:13px;text-align:center;text-transform:uppercase;line-height:19px}.enquriry_form .form-control{border-radius:2px;height:48px}.mbl_contact_chairperson{display:none}.mbl_active{display:none}.opjs_tab_decks{display:none}.opjs_mbl_header{display:none}.opjs-contact-info ul li{list-style:none;line-height:28px}.opjs-contact-info{padding-top:5px}.helpline{font-size:20px;font-stretch:extra-expanded}.privacy_opjs p{font-size:16px;line-height:26px;color:#403f3f}.privacy_opjs ol{padding-left:20px}.privacy_policy li{font-size:18px;font-weight:600;}.tbl_school_tech tr td{padding:10px 14px;}.header_box{background: #034179;
    color: #fff}.table.dataTable tbody td {padding: 8px 3px;}.nav>li{border-right: 1px solid #eeeeee73;}li .home_c{
    	border-left:1px solid #eeeeee73;}.padding_zero{padding:0px;}.btn{margin-bottom:5px;border:none; font-size: 12px;padding: 7px 4px;outline: none;text-transform: unset}.opjs_marquee_details{background: #fff;}
    padding: 7px 9px;}.btn-block {width: 100%;}
    .opjs_bord i{border: 2px solid #fff;border-radius: 50%;width: 50px;height: 50px;font-size: 20px;padding: 14px 14px;}.opjs_bord p{
    	padding-top: 7px;font-size: 14px;}
    	.btn_direct_pay {
			font-size: 14px;
			background: #034179 !important;
			padding: 11px 21px !important;
			margin-top: 20px;
    	}
    	.opjs-contact-info ul{
    		text-align: right;
    	}
    	.opjs-contact-info ul li{
    		padding-right: 15px;
    	}
      	

    



@import "https://fonts.googleapis.com/css?family=Raleway";
* { box-sizing: border-box; }
h1{ margin: 0; }
#contact { 
  -webkit-user-select: none; /* Chrome/Safari */        
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  margin: 4em auto;
  width: 100px; 
  height: 30px; 
  line-height: 30px;
  background: teal;
  color: white;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  border: 1px solid white;
}

#contact:hover { background: #666; }
#contact:active { background: #444; }

#contactForm { 
  display: none;

  border: 6px solid salmon; 
  padding: 2em;
  width: 400px;
  text-align: center;
  background: #fff;
  position: fixed;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%)
  
}

input, textarea { 
  margin: .8em auto;
  font-family: inherit; 
  text-transform: inherit; 
  font-size: inherit;
  
  display: block; 
  width: 280px; 
  padding: .4em;
}
textarea { height: 80px; resize: none; }

.formBtn { 
  width: 140px;
  display: inline-block;
  
  background: teal;
  color: #fff;
  font-weight: 100;
  font-size: 1.2em;
  border: none;
  height: 30px;
}