@charset "utf-8";
/* CSS Document */


.highwh100, .highbgd01, .highbgd02, .highbgd03, .highbgd04, .highbgd05, .highbgd06, .highbgd07, .highbgd08 {position:absolute; top:0; left:0; width:100%; height:100%}

.highbgd01 {background:url(../images/screen01.jpg) no-repeat bottom 0% center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.highbgd02 {background:url(../images/screen02.jpg) no-repeat bottom 30% left; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.highbgd03 {background:#333f49 url(../images/headimage03.jpg) no-repeat top center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.highbgd04 {background:url(../images/screen04.jpg) no-repeat bottom left; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s; /*transition-timing-function: linear;*/}
.highbgd05 {background:url(../images/headimage05.jpg) no-repeat center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.highbgd06 {background:url(../images/headimage06.jpg) no-repeat center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.highbgd07 {background:url(../images/headimage07.jpg) no-repeat center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}

/*.highbgd01, .highbgd02, .highbgd03, .highbgd05, .highbgd06, .highbgd07, .highbgd08 {background-size: cover;}*/
.highbgd04 {height: 100vh; background-size:auto 100%}


.highwh100 {position:absolute; top:0; left:0; width:100%; height:100%}
.divscr3main {position:relative; width:100%; height:100%}
.divscr3col2 {background-color:#333f49;}
.scr3col1bgd {background:url(../images/screen03a.jpg) no-repeat right center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.scr3col2bgd {background:url(../images/screen03b.jpg) no-repeat left center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.scr3col1bgd, .scr3col2bgd{background-size: cover;}


@media screen and (min-width: 300px) {
.highbgd01 {background:url(../images/screen01a.jpg) no-repeat bottom 0% center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.highbgd02 {background:url(../images/screen02.jpg) no-repeat bottom 50% left;}
.divscr3col1 {width:100%; float:none; height:20vh;}
.divscr3col2 {width:100%; float:none; height:80vh;}
.scr3col1bgd {width:50%; height:100%; float:left}
.scr3col2bgd {width:50%; height:100%; float:right}
.highbgd04 {background-position:8% 100%}

}


@media screen and (min-width: 480px) {
.highbgd02 {background:url(../images/screen02.jpg) no-repeat bottom 35% left;}
.divscr3col1 {width:100%; float:none; height:30vh;}
.divscr3col2 {width:100%; float:none; height:70vh;}
.scr3col1bgd {width:50%; height:100%; float:left}
.scr3col2bgd {width:50%; height:100%; float:right}
/*.highbgd04 {background-size:auto 130%; background-position:8% 80%}*/

}

@media screen and (min-width: 768px) {
.highbgd04 {background:url(../images/screen04b.jpg) no-repeat bottom left; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s; /*transition-timing-function: linear;*/}
.highbgd04 {height: 100vh; background-size:auto 100%; background-position:5% 20%}

}


@media screen and (min-width: 1024px) {
.highbgd01 {background:url(../images/screen01.jpg) no-repeat bottom 0% center;}
.divscr3col1 {width:30%; float:left; height:100%;}
.divscr3col2 {width:70%; float:right; height:100%;}
.scr3col1bgd {width:100%; height:50vh; float:none}
.scr3col2bgd {width:100%; height:50vh; float:none}
/*.highbgd04 {background-size:150% auto; background-position:0% 100%}*/
.highbgd04 {background:url(../images/screen04b.jpg) no-repeat bottom left; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s; /*transition-timing-function: linear;*/}
.highbgd04 {height: 100vh; background-size:auto 100%}

}


@media screen and (min-width: 1280px) {
/*.highbgd04 {background-size:140% auto}*/

}


@media screen and (min-width: 1366px) {
/*.highbgd04 {background-size:auto 100%}*/

}


@media screen and (min-width: 1600px) {
.highbgd01 {background:url(../images/screen01.jpg) no-repeat bottom 5% center;}

}


@media screen and (min-width: 1900px) {
.highbgd02 {background:url(../images/screen02.jpg) no-repeat bottom 30% left;}
/*.highbgd04 {background-size:100% auto}*/

}


.highbgd01, .highbgd02, .highbgd03, .highbgd05, .highbgd06, .highbgd07, .highbgd08 {background-size: cover;}