body,html{
  width:100%;height:100%
  }
body{
  font-family:Merriweather,'Helvetica Neue',Arial,sans-serif
}
hr{
  max-width:50px;border-width:3px;border-color:#3195ff;
  }
hr.light{
  border-color:#fff;
  }
a{
  color:#111;
  -webkit-transition:all .2s;
  -moz-transition:all .2s;
  transition:all .2s;
  }
a:hover{
  color:#3195ff;
  }
h1,h2,h3,h4,h5,h6{
  font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
}
.bg-primary{
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #31c1ff), color-stop(0.00, #3195ff));
  background: -webkit-linear-gradient(top, #3195ff 0%, #31c1ff 88%);
  background: -moz-linear-gradient(top, #3195ff 0%, #31c1ff 88%);
  background: -o-linear-gradient(top, #3195ff 0%, #31c1ff 88%);
  background: -ms-linear-gradient(top, #3195ff 0%, #31c1ff 88%);
  background: linear-gradient(to bottom, #3195ff 0%, #31c1ff 88%);

  /*background-color:#3195ff!important;*/
  }
.bg-dark{
  background-color:#212529!important
}
.bg-wht {
  background-color: #ffffff;
}
.text-faded{
  color:rgba(255,255,255,1);
}
section{
  padding:8rem 0
}
.section-heading{
  margin-top:0
}
::-moz-selection{
  color:#fff;
  background:#212529;
  text-shadow:none;
}
::selection{
  color:#fff;
  background:#212529;
  text-shadow:none;
  
}
img::selection{
  color:#fff;background:0 0
}
img::-moz-selection{
  color:#fff;
  background:0 0
}

/*/////////////////////////////////
    Font designation 
/////////////////////////////////*/

.font-Cinzel-4{
  font-family: 'Cinzel', serif;
  font-weight:400;
}
.font-Cinzel-7{
  font-family: 'Cinzel', serif;
  font-weight:700;
}
.font-Cinzel-9{
  font-family: 'Cinzel', serif;
  font-weight:900;
}

.font-O-Sans-4{
  font-family: 'Open Sans', sans-serif;
  font-weight:400;
}
.font-O-Sans-6{
  font-family: 'Open Sans', sans-serif;
  font-weight:600;
}


.font-asap-4{
  font-family: 'Asap', sans-serif;
  font-weight: 400;
}

.font-Roboto-4{
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
.font-Roboto-9{
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
}


.text-shadow{
  text-shadow: 2px 2px 2px #888;
}
/*/////////////////////////////
  font-align
///////////////////////////////*/
.text-align-right{
  text-align: right;
}
.text-align-left{
  text-align: left;
}
.text-align-center{
  text-align: center;
}
/*/////////////////////////////
  logo
///////////////////////////////*/
@media screen and (max-width: 768px){
  .logo{
    width: 70%;
  }
}

@media screen and (max-width: 480px){
  .logo{

  }
}


#mainNav{
  border-bottom:1px solid rgba(33,37,41,.1);
  background-color:#3195ff;
  font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
  -webkit-transition:all .2s;
  -moz-transition:all .2s;
  transition:all .2s
}
#mainNav .navbar-brand{
  font-weight:700;
  text-transform:uppercase;
  color:#fff;
  font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
}
#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{
  color:#fff;
  }
#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{
  font-size:.9rem;
  font-weight:700;
  text-transform:uppercase;
  color:#fff;
}
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{
  color:#3195ff
  }
#mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{
  color:#fff !important;
  background-color:transparent
}
#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{background-color:transparent}

@media (min-width:992px){
  #mainNav{
    border-color:transparent;background-color:transparent;
  }
  #mainNav .navbar-brand{
    color:rgba(255,255,255,.7);
  }
  #mainNav .navbar-brand img{
    height:27px;
  }  
  
  #mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{
    color:#fff;
  }
  #mainNav .navbar-nav>li.nav-item>a.nav-link{
    padding:.5rem 1rem;
  }
  #mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{
    color:rgba(255,255,255,.7)
  }
  #mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{
    color:#fff;
  }
  #mainNav.navbar-shrink{
    border-bottom:1px solid rgba(33,37,41,.1);
    background-color: rgba(160, 226, 255, 0.6);
    background: rgba(160, 226, 255, 0.6);
    color: rgba(160, 226, 255, 0.6);
  }
  #mainNav.navbar-shrink .navbar-brand{
    color:#3195ff;
  }
  #mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{
    color:#3195ff;
    }
  #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{
    color:#212529;
  }
  #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{
    color:#3195ff;
  }
}


#mainNav2 {
    border-color: transparent;
}
#mainNav2 {
    border-bottom: 1px solid rgba(33,37,41,.1);
        border-bottom-color: rgba(33, 37, 41, 0.1);
    background-color: #3195ff;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

header.masthead{
  padding-top:10rem;padding-bottom:calc(10rem - 56px);
  background-image:url(../img/header.jpg);
  background-position:center center;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  background-attachment: fixed;
  
}

@media screen and (max-width: 768px){
  header.masthead{
    background-attachment: scroll;
  }
}

@media screen and (max-width: 480px){
  header.masthead{
    background-attachment: scroll;
  }
}




header.masthead hr{
  margin-top:30px;margin-bottom:30px;
}
header.masthead h1{
  font-size:2rem
}
header.masthead p{
  color:#ffffff;
}
@media (min-width:768px){
  header.masthead p{
    font-size:1.15rem
  }
}
@media (min-width:992px){
  header.masthead{
    height:100vh;
    min-height:650px;
    padding-top:0;
    padding-bottom:0;
  }
  header.masthead h1{
    font-size:3rem
  }
}
@media (min-width:1200px){
  header.masthead h1{
    font-size:4rem
  }
}

/* sp-off */
@media (min-width: 320px){
  .sp-off{
    display: none;
  }
}
@media (min-width: 480px){
  .sp-off{
    display: inline;
  }
}
/**********************************
  banner
**********************************/
@media (min-width: 320px){
  .banner-area{
    padding-top:20px;
  }
  
  .banner-area img{
    width:100%;
  }
}

@media (min-width: 480px){
  .banner-area {
    padding-top:20px;
  }
  .banner-area img{
    width:100%;
  }
}

@media (min-width: 667px){
  .banner-area {
    padding-top:20px;
    margin-top: 40px;
  }
  .banner-area img{
    width:100%;
  }
}

@media (min-width: 768px) {
  .banner-area {
    padding-top: 0px;
    margin-top:40px;
  }
  .banner-area img{
    width:70%;
  }
}

@media (min-width: 992px) {
  .banner-area {
    padding-top:50px;
  }
  .banner-area img{
    width:75%;
  }
}

@media (min-width: 1200px) {

}

.service-box{
  max-width:400px;
}
.portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto}.portfolio-box .portfolio-box-caption{position:absolute;bottom:0;display:block;width:100%;height:100%;text-align:center;opacity:0;color:#fff;background:rgba(240,95,64,.9);-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{padding:0 15px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:14px;font-weight:600;text-transform:uppercase}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}.portfolio-box:hover .portfolio-box-caption{opacity:1}.portfolio-box:focus{outline:0}@media (min-width:768px){.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}}.text-primary{
  color:#3195ff!important;
  }
  .btn{font-weight:700;text-transform:uppercase;border:none;border-radius:300px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}.btn-xl{padding:1rem 2rem}
.btn-primary{
  background-color:#3195ff;
  border-color#3195ff;
  }
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{
  color:#fff;background-color:#3195ff!important;
  }
.btn-primary:active,.btn-primary:focus{
  /*box-shadow:0 0 0 .2rem rgba(240,95,64,.5)!important;*/
  }
  
/*////////////////////////////////////////
  .box-shadow
////////////////////////////////////////*/
.box-shadowa{
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  padding: 15px 15px;
}
/*////////////////////////////////////////
  .row-eq-height
////////////////////////////////////////*/
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
/*////////////////////////////////////////
  .text-uppercase
////////////////////////////////////////*/
.text-uppercase{
  text-shadow: 2px 2px 3px rgba(0,0,0,0.42);
}

/*////////////////////////////////////////
  VIDEO
////////////////////////////////////////*/
.text-overlap{
  z-index:1;
}

#video-background {
position: fixed;
left: 0;
top: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -999;
}

@media screen and (max-width: 768px){
  #video{
    display: none;
  }
}

@media screen and (max-width: 480px){
  #video{
    display: none;
  }
}



/* Grid */
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
/* news */

#news dl{
  text-align: left;
}

/*/////////////////////////////
  movie
//////////////////////////////*/
.movie-wrap
{
  position:relative;
  width:100%;
  padding-top:56.25%;
}

.movie-wrap iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/* telegram*/
.teleg{
  vertical-align: 5px;
  margin-left: 10px;
}
.teleg-area{
  padding: 5px 0;
}