body, html{
  height: 100%;
  margin: 0;
  padding: 0;
-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	font-family: 'Open Sans', sans-serif;
}

body{    background: url(../images/bg.jpg) no-repeat; background-size: cover;}


.topsec p{ font-size: 3em; font-weight: 300; margin:0;  }
p:last-child{ margin-bottom: 0; }

.out-block{ padding:0; overflow:hidden; position: relative; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.main-logosec{height: 33vh; }
.bottom-sec{height: 1.5vh; }
[class*="child"]{height: 63.5vh; width:100%; 
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;} 

.child1{background: url(../images/sld1.jpg) no-repeat top center; background-size: cover;}

.child3{background: url(../images/sld3.jpg) no-repeat top center; background-size: cover;}

.d-table{ display: table; width: 100%; }
.d-tcell{ display: table-cell; vertical-align: middle; }
.logo-box{ background: #fff; display: inline-block; padding: 20px; height: 200px; width: 200px; }
.logo-box img{ margin-bottom: 0 }
img{ max-width: 100%; vertical-align: middle; }
 .clear{ clear: both; }

.out-block:hover [class*="child"],
.out-block:focus [class*="child"] {
  transform: scale(1.2);
}

[class*="child"]:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.65);
  -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.out-block:hover [class*="child"]:before,
.out-block:focus [class*="child"]:before {background-color: rgba(0, 0, 0, 0.4);}

.out-block a{ cursor:pointer; display:block;}

.logo{ position:absolute; width:100%; height:100%; text-align:center; z-index:88;}
.logo:after{ position:absolute; left:20px; right:20px; top:20px; bottom:20px; border:13px solid rgba(255,255,255,0.15); content:""; -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;}

 .topsec .logo:after{ display: none; }
.out-block:hover .logo:after{border:5px solid rgba(255,255,255,0.8);}
.logo .logo-inner{position: relative; top: 35%; -webkit-transition: all .5s; margin-top: -35px;}

.logo .btn{background:#fff; color:#10385d; text-transform:uppercase; border:none; border-radius:50px; font-size:15px; font-weight:700; padding-left:15px; padding-right:15px; -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;}
.out-block:hover{  }
.out-block:hover .btn{ background:#10385d; color:#fff; padding-left:35px; padding-right:35px;}

.out-block .logo img{display: block; margin: 0 auto 20px auto; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.out-block:hover .logo img{   transform: scale(1.08);}

.out-block.topsec:hover .logo img,
.out-block.topsec:hover{   transform: scale(1);}

@media (max-width: 767px){
  body, html{ height: auto; }
  .topsec p{font-size: 2.8em;}
  .out-block.topsec .logo img{ max-width: 66%; }
  .main-logosec { height: 25vh; }
  .col-md-6{ padding: 15px; }
}