html {height: 100%}
body{
    background-color: #FFF;
	color: #000;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 16px;
    
    height: 100%;
}

.bg-gradient{background:url(../img/gradient.html) repeat-x;}


#video-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(../img/main-img.jpg) no-repeat;
    background-size: cover;
}
#main-omni{background-color: rgba(255, 255, 255, 0.5);}
#main-img{margin-bottom:-1px; /*padding-right:15px; padding-left:5px;*/}
#main-img > div{position:relative;}
.seevideo{position:absolute; right:0; padding:15px 100px 0 0;}
.seelogo{position:absolute; left:25px; padding:15px 100px 0 0;}

.topgrey{background:url(../img/topgrey.png) top repeat-x;}
.topgreen{background-color:#b3b20f; color:#fff;}
.border-bottom-grey{border-bottom:1px solid #afb1b4;}

h2, h5{font-weight:bold;}
h3{font-weight:bold; font-size:1.4em;}
h4{font-size: 1.3em; font-weight: 600; margin-top: 11px;}

.div-arts{position:relative;}
.arts{position:absolute; right:0; padding:30px 30px 0 0; width:50%; display:none;}
.arts span{font-size:1em;}
#art03 .pt-1, #art05 .pt-1{padding-top: 0.5rem !important;}


.omni10{position:absolute; margin-top:-210px; margin-left:20px; width:100%; /*border:1px solid red;*/}

/*.tooltip > .tooltip-inner {background-color: #f00;}*/


@media (max-width: 320px) { /* i5 */ 
    .omni10{margin-top: -130px;}
}
@media (max-width: 375px) { /* i6 */
    .omni10{margin-top: -150px;}
}

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) { 
}

@media (max-width: 414px) { 
    .title-one{font-size:1.6em;}
    .arts span{font-size:0.8em;}
    
    .omni10{margin-top: -170px;}
    
    .carousel .mt-2{margin-top:0px!important;}
}
@media (max-width: 413px) { 
    .arts span{font-size:0.5em;}
}

@media (max-width: 769px) { 
    .container{padding-left:0px; padding-right:0px; margin:0!important; width:100%; overflow-x:hidden;}
    
    h4{font-size: 1.1em; margin-top: 10px;}
    
    .myfoot span{font-size:0.8em;}
    .myfoot .social img{width:30px;}
    
    .arts{padding:0px 0px 0 0;}
    
    .carousel-control .icon-prev{margin-left: -45px;}
    .carousel-control .icon-next{margin-right: -45px;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {      

}

@media (max-width: 1000px){
    .seevideo{padding:15px 15px 0 0;}
    .seevideo img{width:80%; height:auto;}
    .seelogo{padding:15px 15px 0 0;}
    .seelogo img{width:80%; height:auto;}
}
@media (max-width: 600px){
    .seevideo{padding:5px 0 0 0; margin-right:-50px;}
    .seevideo img{width:60%; height:auto;}
    .seelogo{padding:5px 0 0 0; margin-right:-50px;}
    .seelogo img{width:60%; height:auto;}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }


.img-hover{position:relative;}
.img-hover img {
    -webkit-transition: all .3s ease; /* Safari and Chrome */
  	-moz-transition: all .3s ease; /* Firefox */
  	-o-transition: all .3s ease; /* IE 9 */
  	-ms-transition: all .3s ease; /* Opera */
  	transition: all .3s ease;
    
    z-index: 900;
    position: relative;
}
.img-hover img:hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform:translateZ(0) scale(1.20); /* Safari and Chrome */
    -moz-transform:scale(1.20); /* Firefox */
    -ms-transform:scale(1.20); /* IE 9 */
    -o-transform:translatZ(0) scale(1.20); /* Opera */
    transform:translatZ(0) scale(1.20);
}

.carousel-control.right, .carousel-control.left{background: none!important;}
.carousel-control .icon-next, .carousel-control .icon-prev{font-size:80px; color:black;}
.carousel-control{top:-100px;}

.pme-logo {
    width: 4rem;
    margin-left: 2rem;
}