@font-face {
    font-family: 'latoregular';
    src: url('../font/lato-regular-webfont.woff2') format('woff2'),
         url('../font/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.cboy{
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    border: 1px solid #ddd;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    
}

/*----------------------------------------------------------------------*/
body, html {
     /*font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;*/
     font-family: 'KoHo', sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
     color: #777;
     font-size: 17px;
     line-height: 1.5;
}

body{
     padding-top: 90px;
}

.pre-loader{
     position: fixed;
     z-index: 2000;
     height: 100%;
     width: 100%;
     background-color: #282a36;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
}

.pre-loader .logo{

     position: absolute;
     margin: 0 auto;
     left: 0;
     right: 0;
     height: 100px;
     z-index: 2;
     margin-top: 10px;
}

.pre-loader .logo > svg{
     height: 200px;
}

.pre-loader .heart-beat{
     position: relative;
     height: 374px;
     z-index: 1;
}

.pre-loader .heart-beat{
     position: relative;
}

.fade-in-line {
     position: absolute;
     width: 100%;
     height: 100%;
     background-color: #282a36;
     top: 0;
     right: 0;
     animation: heartRateIn 2.5s linear infinite;
}
   
.fade-out-line {
     position: absolute;
     width: 120%;
     height: 100%;
     top: 0;
     left: -120%;
     animation: heartRateOut 2.5s linear infinite;
     background: rgba(40, 42, 54, 1);
     background: -moz-linear-gradient(left, rgba(40, 42, 54, 1) 0%, rgba(40, 42, 54, 1) 70%, rgba(40, 42, 54, 0) 100%);
     background: -webkit-linear-gradient(left,  rgba(40, 42, 54, 1) 0%, rgba(40, 42, 54, 1) 70%, rgba(40, 42, 54, 0) 100%);
     background: -o-linear-gradient(left,  rgba(40, 42, 54, 1) 0%, rgba(40, 42, 54, 1) 70%, rgba(40, 42, 54, 0) 100%);
     background: -ms-linear-gradient(left,  rgba(40, 42, 54, 1) 0%, rgba(40, 42, 54, 1) 70%, rgba(40, 42, 54, 0) 100%);
     background: linear-gradient(to right,  rgba(40, 42, 54, 1) 0%, rgba(40, 42, 54, 1) 70%, rgba(40, 42, 54, 0) 100%);
}
   
@keyframes heartRateIn {
     0% {
       width: 100%;
     }
     50% {
       width: 0;
     }
     100% {
       width: 0;
     }
}
   
@keyframes heartRateOut {
     0% {
       left: -120%;
     }
     30% {
       left: -120%;
     }
     100% {
       left: 0;
     }
}


.pre-loader .logo > svg path.p1{
     stroke:rgb(255, 0, 0);
     fill:#010066;
     fill-opacity:0;
     stroke-width:5;
     stroke-dasharray: 1500;
     stroke-dashoffset:1000;
     -moz-animation:dash1 2s linear forwards;
     -webkit-animation:dash1 2s linear forwards;
     animation:dash1 2s linear forwards;
}

.pre-loader .logo > svg path.p2{
     stroke:rgb(255, 0, 0);
     fill:#010066;
     fill-opacity:0;
     stroke-width:5;
     stroke-dasharray: 2000;
     stroke-dashoffset:2000;
     -moz-animation:dash2 2s linear forwards;
     -webkit-animation:dash2 2s linear forwards;
     animation:dash2 2s linear forwards;
     animation-delay: 1s;
}

.pre-loader .logo > svg polygon.p3{
     stroke:rgb(255, 0, 0);
     fill: #009900;
     fill-opacity:0;
     stroke-width:5;
     stroke-dasharray: 1500;
     stroke-dashoffset:1500;
     -moz-animation:dash1 2s linear forwards;
     -webkit-animation:dash1 2s linear forwards;
     animation:dash1 2s linear forwards;
     animation-delay: 2s;
}

.pre-loader .logo > svg text.p4{
     stroke:rgb(255, 0, 0);
     fill: #ffffff;
     fill-opacity:0;
     stroke-width:1;
     stroke-dasharray: 1000;
     stroke-dashoffset:1000;
     -moz-animation:dash1 2s linear forwards;
     -webkit-animation:dash1 2s linear forwards;
     animation:dash1 2s linear forwards;
     animation-delay: 3s;
}

.pre-loader .logo > svg ellipse.p5{
     stroke:rgb(255, 0, 0);
     fill-opacity:0;
     stroke-width:1;
     stroke-dasharray: 2500;
     stroke-dashoffset:2500;
     -moz-animation:dash3 2s linear forwards;
     -webkit-animation:dash3 2s linear forwards;
     animation:dash3 2s linear forwards;
     animation-delay: 4s;
}

@-webkit-keyframes dash1{
     0%  {stroke-dashoffset:1500;}
     80% {stroke-dashoffset:0;fill-opacity:0;}
     100%{stroke-dashoffset:0;fill-opacity:1;}
}

/*@-moz-keyframes dash1{
     0%  {stroke-dashoffset:0;}
     80% {stroke-dashoffset:0;fill-opacity:0;}
     100%{stroke-dashoffset:0;fill-opacity:1;}
}*/

@-webkit-keyframes dash2{
     0%  {stroke-dashoffset:2000;}
     80% {stroke-dashoffset:0;fill-opacity:0;}
     100%{stroke-dashoffset:0;fill-opacity:1;}
}

@-webkit-keyframes dash3{
     0%  {stroke-dashoffset:2500;}
     80% {stroke-dashoffset:0;}
     100%{stroke-dashoffset:0;}
}

.pre-loader .welcome{
     position: absolute;
     bottom: 0;
     z-index: 2;
}

.pre-loader .welcome > svg path{
     stroke:#ffffff;
     fill: #ffffff;
     fill-opacity:0;
     stroke-width:2;
     stroke-dasharray: 800;
     stroke-dashoffset:800;
     -moz-animation:dash4 3s linear forwards;
     -webkit-animation:dash4 3s linear forwards;
     animation:dash4 3s linear forwards;
     animation-delay: 5s;
}

@-webkit-keyframes dash4{
     0%  {stroke-dashoffset:800;}
     80% {stroke-dashoffset:0;fill-opacity:0;}
     100%{stroke-dashoffset:0;fill-opacity:1;}
}

@media  (max-width:777px) { 
     .pre-loader .welcome svg{
          
     }
}

@media  (min-width:777px) { 
     .pre-loader .welcome svg{
          height: 200px;
     }
}


.navbar-nav .dropdown-menu .data-list div{
     border: 1px solid #484848;
     padding: 10px;
}

.navbar .dropdown-menu {
     border:none;
     background-color:rgba(27, 27, 27, 0.9)!important;
   }

   
.ddmm{
     font-size: 28px;
     color:#fff;
     font-weight: 500;
 }
 .ddm{
     font-size: 13px;
     color:#ccc;
 }
 .ddm:hover{
     color: #76f0b5;
 }

h1 {
}

h1 strong {
	font-weight: 900;
}

h3 {
	font-size: 16px;
	font-weight: 700;
}


h5 {
	line-height: 20px;
}

a {
	color: #0dad8d;
}

a:hover, a:focus {
	text-decoration: none;
	color: #222;
}

ul, ol {
	padding: 0;
	list-style: none;
}

.vl-b{
     vertical-align: bottom;
}
/*#############################################################################*/

.hos-name{
     display: block;
    position: relative;
    float: left;
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
}

.slider-des{
     font-family: 'Poppins', sans-serif;
     text-transform: uppercase;
     font-weight: 300;
     line-height: 1.625em;
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     left: 0;
     z-index: 2;
}

.slider-des > div{
     display: table;
     width: 100%;
     height: 100%;
}

.slider-des > div > div{
     display: table-cell;
     vertical-align: middle;
}

.slider-des h1{
     font-size: 40px;
     font-weight: 700;
     line-height: 1em;
     margin-top: 10px;
     color: #fff;
}

.slider-des h3{
     font-size: 20px;
     font-weight: 700;
     line-height: 1em;
     margin-top: 10px;
     color: #fff;
}

.carousel-indicators li {
     position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255,255,255,.5);
    border: initial;
}

.carousel-indicators .active {
     width: 30px;
     height: 3px;
     margin: 1px 3px;
     background-color: #fff;
}

.fill{width:100%;height:100%;background-position:center;background-size:cover;}

@media  (max-width:777px) { 
     body{
          padding-top: 140px;
     }

     .top-header .col-1{
          width: 50%;
          float: left;
     }

     .top-header .col-2{
          border-top: 1px solid #bcc1c1;
          width: 100%;
          float: left;
     }

     .carousel-inner .item{
          height: calc(100vh - 140px)
     }

     .carousel-inner > .item > img{
          height: 100%;
          max-width: initial;
          width: auto;

          position: absolute;
          z-index: 1;
          left: -9999px;
          right: -9999px;
          /* top: -9999px; */
          /* bottom: -9999px; */
          margin: auto;
     }

     .carousel-inner > .item.l > img{
          height: 100%;
          max-width: initial;
          width: auto;

          position: absolute;
          z-index: 1;
          left: -250px;
          right: auto;
          top: 0;
          
          margin: auto;
     }

     .carousel-inner > .item.l.m > img{
          height: 100%;
          max-width: initial;
          width: auto;

          position: absolute;
          z-index: 1;
          left: 0;
          right: auto;
          top: 0;
          
          margin: auto;
     }

     .bs-slider-overlay {
          z-index: 2;
     }

     .slider-des.r h1, .slider-des.r h3{
          margin-right: none;
          text-align: center;
     }
 }

@media (min-width: 768px) {

     .slider-des.r {
          text-align: right;
     }

     .slider-des.r h1{
          margin-top: 150px;
     }

     .slider-des.r h1, .slider-des.r h3{
          margin-right: 50px;
     }
}



.overlay {
     background-color: rgba(0, 0, 0, 0.4);
}

.overlay2 {
     background-color: rgba(0, 0, 0, 0.5);
}

.overlay3 {
     background-color: rgba(0, 0, 0, 0.7);
}

.overlay4 {
     background-color: rgba(255, 255, 255, 0.7);
}

.overlay5 {
     background-color: rgba(232, 232, 232, 0.65);
}

.overlay6{
     background-color: rgba(39, 18, 66, 0.4);
}

.overlay6 {
     background-image: linear-gradient(90deg,#fba3a3,#afacded9 50%,#98989800);
}

.overlay7 {
     background-image: linear-gradient(270deg,#fba3a3,#afacded9 50%,#98989800);
}


@media  (max-width:777px) { 
     .overlay6 {
          background-image: linear-gradient(180deg,#fba3a3,#afacded9 50%,#98989800);
     }
     
     .overlay7 {
          background-image: linear-gradient(180deg,#fba3a3,#afacded9 50%,#98989800);
     }

}

.container{
     padding: 0;
     width: 100%;
}

.pad-0{
    padding: 0; 
}

.pad-10{
     padding: 10px; 
 }

.mar-t-20 {
	margin-top: 20px;
}

.mar-b-0-im {
	margin-bottom: 0 !important;
}

.bg-1{
     background-color: #273643;
}

.bg-2{
     background-color: #435D7A;
}

.bg-3{
     background-color: #00aba9;
}

.section-title.w{
     color: white;
 }

.section-title{
     padding: 40px 20px;
     color: #3c3c3c;
}

.section-title h2{
     margin: 0;
     font-weight: normal;
     font-weight: bold;
}

.section-title hr {
	height: 3px;
	width: 150px;
	text-align: center;
	position: relative;
	background: #009200;
	border: 0;
     margin: 10px auto;
}

.section-title.t hr {
	background: #a6b7a6;
}

.btn-read-more {
     padding: 10px;
     text-align: center;
}

.btn-read-more a{
     background: transparent;
     border: 2px solid #12dbb2;
     border-radius: 25px;
     padding: 10px;
     color: #00b18d;
     width: 170px;
     font-size: inherit;
     display: block;
     margin: 0 auto;
     transition: all 0.5s;
}

.btn-read-more.w a{
     color: #ffffff;
}
/*.button {
     border-radius: 4px;
     background-color: #f4511e;
     border: none;
     color: #FFFFFF;
     text-align: center;
     font-size: 28px;
     padding: 20px;
     width: 200px;
     transition: all 0.5s;
     cursor: pointer;
     margin: 5px;
}*/
 
.btn-read-more span {
     cursor: pointer;
     display: inline-block;
     position: relative;
     transition: 0.5s;
     
     font-size: 16px;
     width: 0;
}

.btn-read-more span:after {
     content: '\00bb';
     opacity: 0;
     top: 0;
     right: -20px;
     transition: 0.5s;
}

.btn-read-more a:hover span {
     padding-left: 5px;
     padding-right: 25px;
}

.btn-read-more a:hover  {
     border: 2px solid #0c987c;
     background-color: #0c987c;
     color: #fff;
}


.btn-read-more a:hover span:after {
     opacity: 1;
     right: 0;
}


/*----------------------------*/
.carousel-fade .carousel-inner .item {
     opacity: 0;
     transition-property: opacity;
}
   
.carousel-fade .carousel-inner .active {
     opacity: 1;
}
   
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
     left: 0;
     opacity: 0;
     z-index: 1;
}
   
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
     opacity: 1;
}
   
.carousel-fade .carousel-control {
     z-index: 2;
} 

@media all and (transform-3d), (-webkit-transform-3d) {

     .carousel-fade .carousel-inner > .item.next,
     .carousel-fade .carousel-inner > .item.active.right {
          opacity: 0;
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
     }

     .carousel-fade .carousel-inner > .item.prev,
     .carousel-fade .carousel-inner > .item.active.left {
          opacity: 0;
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
     }

     .carousel-fade .carousel-inner > .item.next.left,
     .carousel-fade .carousel-inner > .item.prev.right,
     .carousel-fade .carousel-inner > .item.active {
          opacity: 1;
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
     }
} 

.carousel-caption {
     text-shadow: 0 1px 4px rgba(0,0,0,.9);
     font-size:17px
}
.carousel-caption h3 {
     font-size: 30px;
     font-family: 'Lato', sans-serif;
}

     
/*------------------------------------------------------------*/

#about-section{
     background: url(../img/ssh.jpg) no-repeat 0px 0px;
     background-size: cover;
     background-attachment: fixed;
     background-position: bottom center;
}

#about-section h4 {
     color: #004194;
     font-size: 25px;
}

#about-section .about-content{
     margin-bottom: 20px;
}

#about-section .msg{
     
     padding: 20px;
     text-align: justify;
     font-size: 18px;
     line-height: 1.3;
     vertical-align: middle;
}

#about-section .msg p{
     font-family: 'Kalam', cursive;
     margin-bottom: 10px;
}

#about-section .msg.l p{
     text-align: left;
}

#about-section .msg.r p{
     text-align: right;
}

#about-section .msg .name.t p{
     text-align: right;
}

#about-section p{
     color: #222;
}

#about-section .msg .name{
     text-align: right;
}

#about-section .msg .name p{
     margin: 0;
     font-size: 14px;
}

#about-section .award{
     position: relative;
     background: url(../img/award.jpg) no-repeat 0px 0px;
     background-size: cover;
     
     background-position: center center;
     height: 400px;
     display: table;
}

#about-section .award > div{
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     display: table;
     height: 100%;
}

#about-section .qu{
     display: table-cell;
     font-size: 30px;
     color: #fff;
     vertical-align: middle;
}



@media (min-width: 768px){
     #about-section .l img{
          -webkit-transform: scaleX(-1);
         transform: scaleX(-1)
     }
}




@media (max-width: 768px){
     #about-section .msg {
          padding-top: 50px;
     }

     #about-section .l img{
          -webkit-transform: none;
         transform: none;
     }
}

/*--------------------------------------------------*/

.c1{
     background-color: #078bff;
}

.c2{
     background-color: #439600;
}

.c3{
     background-color: #af2134;
}

.c4{
     background-color: #3eb820;
}

.c5{
     background-color: #0a484d;
}

.c6{
     background-color: #0c3363;
}


#whychoose-section{
     background-color: #f5f5f5;
}

#whychoose-section .tag-container{
     padding: 15px;     
}

#whychoose-section .tag{
     position: relative;
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline;
     overflow: auto;
     list-style: none;     
}

#whychoose-section .tag:before {
     top: 0;
     bottom: 0;
     position: absolute;
     content: " ";
     width: 5px;
     left: 50%;
     background-color: #7d7d7d;
 }

#whychoose-section .tag > li.left, 
#whychoose-section .tag > li.right {
     margin-bottom: 105px;
     position: relative;
     width: 50%;
     float: left;
     clear: left;
     display: inline-block;
 }

#whychoose-section .tag  > li.right {
     float: right;
     clear: right;
     margin-top: 105px;
     margin-bottom: 0;
}

#whychoose-section .tag  > li.t {
     margin-top: 90px;
}

#whychoose-section .tag  > li.t2 {
     margin-top: 20px;
}

#whychoose-section .tag > li > .buble{
     background: #fff;
     color: #333333;
     font-size: 30px;
     font-weight: bold;
     border-radius: 50%;
     height: 100px;
     width: 100px;
     line-height: 76px;
     border: 2px solid #d0d0d0;
     position: absolute;
     right: -50px;
     text-align: center;
     top: 5px;
     padding: 10px;
     box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03), 0 3px 1px -2px rgba(0, 0, 0, 0.03), 0 1px 5px 0 rgba(0, 0, 0, 0.03);
 }

 #whychoose-section .tag > li.right > .buble {
     left: -50px;
 }

#whychoose-section .tag > li > .buble > div{
     border-radius: 50%;
     color: #fff;
     box-shadow: 0 0 0px 0px #ccc;
}
 
 #whychoose-section .tag > li > .content {
     width: calc(100% - 70px);
     float: left;
     position: relative;
     min-height: inherit;
     position: relative;
     overflow: visible;
     display: block;
     padding: 10px;
     box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03), 0 3px 1px -2px rgba(0, 0, 0, 0.03), 0 1px 5px 0 rgba(0, 0, 0, 0.03);
     color: #fff;
     
 }

 #whychoose-section .tag > li > .content:before {
     border-color: transparent #424242;
     border-style: solid;
     border-width: 13px 0 13px 13px;
     content: " ";
     display: inline-block;
     opacity: 1;
     position: absolute;
     right: -13px;
     top: 40px;
 }

 #whychoose-section .tag > li.right > .content:before {
     border-left-width: 0;
     border-right-width: 12px;
     left: -12px;
     right: auto;
 }

 #whychoose-section .tag > li > .content .head{
     font-size: 16px;
     font-weight: bold;
     margin-bottom: 10px;
 }

 #whychoose-section .tag > li > .content .body{
     text-align: justify;
     font-size: 14px;
 }

 #whychoose-section .tag > li.right > .content {
     float: right;
 }


 @media (max-width: 768px){

     #whychoose-section .tag:before {
          left: 50px;
     }

     #whychoose-section .tag > li.left, 
     #whychoose-section .tag > li.right {
          margin-bottom: 10px;
          width: 100%;
          margin-top: inherit;
     }

     #whychoose-section .tag > li.right > .buble, 
     #whychoose-section .tag > li.left > .buble {
          left: 4px;
      }


     #whychoose-section .tag > li > .content {
          float: right;
          width: calc(100% - 120px);
          width: -moz-calc(100% - 120px);
          width: -webkit-calc(100% - 120px);
     }

     #whychoose-section .tag > li > .content:before {
          border-left-width: 0;
          border-right-width: 12px;
          left: -12px;
          right: auto;
     }
}

/*------------------------------------------------------------*/

.space {
     margin-top: 30px;
}
     #service-section i.fa {
     font-size: 40px;
     margin-bottom: 20px;
     transition: all 0.5s;
     color: #fff;
}

#service-section p{
     text-align: justify;
     color: #fff;
}

#service-section h4 {
     font-size: 20px;
     font-weight: normal;
     padding: 0 0 5px 0;
     font-weight: 90;
     text-align:center;
     -ms-word-wrap: break-word;
     word-wrap: break-word;
}

#service-section  .row {
     display: table;
}


.services{
     padding: 60px 0px;
}

.services-box > div{
     padding: 20px;
     margin-bottom: 20px;
     padding-top: 40px;
     color: #fff;
}

.services-box > div p, .services-box h4{
     color: #fff;
}

.icon{
     padding: 0px;
     float:none;
     padding-bottom:30px
}

.icon i{
     width: 70px;
     height: 70px;
     background: transparent;
     border: 2px solid #12dbb2;
     color:   #12dbb2;
     line-height: 70px;
     text-align: center;
     font-size: 44px;
     border-radius: 50%;
}

.icon i:hover{
     color:#666666;
}

.service-content h4{
     font-size: 18px;
     font-weight: 900;
}

#service-section .btn:hover, #service-section .btn:focus {
     background: #0dbf9b;
     border: 2px solid #0dbf9b;
     color: #fff;
}

#Service-section .text-danger {
     color: #cc3300;
     text-align: left;
}

.btn:active, .btn.active {
     background-image: none;
     outline: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
}

a:focus, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
     outline: none;
outline-offset: none;
}

.icon i {
     -webkit-transition: all .1s ease-in-out;
     -moz-transition: all .1s ease-in-out;
     -ms-transition: all .1s ease-in-out;
     -o-transition: all .1s ease-in-out;
     transition: all .1s ease-in-out;
}

.icon i:hover {
     -moz-transform: scale(1.2);
     -webkit-transform: scale(1.2);
     -o-transform: scale(1.2);
     -ms-transform: scale(1.2);
     transform: scale(1.2);
}

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

     .row-eq-height{
          display: table;
     }
     
     .row-eq-height > div{
          display: table-cell;
          float: none;
          vertical-align: top;
     }
 }

#service-section-more{
     background-image: linear-gradient(45deg,#0057a2,#926b6b 50%,#9bad00);
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: cover;
     background-position: center center;
}

#service-section-more .section-title{
     padding: 30px 10px;
     color: #c0d4d4;
}

#service-section-more p{
     color:  #c0d4d4;
}
.lib-item{
     background-color: #00000061;
     margin-bottom: 10px;
}

.lib-item h4{
     font-size: 22px;
     color: #b1b1b1;
}

.lib-item p{
     color: #989897;
     text-align: justify;
}

.lib-panel{
     padding: 0;
}

.lib-panel img {
     width: 100%;
     background-color: transparent;
}

 .lib-row{
      position: relative;
 }

.lib-left .lib-row .img-corner{
     position: absolute;
     height: 100px;
     width: 100px;
     border-bottom: 100px solid transparent;
     border-left: 100px solid #00797d8c;
}

.lib-left .lib-row .des-corner{
     right: 0;
     bottom: 0;
     position: absolute;
     height: 100px;
     width: 300px;
     border-top: 100px solid transparent;
     border-right: 300px solid #606b168c;
}

.lib-right .lib-row .img-corner{
     right: 0;
     position: absolute;
     height: 100px;
     width: 100px;
     border-bottom: 100px solid transparent;
     border-right: 100px solid #00797d8c;
}

.lib-.lib-left .lib-row .des-corner{
     left: 0;
     bottom: 0;
     position: absolute;
     height: 100px;
     width: 300px;
     border-top: 100px solid transparent;
     border-left: 300px solid #606b168c;
}

.lib-right .lib-row .des-corner{
     left: 0;
     bottom: 0;
     position: absolute;
     height: 100px;
     width: 300px;
     border-top: 100px solid transparent;
     border-left: 300px solid #606b168c;
}

.lib-desc{
     min-height: 100px;
     font-size: 14px;
}

.lib-desc ul li{
     color: #c0d4d4;
}

.lib-desc ul li i{
     margin-right: 5px;
}

.lib-desc h5{
     color: #c0d4d4;
     font-size: 15px;
}

#service-section-more .lib-panel .row,
#service-section-more .lib-panel .col-md-6 {
     padding: 0;

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

     /*.lib-row{
          display: table;
     }

     .lib-row > div{
          float: none;
          display: table-cell;
     }*/
 }


/*-----------------------------------------------------*/

#package-section {
     color:#fff;
     background-image: url(../img/a2.jpg);
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: cover;
     background-position: center center;
}

#package-section p {
	margin-top: 20px;
	margin-bottom: 30px;
     color: #fff;
}
  
#package-section  h2 {
	color: white;
	
}

#package-section .panel-pricing {
     -moz-transition: all .3s ease;
     -o-transition: all .3s ease;
     -webkit-transition: all .3s ease;
     margin-bottom: 10px;
     cursor: pointer;
 }

#package-section .panel-pricing-inner{
     padding: 0;
}

#package-section .panel-heading  {
     color: #fff;
     padding: 0;
     background-color: rgba(0,0,0,0.3);
     font-size: 20px;
     padding: 10px;
     text-transform: uppercase;
}

#package-section .panel-pricing ul{
     margin: 0;
     padding: 5px;
     background-color: #fff;
}

#package-section .panel-pricing li{
     padding: 5px 10px;
     border-radius: 0;
     border-left: none;
     border-right: none;
     border-bottom: 1px solid #ddd;
}

#package-section .panel-pricing li i{
     margin-right: 10px;
     color: #5a52d2;
}

#package-section .panel-body  {
     color: #777777;
     padding: 0;
}

#package-section .panel-price  {
     font-size: 30px;
     padding: 10px;
     color: #fff;
     
}

#package-section .panel-foter{
     min-height: 10px;
}


#packages-section-more .row{
     background-color: #efefef;
     padding: 5px;
}

#packages-section-more .bar{
     padding: 5px;
}

#packages-section-more .bar-inner{
     padding: 10px 0;
     border: 1px solid #ccc;
     box-shadow: 0 0 5px #dedede;
}

#packages-section-more .price{
     position: absolute;
     right: 0;
     z-index: 1;
     width: 150px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     font-size: 20px;
     color: #fff;
     background-color: rgba(3, 49, 88, 0.9);
}

#packages-section-more .img{
     height: 200px;
     position: relative;
     overflow: hidden;
}

#packages-section-more img{
     width: 100%;
}

#packages-section-more .head{
     font-size: 20px;
     padding: 5px;
     background-color: #fff;
}

#packages-section-more .des{
     padding: 5px;
     background-color: #fff;
}

#packages-section-more ul{
     margin: 10px 0;
}

#packages-section-more ul li {
     position: relative;
}

#packages-section-more ul li i{
     position: absolute;
     top: 4px;
}

#packages-section-more ul li span{
     padding-left: 20px;
     display: block;
}

/*--------------------------------*/


#contact-section {
     color:#fff;
     background-image: url(../img/a2.jpg);
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: cover;
     background-position: center center;
}

.bg-4{
     background-color: #004847;
}

.bg-5{
     background-color: #00ad23;
}

.bg-6{
     background-color: #5d4e9e;
}

.bg-7{
     background-color: #585556;
}

.bg-8{
     background-color: #82a547;
}

.bg-9{
     background-color: #6f6f6f;
}

.bg-10{
     background-color: #b12f2f;
}

#contact-section h2{
	color: white;	
}

/*----------------------------------------------------*/

#gallery-section {

     background-color:#fff;
}

#gallery-section p {
	margin-top: 20px;
	margin-bottom: 30px;
     margin-left: 0;
     margin-right: 0;
}

.wrap {
     overflow: hidden;
     margin-left:0;
     margin-right:0;
     padding: 0;
}

.gal-container{
	padding: 0;
}

.box {
     height: 300px;
     border: 3px solid #fff;
     float: left;
     width: 50%;
     cursor:pointer;  
     position: relative;
     overflow: hidden;
}

.box2 {
     height: 300px;
     border: 3px solid #fff;
     float: left;
     width: 33.3%;
     cursor: pointer;
     position: relative;
     overflow: hidden;
}

.box img, .box2 img{
     width: 100%;
     position: absolute;
     top: -9999px;
     bottom: -9999px;
     left: -9999px;
     right: -9999px;
     margin: auto;
}

.img-op{
     height: 100%;
     width: auto !important;
}

@media only screen and (max-width:490px) { 
     /* Smartphone view: 1 tile */
     .box,.box2 {
         width: 100%;
         padding-bottom:55%;
     }
 }

 @media only screen and (max-width:970px) { 
     /* Smartphone view: 1 tile */
     .box img, .box2 img{
         width: auto;
         height: 100%;
     }
 }
 
 @media only screen and (max-width:650px) and (min-width:491px) { 
     /* Tablet view: 2 tiles */
     .box,.box2 {
         width: 50%;
         padding-bottom: 30%;
     }
 }
 
 @media  (max-width:650px) { 
     /* Tablet view: 2 tiles */
     .box3 {
         width: 100%;
         padding-bottom: 50%;
     }
 }


#location #map{
     height: 400px;;
}

/*---------------------------------------------*/

#travel{
     background:url(../img/about.jpg) no-repeat 0px 0px;
     background-size: cover;
     background-attachment: fixed;
     background-position: center center;
}

#travel h4 {
     font-size: 40px;
     color: #fff;
     text-align: center;
     font-weight: 600;
     letter-spacing: 4px;
     margin-bottom: 10px;
     font-family: 'Source Sans Pro', sans-serif;
}
 
 
#travel h3 {
     text-align: center;
     color: #fff;
     font-size: 30px;
     text-transform: capitalize;
     letter-spacing: 1px;
     margin-bottom: 15px;
     font-family: 'Source Sans Pro', sans-serif;
}
 
 #travel p {
     text-align: center;
     color: #fff;
     font-size: 18px;
     text-transform: capitalize;
     letter-spacing: 1px;
     line-height: 28px;
     margin-bottom: 5px;
 }
 
 #travel .fa-play-circle{
      font-size: 80px;
 }

 /*------------------------------------------*/

.footer{
     padding:0em 0em;
}

.nb{
     background-color: #4C377D;
}
 
.footer nav {
     border:none;
     margin-bottom:0;
     padding: 0px;
    
}

.footer ul.nav-buttom li {
      list-style: none;
      display: inline-block;
      margin: 5px 15px;
}
 
.footer ul.nav-buttom li a {
      text-decoration: none;
      color: #9AD4FF;
      font-size: 14px;
     font-weight: bold;
}

 footer ul.nav-buttom ul, ol {
      padding: 0;
      webkit-padding: 0;
      moz-padding: 0;
      list-style: none;
 }
 
 .footer ul.nav-buttom li:hover a {
      color: #dae6e5;
 }
 
 
 
 footer{background: #2f2f2f;}

 .footer {
      background: #2f2f2f;
      text-align: center;
     padding: 0;
     margin: 0;
     color: #bdbdbd;
 }

 .footer p{
     font-size: 14px;
}

.footer li{
     text-align: left;
     position: relative;
     padding-left: 30px;
}

.footer li i{
     position: absolute;
     top:2px;
     left: 0;
     margin: 5px;
}

.footer span{
     font-size: 14px;
}
 
/*#######################################################################################################*/







/* Navigation */
#menu {

	transition: all 0.8s;
}
#menu.navbar-default {
	background-color:#fff;
}
#menu a.navbar-brand {
	text-transform: uppercase;
	font-size: 22px;
	color: #fff;
	font-weight: 900;
}
#menu a.navbar-brand i.fa {
	color: #000;
	margin-right: 3px;
}
#menu.navbar-default .navbar-nav > li > a {
	text-align: center;
	color: #000;
	font-size: 14px;
	letter-spacing: 1px;
 
}
#menu.navbar-default .navbar-nav > li > a:hover {
	color: #0dbf9b;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #0dad8d !important;
	background-color: #fff;
}
.navbar-toggle {
	border-radius: 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #0dbf9b;
    text-align: center;
}
.navbar-default .navbar-toggle:hover>.icon-bar {
	background-color: #FFF;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #0dad8d !important;
	background-color:transparent;
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 0;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color:#1cc7d0;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 5px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #202020;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-nav>.active>a:before {
    background: #37BF91;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #1cc7d0;
	border-color: #fff;
}
.navbar-default .navbar-toggle:hover>.icon-bar {
	background-color: #FFF;
}

/* Underline From Center */
.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}
.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #1cc7d0;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
    left: 0;
    right: 0;
}
/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
   display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #1cc7d0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
    color: #fff;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.srevicenone{
    pointer-events: none;
}

/*------------------------------------------------------------------slider--*/

 .bs-slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}
.appoiment{
    background-color: black;
    color: aliceblue;
    font-size: 12px;
}
/*-------------------------------------------------Slider------------------*/

.top-header{
    padding: 0;
    background-color: #0d0364;
    min-height: 44px;
}

.top-header a{
    color: #ddecff !important;
    font-size: .8em !important;
    padding: 12px 12px !important;
}

.top-header li{
    border-left: 1px solid #bcc1c1;
}

.top-header .navbar-nav{
    margin: 0;
}

.top-header i{
    font-size: 14px;
    padding: 0 5px;
}

.logo{
	float:left;
}
.logo img{
	display:block;
    width:70px;
}
.wcmbar{
    background-color:#1d1c31;
    width: 100%;
    text-align: center;
    padding: 10px 10px;
    color:#ddecff;
    font-size: 30px;
    font-family: bellota;
    
}
/* --------------------------------------------------------About Section */

#about-section i.fa {
	font-size: 50px;
	transition: all 0.5s;
	color: #0dbf9b;
}
.theater {
     -webkit-transform: scale(1.5,1.5);
     position: fixed;
     left: 80%;
     top: 500%;
     border-right: 100% solid white;
     border-left: 100% solid white;
  margin: auto;
}
.theater-toggle {
  margin: 0;
}
.n{

    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height:65%;
    border: 0;

}
.row {
     margin-right:0; 
    margin-left:0;
}

.b{
    margin-top:10%;
}



span.glyphicon.glyphicon-play-circle {
    font-size: 4em;
    color: #fff;
    margin: 0 0 0 0;
    cursor: pointer;
}


.layer2{
    background-color:rgba(2,2,2,0.4);

}

#about-section .container{

}

.about-img {
  width: 100%;
}





.abac {
    background-color:#0dbf9b;
    height: 100%;
}
.vdo fa-play-circle{
    width:50px;
    cursor: pointer;
}
/*----------------------------------------------------- Services Section */

/* -----------------------------------------------------------------------------------Package Section */

.panel1:hover{
    border: px solid #0dbf9b;
}



.panel-pricing .panel-heading  {
  /*padding: 20px 10px;*/
    
}
.pa-0{
   padding: 0px;
    background-color: #1793d1;
    
}
.pa-1{
   padding: 0px;
    background-color: #4285F4;
}
.pa-2{
   padding: 0px;
    background-color: #00c851;
}
.pa-3{
   padding: 0px;
    background-color:#007E33;
}


.panel-pricing .panel-heading .panel-price {
  margin-top: 10px;
  font-size: 58px;
  position: relative;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  margin: auto;
  border-radius: 50%;
  border: 2px solid #FFF;
   
}

.panel-pricing .panel-heading .panel-price h3 {
     font-size:42px;
     margin-top: -10px;
     -webkit-transition: 0.2s color;
     transition: 0.2s color;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     top: 65%;
     position: absolute;
     left: 0;
     right: 0;
}

.panel-pricing .list-group-item:last-child {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
 
}

.panel-pricing .btn-read-more a{
     color: #cecece;
}

.panel-heading panel-box {
  background-color: #79b1f7;
  font-size: 40px;
  color: #777777;
  padding: 3px;
  margin: 0px;
}

.pnl-b-0{
    border-radius: 0;
}

.pa-0{
    padding: 0;
}

.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn:hover,.btn:focus,.a {
	background: #0dbf9b;
	border: 2px solid #0dbf9b;
	color: #fff;
}

a:focus, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: none;
	outline-offset: none;
}


#Package-section i.fa {
	font-size: 20px;
	margin-bottom: 20px;
	transition: all 0.5s;
	color: #fff;
}
#Package-section h3{
     font-size: 24px;
}
/* -------------------------------------------------------------------------------Gallery Section */
.contaner2{
     margin-left:0 ;
     margin-right: 0;
}



/*.image-title {
  width: 100%;
  height: 30%;
  color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 1rem 1rem;
  font-size: 12px;
  text-align: center;
  line-height: 1em;
  background-color:rgba(2, 2, 2, 0.5);
;
}

.tile .image-title {
  transition: 0.8s ease;
}

*/
/* Hover effect on image tiles */

.tile:hover .image-title {
     background-color: rgba(0, 0, 0, 0.4);
     height: 100%;
}

.image-wrapper {
     margin: 0 auto;

     overflow: hidden;
     font-size: 0;
}
img {

     transition: transform 0.5s ease-in-out;
}
.tile:hover img {
     transform: scale(1.2);
}




.boxInner2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    bottom: 10px;
    overflow: hidden;
    width: 99.5%;
    height:99.5%;
}
 .boxInner2 img { width: 130% }
 

.image-title2 {
     width: 100%;
     height: 30%;
     color: white;
     position: absolute;
     bottom: 0;
     left: 0;
     padding: 0 1rem 1rem;
     font-size: 12px;
     font-family:"";
     text-align: center;
     line-height: 1em;
}

.tile .image-title2 {
  transition: 0.7s ease;
}


/* Hover effect on image tiles */

.tile2:hover .image-title2 {
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
}

 /*.box3 {
    float: left;
    position: relative;
    width: 50%;
    padding-bottom: 20%;
     cursor: pointer;
}*/


.boxInner3 {
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    bottom: 10px;
    overflow: hidden;
    width: 99.5%;
    height:99.5%;
}
 .boxInner3 img { width: 130% }
 

.image-title3 {
  width: 100%;
  height: 30%;
  color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 1rem 1rem;
  font-size: 12px;
  font-family:"";
  text-align: center;
  line-height: 1em;
}

.tile3 .image-title3 {
  transition: 0.7s ease;
}


/* Hover effect on image tiles */

.tile3:hover .image-title3 {
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
}

#Gallery-section h4 ,h6{
	color: white;
    font-family:bellota;
    font-weight: 90;
}

 
@media only screen and (max-width:490px) { 
    /* Smartphone view: 1 tile */
    .box,.box2 {
        width: 100%;
        padding-bottom:55%;
    }
}

@media only screen and (max-width:650px) and (min-width:491px) { 
    /* Tablet view: 2 tiles */
    .box,.box2 {
        width: 50%;
        padding-bottom: 30%;
    }
}

@media  (max-width:650px) { 
    /* Tablet view: 2 tiles */
    .box3 {
        width: 100%;
        padding-bottom: 50%;
    }
}


/*end gallery*/

/* --------------------------------------------------------------------------Contact Section */

./* Contact Section */


p {
	
	font-size:14px;
	line-height:1.6em;
    
}

a{
	color:#12dbb2;
    font-size: 18px;
    cursor: pointer;
    
}

.hr{
    
    width:25% ;
    color: black;
}

textarea.form-control{
    height:100px;
    border-color: #fff;
}

input.form-control{
    border-color: #fff;
}

.form-control {
    background-color: #0000;
    color: #fff;
    border-color: #fff;
    
}


#contact-section  label {
   
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: none;
}

#contact-section label {
font-weight: none;
}
  
/*end contact*/
#contact-section h3 {
	font-size: 20px;
	font-weight: 400;
}
#contact-section form {
	padding: 30px 0;
}
#contact-section i.fa {
	color: #0dad8d;
	font-size: 16px;
	margin-bottom: 10px;
}
#contact-section .btn {
	background: transparent;
	border: 2px solid #12dbb2;
	border-radius: 25px;
	padding: 10px 20px;
	margin-top: 20px;
	color: #0dbf9b;
}
#contact-section .btn:hover, #contact-section .btn:focus {
	background: #0dbf9b;
	border: 2px solid #0dbf9b;
	color: #fff;
}
#contact-section .text-danger {
	color: #cc3300;
	text-align: left;
}
.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a:focus, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: none;
	outline-offset: none;
}
/*------------------------------------------shedule--------------------------*/
	
@keyframes ticker {
0% {
margin-top : 0;
}
35% {
margin-top : -30px;
}
60% {
margin-top : -60px;
}
85% {
margin-top : -90px;
}
100% {
margin-top : 0;
}
}
.news {
display:block;
width : 100%;
height :100%;
margin : 0px auto;
overflow : hidden;
border-radius : 4px;
padding : 10px;
cursor : pointer;
}
.news span {
float : left;
color : #fff;
padding : 6px;
top : 1%;
border-radius : 4px;
box-shadow : 0 -15px 30px rgba(0, 0, 0, 0.4) inset;
font : 16px 'Source Sans Pro', Helvetica, Arial, sans-serif;
cursor : pointer;
}
.news ul {
float : left;
padding-left : 30px;
animation : ticker 10s cubic-bezier(1,0,0.5,0) infinite;
}
.news ul li {
line-height : 60px;
list-style : none;
}
.news ul li a {
color : #301727;
text-decoration : none;
font : 14px Helvetica, Arial, sans-serif;
}
.news ul:hover {
animation-play-state : paused;
}
.news span:hover + ul {
animation-play-state : paused;
}

.magenta span {
background : #842696;
}
.track {
  background:#1A1A1A;
    width:100%;
  padding: 0;
  display: grid;
  grid-template-columns:1fr;
  grid-auto-flow: column;
  grid-column: auto;  
  border-left:5px solid #2088D8;
  border-bottom:1px solid #0c0c0c;
}


.rig{
    background-color: #737373;
    margin-top: 0;
    margin-bottom:0;
    width:100px;
   
}


.b-title{
    font-size: 18px;
    color: #DCDCDC;
}
    .c-title{
        font-size: 18px;
    color:  #0dad8d;
    } 

.hder{
    margin: 2%;
}
/*----------------------------------------------Footer-----------------------*/
/* Footer */

    
/*maps section css*/

.maps{
 
    overflow: hidden;
    background-size: cover;
    position:relative;
}

.main_maps{
    width:100%;
    height: 50%;
}





/*--footer--*/

.bottom-head h2 a {
    font-size: 45px;
    color: #fff;
}
span.cap{
    color:#0dad8d;
    margin-top: 7px;
    font-size: 15px;
    letter-spacing: 11.4px;
}
.icons {
    text-align: center;
	    padding-top: 15px;
}
.icons ul li {
    display: inline-block;
}
.icons ul li a{
     color: #fff;
    font-size: 15px;
    letter-spacing: 11.4px
}
.icons ul li a span.fa.fa-facebook:hover {
    color: #3b5998;
}

.icons ul li a span.fa.fa-twitter:hover{
	color:#0dad8d;
}

.icons ul li a span.fa.fa-rss:hover{
	color: #0dad8d;
}
.icons ul li a span.fa.fa-vk:hover{
	color: #45668e;
}
.colr-row{padding:0px;}	
.footer h3,.footer h2{    margin-bottom:11px;}
.footer h3 {
       font-size: 20px;
    color:#0dad8d;
    letter-spacing: 2px;
    font-weight: 800;
}

footer p {
    padding: 0.8em 0;
    text-align: center;
    font-size: 15px;
    color: #fff;
    letter-spacing: 2.5px;
    background: #2f2f2f;
}
footer p a {
    color: #fff;
    text-decoration: underline;
}
footer p a:hover {
    color:#0dad8d;
}
.ftr{
    padding: 10px;
    background-color: rgb(13, 3, 100);
    color:#fff;
    font-size: 12px;
   
}

.ftr a{
     font-size: 12px;
    
 }
/*-------------------------*/




.gal-item{
	overflow: hidden;
	
}
.gal-item .box{
	overflow: hidden;
}

.gal-item .box2{
	overflow: hidden;
}

.gal-item a:focus{
	outline: none;
}
.gal-item a:after{
	content:"\e003";
	font-family: 'Glyphicons Halflings';
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.9);
	position: absolute;
	text-align: center;
    line-height: 350px;
    font-size: 30px;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.gal-item a:hover:after{
	opacity: 1;
}
.modal-open .gal-container .modal{
	background-color: rgba(0,0,0,0.4);
}
.modal-open .gal-item .modal-body{
	padding: 0px;
}
.modal-open .gal-item button.close{
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #000;
    opacity: 1;
    color: #fff;
    z-index: 999;
    right: -12px;
    top: -12px;
    border-radius: 50%;
    font-size: 15px;
    border: 2px solid #fff;
    line-height: 25px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
}
.modal-open .gal-item button.close:focus{
	outline: none;
}
.modal-open .gal-item button.close span{
	position: relative;
	top: -3px;
	font-weight: lighter;
	text-shadow:none;
}
.gal-container .modal-dialogue{
	width: 100%;
}
.gal-container .description{
	position: relative;
	height: 40px;
	top: -40px;
	padding: 10px 25px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	text-align: left;
}

.gal-container .modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 100px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.gal-container .modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
    opacity: 1;
}

/*--------------------------*/



.row-margin-bottom {
    margin-bottom: 20px;
}

.no-padding {
    padding: 0;
}

/*---------------------*/
/* adds some margin below the link sets  */




/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
  
  /* remove the padding from the navbar so the dropdown hover state is not broken */
.navbar {
  padding-top:0px;
  padding-bottom:0px;
}

/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
.navbar .nav-item {

  margin:0;
}

/* ------------------------------------------------------------------------------------makes the dropdown full width  */
.navbar .dropdown {position:static;}

.navbar .dropdown-menu {
  width:100%;
  left:0;
  right:0;
/*  -------------------------------------------height of nav-item  */
  top:50px;
  
  display:block;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.1s linear;
  
}
  
 

  
  /* shows the dropdown menu on hover */
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
  display:block;
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.3s linear;
}
  

}