/******************************************
logo Inside invert            
******************************************/

.logoStyleIn {
    fill: #e7f1ea;
}


/******************************************
FrameStyle and buyBtn color should be the same               
******************************************/
/******************************************
Over write - Styles                
******************************************/


.loading::before {
    filter: invert(47%) sepia(90%) saturate(363%) hue-rotate(145deg) brightness(87%) contrast(99%);
}


.frameStyle {
    background-color: #e7f1ea;
}
.logoColour {
    transition: fill 2.4s ease;
    fill: #2193af;

}



/*.buyBtn {
    color: #311f17;
}*/

.svgStroke {
    stroke: #2193af;
}

h1,
.subContentStyle,
.contentStyle,
.divider,
.dividerExtra,
.bodyStyle,
.linkStyle,
.copyright {
    color: #2193af;
}

.linkStyle {
    border-bottom: 1px dotted #2193af;
}

/*.buyBtn {
    background-color: #ff8900;
}
*/
/*.imageColor {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}
*/

/*::selection,
::-moz-selection {
    color: #fff;
}
*/
.imgColumnL,
.imgColumnR {
    width: 100%;
}
/******************************************
 END OF Over write - Styles                      
******************************************/

/*.ri-warp, .ri-iframe{
    max-width:600px;
    max-height: 100px;

}*/
/******************************************
 Cycle2 Slideshow               
******************************************/
.fit-vids-style {
    height: 0px;
}


.slider {
    width:100%;
    margin:0 auto;
    position: relative;
}

.slide {
    
    width:100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height:200px;
    position: absolute;
    text-indent: 0;
}

    #slide1 {
        background-image: url(../img/portfolio/work/sonyID/S/sony_01.jpg);
    }
    #slide2 {
        background-image: url(../img/portfolio/work/sonyID/S/sony_02.jpg);
    }
    #slide3 {
        background-image: url(../img/portfolio/work/sonyID/S/sony_03.jpg);
    }  
    #slide4 {
        background-image: url(../img/portfolio/work/sonyID/S/sony_04.jpg);
    }  
    #slide5 {
        background-image: url(../img/portfolio/work/sonyID/S/sony_05.jpg);
    } 

/******************************************
 END OF cycle2 Slideshow               
******************************************/


/******************************************
/* MEDIA QUERY                   
/******************************************/


@media only screen and (min-width: 500px) {
.slide{
    width:100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height:400px;
    position: absolute;
    text-indent: 0;
    z-index: 0;
 } 


@media only screen and (min-width:800px){
  .slide{
    width:100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height:500px;
    position: absolute;
    text-indent: 0;
    z-index: 0;
} 
   #slide1 {
        background-image: url(../img/portfolio/work/sonyID/L/sony_01.jpg);
    }
    #slide2 {
        background-image: url(../img/portfolio/work/sonyID/L/sony_02.jpg);
    }
    #slide3 {
        background-image: url(../img/portfolio/work/sonyID/L/sony_03.jpg);
    }  
    #slide4 {
        background-image: url(../img/portfolio/work/sonyID/L/sony_04.jpg);
    }  
    #slide5 {
        background-image: url(../img/portfolio/work/sonyID/L/sony_05.jpg);
    } 


}
@media only screen and (min-width:900px){
    .slide{
    width:100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height:600px;
    position: absolute;
    text-indent: 0;
    z-index: 0;
    /*transition: all .3s ease;*/
    
}