@font-face {
    font-family: myFont;
    src: url(../Font/advent-Lt2.otf);
}

@font-face {
    font-family: myFontOpenSans;
    src: url(../Font/OpenSans-Light.ttf);
}

body
{
    font-family : myFont !important;
}

.about-footer-text
{
    font-family : myFontOpenSans !important;
    color : #9D9D9C;
    
}

.about-footer-text-new{
    text-align: justify;
    font-size:15px;
    padding-left:0px !important;
    padding-right : 0px !important;
    margin:0px !important;
    
    padding-top:30px;
    padding-bottom:50px;
    letter-spacing: 1px;
}
.section{
    width :100%;
    float : left
}

.pull-left{
    float : left;
}
.sub-section
{
    width : 100%;
    float : left;
}

.hundred-percent
{
    width : 100%;
}

.section-head,.section-5, .section-3,.section-head1 {
    padding:0px;
  //  height:730px;
  //  background-size: cover;
    
    text-align : center;
    color : white;
    display: table;
    
  //  padding-top: 250px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
//    background-size : 100%;
}

.section-head
{
    background-position: 50% -20%;
}

.any-border
{
    border: 2px solid white;
  padding-top: 8px;
  padding-bottom: 5px;
  margin-right: 15px;
  padding-left: 3% !important;
  padding-right: 3% !important;
  letter-spacing: 1px;
}

.section-2, .section-4
{
    height :250px;
    text-align: center;
    display: table;
    
}

.sub-section-2, .sub-section-3, .sub-section-4{
    display: table-cell;
    vertical-align: middle;
    
    line-height: 110%;
    letter-spacing: 1.4px;
}

#icon-h1
{
    z-index : 20;
}

#fruit_for_thought
{
    position: fixed;
    
    bottom:20px;
    z-index:10000000;
    width:8%
}

.sub-section-2, .sub-section-3, .sub-section-4{
    font-size: 280%;
}

.sub-section-3
{
   // color : black !important;
}

.section-head-text
{
    display: table-cell;
    vertical-align: middle;
}



.section-3
{
    padding : 0px !important;
    z-index : 10;
}

.carousel-caption
{
    top: 60%  !important;
    transform: translateY(-50%) !important;
    bottom: initial;
 //   display:table-cell;
//  vertical-align:middle;
}

.word
{
    letter-spacing : 1px !important;
}

.section-2-white
{
    width : 100% !important;
}


.custom-menu{
    list-style-type: none;
    margin: 0;
    padding: 0;
    border : 0px !important;
    position:fixed !important;
    top:48px;
}

.custom-menu li.active a
{
    border : 0px !important;
    background-color: transparent !important;
}

.custom-menu li a
{
    color : white !important;
    font-size: 110% !important;
    font-weight: bold;
    padding-left : 24px !important;
   // padding-right : 12px !important;
    letter-spacing : 1px;
    text-align: right;
    padding-right : 0px !important;
}

.custom-menu li a:hover
{
    background: none !important;
    border : none !important;
}

.carousel-caption h3
{
    font-size : 190% !important;
}

.carousel-caption-sub{
    
   
    font-size : 25px;
    
      padding-top: 8px;
  padding-bottom: 2px;
  margin: 0 auto;
}

.carousel-caption-sub1
{
    font-size : 25px;
    
      padding-top: 8px;
  padding-bottom: 2px;
  margin: 0 auto;
}
.carousel-caption-sub-sub{
    border: 2px solid !important;
  background: url("../img/view_films_icon.png");
  background-size: 25px 15px !important;
  background-repeat: no-repeat !important;
  display: inline-block !important;
  height: 40px !important;
  /* width: 400px; */
 
}

.carousel-caption-sub-sub span
{
//padding-left: 0px !important;
  padding-right: 0px;
  height: 40px;
  display: table-cell;
  vertical-align: middle;
  /* width: 70%; */
  padding-top: 3px;
  padding-bottom: 0px;
 // padding-left: 10px;
}

.home-slide-links{
        text-align: center;
        margin-top : 25px;
        font-weight: bold;
    
    }
    
    .site-title
    {
      //  position: fixed;
        
    }
    
    .section-3 a.left,.section-3 a.right
    {
        background:transparent;
    }
    
    #section1-sub img
    {
        width : 1%;
    }
    
    
    
    .hcenter
    {
        text-align: center;
    }
    
    .hundred-percent
    {
        width : 100%;
    }
    
    #about-section1
    {
      //  background-position : 0% -150px;
    }
    
    #contact-section1
    {
        
    }
    
    
    
    #about-section-2
    {
        padding-top : 4%;
        font-size : 150%;
        padding-bottom : 3%;
    }
    
    .about-section-2-text
    {
        padding-bottom : 20px !important;
    }
    
    
 
 
 ::-webkit-input-placeholder {
   color: white;
}

:-moz-placeholder { /* Firefox 18- */
   color: white;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: white;  
}

:-ms-input-placeholder {  
   color: red;  
}
 
 #contact_address
 {
     font-size : 12px;
     font-family: myFontOpenSans;
     color : #585858;
 }
 
 #contact_address span
 {
     padding : 0px;
     padding-right: 1px;
 }
 
 #contact_address span img
 {
     padding : 0px;
 }
 
 .contact-header
 {
     font-size : 180%;
 }
 
 .main-work-div
 {
     margin-bottom : 5%;
 }
 
 .info-box, .info-box-right
 {
    // border-top:1px solid black;
     border-bottom : 1px solid #E6E6E6;
     padding-left : 0px !important;
     font-weight : bold;
     position: absolute !important;
     bottom :0;
     top:0;
     right:0;
     padding-right : 0 !important;
/*     -webkit-border-top-image: url(img/line.png) 30 round;  Safari 3.1-5 
    -o-border-top-image: url(img/line.png) 30 round;  Opera 11-12.1 
    border-image: url(img/line.png) 30 round;*/
 }
 
 .info-box-info
 {
     font-weight : normal !important;
 }
 
 .main-info-box
 {
     position : relative;
 }
 
 
 .main-info-box img
 {
     padding-left : 0;
     padding-right : 0;
 }
 
 
 
 .info-box div, .info-box-right div
 {
     padding-left : 0;
 }
 
 .info-box-header, .info-box-middle
 {
     font-family: myFont;
     text-transform: uppercase;
     
 }
 
 .info-box-header
 {
     padding-top : 6px !important;
     
 }
 
 .info-box-info
 {
     font-family: myFontOpenSans;
     text-align: justify;
 }
 
 .info-box-img
 {
     padding : 0;
     margin-top : -4px;
     min-height : 10px !important;
 }
 .contact-socio-icons a
    {
        padding : 0 !important;
        padding-right : 1px !important;
    }
    
    .contact-socio-icons a img
    {
        padding : 0 !important;
    }
    
    .fourth-hue-text
    {
        font-size :16px;
    }
    
    .margin-spacing{
        margin-top : 65px;
    }
    
    .margin-spacing1{
        margin-top : 25px;
    }
    
    img.border
    {
        border : 1px solid #B3B3B3;
    }
    
    .custom-menu-a{
        cursor : pointer;
    }
    
    .slider-left-right
    {
        width :5%;
    }
    
    .show-in-mobile-only
    {
        display : none;
    }
    
    .navbar-toggle
    {
        border : none !important;
    }
    
    .navbar-toggle:hover{
        background-color: transparent !important;
    }
    
    .navbar-toggle{
        background-color: transparent !important;
    }
    
    .navbar-toggle .icon-bar
    {
        background-color : white !important;
    }
    
    .kalismi_banner, .mother_jane_banner, .ogee_banner, .poulo_banner, .shakthi_banner, .contact_banner,.uae_banner
    {
        background-size: 100%;
    }
    
    #view-each-work
    {
        color:white;
        
    }
    
    #view-each-work-span
    {
        border : 2px solid white;
        padding-top: 10px;
        padding-bottom: 5px;
        padding-left: 8px;
        padding-right: 8px;
    }
    .fourth-hue-text{
        text-transform: uppercase;
    }
    
    .no-padding{
        padding : 0px !important;
    }
    
    .no-padding-left{
        padding-left : 0px !important;
    }
    
    
      .works-tab
       {
           
           text-align: center;
           font-size: 14px;
           padding-bottom : 7px;
           margin-bottom : 15px;
           
       }
       
       .works-tab span
       {
           margin-left: 7px;
           margin-right: 7px;
           font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
           cursor: pointer;
           padding-bottom : 7px;
           
       }
       
       .works-tab span.active
       {
           border-bottom : 1px solid;
       }
       
       .works-content
       {
           margin-top: 50px;
       }
    
       .section-head-mobile{
           display: none;
       }
       
       
       .navbar-default .navbar-nav>li>a
       {
           color: black !important;
       }
       
       .navbar-nav > li > a
       {
           padding-top: 0px !important;
       }
       
       
       
       .only-mobile{
           display: none;
       }
       
       
       .carousel-caption-sub-sub
       {
           padding-left:25px;
           background-position:10%;
           padding-right: 10px;
    padding-top: 0px;
       }
       
       .carousel-caption-sub-sub a
       {
           padding-left:0px;padding-right:0px;color:white;font-size:19px;padding-left: 15px;padding-top: 6px;display: block;
       }
       
       
       .absolute-view
       {
           position: absolute;
            z-index: 1000;
            top: calc(50% - 18px);
            left: calc(50% - 45px);
       }
       
       
       .carousel-caption-sub-sub:hover
       {
           background-color:#9D9D9C;
           
       }
       
       .carousel-caption-sub-sub:hover a
       {
           color: white !important;
           text-decoration:none !important;
       }
       
       .banner-button,.banner-button:hover
       {
           text-decoration:none;
           color:white;
       }
       
       .banner-button span:hover
       {
           background-color:#9D9D9C;
           text-decoration:none !important;
           color:white;
       }
       
       .contact_submit
       {    
            color:white !important;
       }
       
       .contact_submit:hover
       {
           background-color: white;
           color: black !important;
           bordeR: 1px solid #D9D9D9;
       }
       
       
       .contact-message
       {
               margin-bottom: 0px;
            position: fixed;
            z-index: 10;
            top: 80px;
            right: 0px;
       }
       
       .common-banner
       {
           background-attachment:fixed;
           position:relative;
           background-position : 50% -40%;
          // background-size:cover
       }
       
       
       .contact-socio-icons a img
       {
           height : 100px;
           width: auto;
       }