body { 
    padding-top: 50px;
    padding-bottom: 20px;
    color:#333; 
    /*background-image: linear-gradient(to bottom, #FFF 0, #DEDEDE 100%);*/
    font-family: Verdana,Helvetica,arial,sans-serif;
    margin:0 auto;
    /*background-color:#008cba;
    background-color:rgba(2, 140, 186, 0.1);*/

}
html {
    top:0;
    left:0;
    margin:0 auto;
}
a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}
a:active {
    text-decoration: none;
}
.navbar.navbar-inverse.navbar-fixed-top{
    color:#006680 ;   
    /*border: 1px solid #82DCFA;
    border-radius: 2px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);    
    background-image: linear-gradient(to bottom,  #0cb5b5 0,  #88dbf7 100%);*/
    /*top:15px;*/
    /*width:900px;*/
    /*background-color:inherit;*/
    border-bottom:4px solid #0cb5b5;
    border-bottom:4px solid #1da1a1;
}


/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
h1 {
    font-family: "Century Gothic";
    color:#0cb5b5;
    /*text-shadow: 1px 1px 1px black;*/
}
h2 {  
    font-family: "Trebuchet MS";
    color:#a03564;
    /*text-shadow: 1px 1px 1px black;*/    
}
h3 {    
     color:#bf5885;
     font-family: Cambria;
     /*text-shadow: 1px 1px 1px black;*/
}
h4 {    
    color:#82DCFA;
    /*text-shadow: 1px 1px 1px black;*/ 
    font-family: Calibri;
}
/*Navbar (Main Meun) starts*/
.DocVoi {
    margin-bottom:20px;
}

/*jumbotron starts:*/
div.container.body-content div#jumbotron.jumbotron.col-xs-12 {       
    color:#006680 ;   
    padding: 4rem 1rem 1rem 1rem;
    /*border: 1px solid #82DCFA;*/
    border-radius: 2px;    
    /*background-image: linear-gradient(to bottom,  #82DCFA 0, #82DCFA 100%);*/
    margin-top:1rem;
    /*box-shadow: #5c5436 1px 1px 30px 4px inset;*/
    background-color:#fff;
}

a.navbar-brand img {
    /*width:50%;
    height:80%;*/
    margin-top: -28%;
    margin-left: -2px;
    /*background-color: #2cdede;*/
    border-radius: 50%;
    /*border: solid 3px #0cb5b5;*/
    background-color: #8bf3f3; 
    background-color: #befcfc;
    background-color: #fff;
    border: 2px #028CBA ridge;
}
a.navbar-brand img:hover{
     /*background-color:#e49924;*/
     /*background-color:#c65d8c;*/
     background-color:#0cb5b5;
}

div.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{    
    margin-right:1.5rem;
    height:100%;
    height:6rem;
}

div.navbar-header a.navbar-brand{
    padding: 1.92rem 0.1rem 0.25rem 0.1rem;
    /*width:25%;*/
    font-family: 'times new roman';
    font-family: 'Josefin Sans', 'Poiret One', sans-serif;
    /*color:#b22664;*/
        /*text-shadow: 1px 1px 1px #d6d6d6;*/
        font-weight:700;
    
     color:#a91355;
    font-size: 1.75rem;
    font-stretch:extra-condensed;
    letter-spacing: 0.05rem; 
    /*background-color: #fbfbe7;*/    
    
    /*border: 1px solid #D6D6D6;*/
    /*border-radius: 2px;*/
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;*/
    /*background-image: linear-gradient(to bottom, #FFF 0, #999997 100%);*/
    /*margin-left:-3rem;*/
    margin-left:0;  
}

div.navbar-header a.navbar-brand span:nth-child(1){
    font-size:130%;
}
div.navbar-header a.navbar-brand span:nth-child(2){
    font-size:125%;
}

div.navbar-header a.navbar-brand:first-letter{
    /*font-size:127%;*/
}

 div.navbar-header a.navbar-brand:hover {

     /*color:#fff;*/
     color:#dd4fac;
     /*text-shadow: -1px 1px 0 #028CBA;*/      
     /*background-image: linear-gradient(to bottom, #bf5885 0, #a03564 100%);*/ 
     /*text-shadow:1px 1px 0px #a03564;*/

    }

    div.navbar-header a.navbar-brand:nth-child(2) {
        /*width:10rem;*/
    }

    /*div.navbar-header a.navbar-brand:nth-child(2):hover {
        margin-right:0;
        padding-right:0;
        width:10rem;
    }*/

    div.navbar-fixed-top div.container {
        color: #B50D0D;
        /*border: 1px solid #F2D5E8;
        border-radius: 2px;*/
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
        /*background-image: linear-gradient(to bottom, #bf5885 0, #a03564 100%);*/       
    }

    div.navbar-inverse{
        background-color:#fff;
        border:none;
    }

div.container.body-content {
    margin-top:20px;
    font-family: 'Lato', sans-serif;
}

/*div.row*/
/*Video section:*/
.video-index {   
    background-color: #002C3A;
    background-color:#0b4253;
    background-color:#3d7c8f;
    background-color:#63b0c7;
    background-color:#3D9DAD;
    background-color:rgba(3,66,73,0.25);
    background-color:rgba(106, 210, 221, 0.5);
    /*
    (88,165,153)
    59,166,158
        60,143,135
        22,154,177
        21, 125, 148
        3, 66, 73
        98,192,205
        8, 86,89
    #82A9A9, #C1F6EE , #905295 #3D9DAD

    */
    background-color:rgba(59, 166, 158, 0.65);
    background-color:rgba(21, 125, 148, 0.5);
    background-color: #c1e7f3;
    background-color: #fff;
    border: 2px solid #fff;


    padding:4px;
    color:rgba(63, 110, 114, 0.95);
}

div.videos-container{
    border-top: 7px solid rgba(233, 118, 193, 0.86);
    border-top: 7px solid #3d7c8f;
    /*border-bottom: 4px solid rgba(133, 66, 96, 0.60);*/
}
.video-index:hover{
    /*border: 2px solid #002C3A;*/
}

.video-index div.youtube.iframe:hover  {
    color:#fff;
}

.video-index div{
    border: 2px solid #002C3A;
    border:2px solid #3d7c8f;
    border: 2px solid rgba(21, 125, 148, 0.5);
    border:2px solid #c1e7f3;
    border: 2px solid #fff;
}

.video-index div.youtube.iframe:hover{
    border:2px solid #c1e7f3;
    background-color:#dd4fac;
    background-color:#EFA3C7;
    background-color:rgba(237,161,200,0.5);
    background-color:rgba(192,148,190,1);
    background-color:rgba(144,89,142,0.75);
    background-color:rgba(190,89,142,0.75);
    background-color:#63b0c7;
    /*color:#fff;*/
}

.video-index div:nth-child(1){

}
.video-index div:hover {
        /*border:2px solid #008cba;
        border:2px solid #c1e7f3;*/
        
}
.video-index h2 {
        color:#C36531;
        color:#c286ad;
        text-align:center;
        font-size:40px;
}
.video-index h3 {
    color:#3BA3C5;
    font-size:30px;
}
.video-index p {
        /*color:rgba(61, 124, 103, 0.95);*/
        font-family: 'Josefin Sans', 'Poiret One', 'Cambria', 'sans-serif';
        font-weight:400;
}

/*.video-index p:hover {
        color:#f3f7f8;
}*/     
.img-video {
    width:95%;    
}
.video-index span.btn {
    width:95%;
    margin-bottom:10px;
}
/*News section:*/
.news-index {
    background-color:#BA5E00;
    background-color:#6D3700;
    background-color:#0cb5b5;
    background-color:#f2f2f2;
    background-color:#dbe7e9;
    background-color:rgba(248, 247, 235, 0.82);
    background-color:rgba(237, 237, 234, 0.82);
    background-color:rgb(247, 247, 242);
    background-color:rgba(248, 247, 250, 0.9);

    margin-top:25px;
   padding:10px;
   border-top: 10px solid #6ba2b2;
}
.news-index h2 {
    /*width: 400px;*/
    color:#C36531;
    color:#a03564;
    color:#a03564;
    color:#731e90;
    color:#a91355;
    color:#006680;
    color:rgb(163, 8, 76);
    color:rgb(229, 34, 119);
    color:rgb(157, 13, 76);
    color:rgb(113, 9, 55);
    color:rgb(134, 22, 71);
    color:#028CBA;
    color:#1493b4;
    color:#1b88a4;
    width:330px;
    background-color:#eaa6a6;
    background-color:#ecf1f6;
    background-color:#fff;
    float:left;
    line-height:50px;
    margin: 20px auto 30px 20px;
        text-align:center;
        font-size:26px;
        font-family:  'Muli', 'Josefin Sans', 'Poiret One', 'Cambria', 'sans-serif';
        /*background-color:#82DCFA;*/
        border: 3px solid #3d7c8f;
        font-weight:600;
        t/*ext-decoration:underline;*/

}

 .news-index h2 span{
     font-size:24px;
 }
 .news-index h3 {
    /*color:#12303A;
    color:rgb(232, 171, 203);
    color:rgb(243, 188, 217);
    color:rgb(255, 211, 234);*/
        text-align:center;
        font-size:26px;
        font-family:    'Josefin Sans', 'Poiret One';
        font-weight:600;
        color:#6ed9fb;
        color:#01bcf3;
        color:#d75e43;
        color:#d58a77;
        color:#dfa98f;
        color:#c44429;
        color:#d3462a;
        color:#175d72;
        color:#15728e;        
        color:rgba(193,46,111,1);
}
.img-news-s {
     width:95%; 
     /*max-height:200px;*/ 
}
.img-news-l {
     width:95%;  
     /*max-height:200px;*/
}
news-index-1 {
    max-height:300px;
}
.news-s {
    /*background-color:#006687;
    border: 1px solid #6D6705;*/
    padding:1px;
}
.news-s:hover {
    /*border: 1px solid #6D6705;*/
}
.news-s p {
    color:#F7EDFF;
    color:#0B556D;
    font-size:18px;
    font-family:  'Josefin Sans', 'Poiret One', 'Cambria', 'sans-serif';
    font-weight:600;
}
news-index-2 {
    max-height:300px;
}
.news-l {    
    padding:10px;   
}
.news-l:hover {
    
}
.sub-news-s {
  padding:0 10px 10px 10px;
   background-color:#006687;
   background-color:#fff;
    border:1px solid #0B556D;
}
.sub-news-s:hover {
    padding:0 10px 10px 10px;
    border:1px solid #0AD1CE;
}
.sub-news-l {
 padding:0 10px 10px 10px;
   background-color:#006687;
   background-color:rgba(255, 255, 254, 1);
    border:1px solid #0B556D;
}
.sub-news-l:hover {
    border: 1px solid #0AD1CE;
}
.news-l p {
    color:#F7EDFF;
    color:#0B556D;
    font-size:17px;
    font-family: 'Cabin', 'Hind', 'Muli', 'Josefin Sans', 'Poiret One', 'Cambria', 'sans-serif';
}

div.news-index span.btn.btn-default{
    background-color:#d0e3e9;
    background-color:rgba(220, 236, 241, 0.55);
    color: #0B556D;
}

div.news-index p.pubDate, div.news-l p.pubDate{
    color:rgb(107,162,178);
    font-size:16px;
}

.first-row {
    border: 1px solid #F7EDFF;
    box-shadow: 0 0 5px #F7EDFF inset;
    /*background: transparent linear-gradient(to bottom, rgba(154, 131, 131, 0.4) 0, #FFF4F6 49%, #FFF4F6, #F5F6F6 100%) repeat scroll 0 0;*/
    background-color:#FFF4F6;
}

a.btn.btn-default {
    color: #813D9C;
    border: 1px solid #E3D6E8;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    /*background-image: linear-gradient(to bottom, #FFF 0, #E3D6E8 100%);*/
    background-color:#efb8d0;
}

ul.nav.navbar-nav li a {    
    font-weight:800;   
    letter-spacing:2px;   
    font-family: 'Lato', sans-serif;
    /*font-family: "futura", Verdana, sans-serif;*/
    font-size: 1.25rem;    
    /*color:#fff;*/
    color:aquamarine;
    color:#42675b;
    padding-top: 2rem;
    /*text-shadow: -1px 1px 0 #028CBA;*/
    /*border-right: 1px solid #F2D5E8;*/
}  
ul.nav.navbar-nav li a:hover {
    /*background-image: linear-gradient(to bottom, #FFF 0, #999997 100%);*/
    
    color:#a03564;
    color:#f26da7;
    /*text-shadow: 0 1px 0 #fff;*/
}
/*Contact starts:*/
.Cont-1 i {
    font-/*border-left: 1px solid #F2D5E8;    
    border-right: 1px solid #F2D5E8; 
    border:1px solid #F2D5E8;*/size:34px;
    margin-left:5px;
}
.Cont-1 i:hover {
   color:blue;
}
.Cont-1 .fa-envelope-square {
    color:cornflowerblue;
}
.Cont-1 .fa-facebook-square {
    color:dodgerblue;    
}
.Cont-1 .fa-linkedin-square {      
}

.footer {
    width: 100%;
}
/*Footer starts:*/
/*Footer-Top:*/
.footer-top {
    background-color:#037BA3;
    margin:10px 0 -10px 0;
    padding:0;

}
.footer-top h3 {
    color:#ED4618;
    color:#e5a1ff;
    color:rgb(185, 232, 242);
    font-size:26px;
    text-decoration: underline;
}
.footer-top li{   
    color:#f0f0f0;
    font-size:15px;
    /*text-shadow:1px 0 grey;*/
    font-family: 'Hind', "Franklin Gothic";
    list-style:none;
    margin-left:-35px;
}
.img-icons-s {
    width:30px;
}
.footer-top span{   
    color:#f0f0f0;
    margin-left:5px;
    font-size:15px;
    /*text-shadow:1px 0 grey;*/
    font-family: 'Hind', "Franklin Gothic";  
}


/*Footer-Bottomop:*/
.footer-bottom {   
    padding:10px;
    text-align:center;
    margin-top:10px;      
    color:#006680 ;   
    border: 1px solid #82DCFA;
    border-radius: 2px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    background-color:#037BA3;
    background-color:#0B556D;
    /*background-image: linear-gradient(to bottom,  #0cb5b5 0,  #037BA3 100%);*/
}
.footer-bottom p {    
    padding-top:7px;
    color:#f0f0f0;
    font-size:15px;
    /*text-shadow:1px 0 grey;*/
    font-family: 'Hind', "Franklin Gothic";
    }



/*Gallery starts:*/
.DocVoiImg img {
    max-width:220px;
    margin-bottom:20px;
}


/*
    xmas
*/

div#xmas{
    -ms-transform: rotate(35deg); /* IE 9 */
    -webkit-transform: rotate(35deg); /* Chrome, Safari, Opera */
    transform: rotate(35deg);    
    z-index:1030;
    /*margin-left:60%;*/ 
    right: -120px;     
    position:fixed;
    border:5px outset #0cb5b5;
    height:50px;
    width:550px;
    background-color: rgba(12,181,181, 0.7);       
    border:5px outset #0cb5b5;
}

div#xmas p a {
    color: #3574bcf2;
}

div#xmas p {
    color:#e7f0f0;
    color:#99eded;
    color:#aa4c75;    
    text-shadow:1px 1px #006680, -1px -1px #028CBA;
    text-shadow:1px 1px #91d6e8, -1px -1px #00b5f2;
    font-family:Pacifico, Georgia;
    padding-left:41.5%;
    padding-left:35%;
    padding-top:0px;
    letter-spacing:normal;
/*    letter-spacing:2px;*/
    font-size:24px;
/*    font-style:italic;*/
    font-weight:600;
    color: #3574bcb3;
    margin-left: -6.0rem;
}

div#solemn-occassion{
    -ms-transform: rotate(35deg); /* IE 9 */
    -webkit-transform: rotate(35deg); /* Chrome, Safari, Opera */
    transform: rotate(35deg);    
    z-index:1030;
    /*margin-left:60%;*/ 
    right: -120px;     
    position:fixed;
    border:5px outset #0cb5b5;
    height:50px;
    width:550px;
    background-color: rgba(29, 66, 66, 0.70);       
    border:5px outset #092727;
}

div#solemn-occassion p {
    color:#ebebeb;
    text-shadow:1px 1px #054151, -1px -1px #125165, 2px 2px #111 ;
    /*font-family:Pacifico, Georgia;*/
    font-family: 'Times New Roman', 'Times', serif, Tahoma, Geneva, Verdana, sans-serif;
    padding-left:23.5%;
    padding-top:1px;
    letter-spacing:normal;
    font-size:26px;
    font-style:italic;
    font-weight:600;
    font-variant-caps:all-small-caps;
}

div#solemn-occassion p span{
    font-size:75%;

}

div.solemn h3{
    color:#221818;
    font-size:30px;
}

div.solemn h3 span{
    font-size:105%
}

div.solemn{
    background-color:#988c8c;
    background-color:#8c9094;
    background-color:#959595;
    background-color: #999;
    /*color:#fff;*/
}

div.solemn p {
    color:#ecf1f6;
}

div#top{
    
    /*height:200px;*/
    overflow:hidden;
    font-size:22px; 
    margin-top:75px; 
}
div#top h3{
    font-size:26px;
}
div#top img{
    /*float:left;*/
    float:right;
    margin-top:-60px;
    border: 2px ridge #222;
    border-radius:3%;
    width:200px;
}
div#top p{
    color:#ebeaeb;
    font-size: 16px;
}

   div#top span.name{
    font-size:28px;
    font-weight: 600;
    font-variant-caps:small-caps;
    text-decoration:underline;
}

    

/* for navbar menu*/
.nav ul {
  list-style: none;
  background-color: rgba(210, 247, 247, 0.70);
  text-align: center;
  padding: 0;
  margin: 0;
}

.nav li {
  font-family: 'Oswald', sans-serif;
  font-size: 1.2em;
  line-height: 40px;
  text-align: left;
}

.nav a {
  text-decoration: none;
  /*color: #fff;*/
  display: block;
  padding-left: 15px;
  border-bottom: 1px solid #888;
  transition: .3s background-color;
}

.nav a:hover {
  background-color: #005f5f;
}

.nav a.active {
  background-color: #aaa;
  color: #444;
  cursor: default;
}

/* Sub Menus */
.nav li li {
  font-size: .8em;
}

.nav li.dropdown ul li a{
    border-right:none;    
    margin-top:0;
}
.nav li.dropdown ul li :hover{
    width:100%;
}


/*******************************************
   Style menu for larger screens

   Using 650px (130px each * 5 items), but ems
   or other values could be used depending on other factors
********************************************/

@media screen and (min-width: 650px) {
  .nav li {
    /*width: 130px;*/
    border-bottom: none;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    display: inline-block;
    /*margin-right: -4px;*/
  }

  .nav a {
    border-bottom: none;
  }

  .nav > ul > li {
    text-align: center;
  }

  .nav > ul > li > a {
    padding-left: 0;
  }

  /* Sub Menus */
  .nav li ul {
    position: absolute;
    display: none;
    width: inherit;
  }

  .nav li:hover ul {
    display: block;
  }

  .nav li ul li {
    display: block;
  }
}

a.navbar-brand {
    height:auto;
}
/* end of navbar*/

/*General:*/

div.slick-list.draggable{
    /*background-color:#e3edf7;*/
}

div.mission{
    width:65%;
    font-size: 110%;
    background-color:#f0f0f0;
    padding:1.5rem 1.5rem 1rem 2rem;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.47);
}

div.mission p{
    line-height:3.5rem;
    margin:0;
}

span.person-imp{
    color:rgba(193,46,111,1);
    font-weight: 600;
    font-size:105%;
    text-shadow: 1px 1px 0 #777;
    letter-spacing:0.1rem;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

span.date{
    font-weight: 400;
    font-size:100%;
    text-shadow: 1px 1px 1px #333;
    letter-spacing:0.05rem;
    color:#337ab7;
}

div.mission p a{
    font-weight: 600;
    font-size:105%;
    text-shadow: 1px 0 0 #777;
    letter-spacing:0.05rem;
}

p.person-name{
    font-size:130%;
}

   
p.text-1, p.height-1{
    font-size:110%;
    color:#ffffff;
}

p.height-1{
/*        line-height:90%;*/
    padding:0;
    margin:0;
}


    div.above-jumbotron {
/*        animation-delay: 5s;*/
    /* background-color: #00b5f2; */
    background-color: #09c3c340;
    /* animation-timing-function: linear; */
/*        animation-timing-function: ease;*/
    animation-direction: reverse;
    -webkit-animation: above-jumbotron-move 16s infinite; /* Safari 4.0 - 8.0 */
    animation: above-jumbotron-move 16s infinite;
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes above-jumbotron-move {
0% {left: 1750px;}
/* 50% {left: -500px;} */
100% {left: -1750px;}
}

@keyframes above-jumbotron-move {
0% {left: 1750px;}
/* 50% {left: -500px;} */
100% {left: -1750px;}
}


div.anim.col-xs-12{
    width:300rem;
}

div.above-jumbotron h2 span.emphasis {
    font-weight:600;
    text-shadow: #ccc 1px 1px;
    font-size: 112%;
}

span.emphasis{
    color:yellow;
}

div.above-jumbotron h2 span.film-name{
    color:#107979;
    
}
div.above-jumbotron h2{
    /* width:250rem; */
}


h1.page-title {
    /*        text-decoration:underline;*/
            text-shadow:1px 1px 0px #0e7575, -1px -1px 0px #71b8c0, 2px 2px 1px #71b8c0;       
    
        }
        div.film-info h4{
            color:#2893B6;
        }
        div.film-info h4 span.film-field{
            font-size:105%;
            color:#333;
        }