/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 8, 2019, 2:35:27 PM
    Author     : sourabh sisodiya
*/

body{ width: 100%; height: 100%; padding: 0; margin: 0; font-family: 'Lato', sans-serif;}

*{padding: 0; margin: 0;}

.back-ground {background: url(../images/back.png) center no-repeat;height: 100%;background-size: cover;position: absolute;width: 100%;}
.back-ground  .back-ground-in {
    height: 100%;
    text-align: center;
    /* display: flex; */
    /* overflow: hidden; */
    width: 1100px;
    margin: 0 auto;
    /* padding: 55px 0px; */
}
.back-ground  .back-ground-in .top-title{padding: 60px 0px;/* padding-bottom: 47px; */}

.back-ground  .back-ground-in .top-title h2{
    font-size: 40px;
    color: #fff;
    font-weight: 800;
    padding-top: 33px;
    /* text-shadow: 0px 1px 1px #000; */
}

.back-ground  .back-ground-in .top-title p{
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    padding-top: 11px;
    text-shadow: 0px 1px 1px #000;
}

.back-ground  .back-ground-in .top-title img{
    background-color: #f7edd7;
    width: 19%;
    padding: 4px 27px;
    border-radius: 66px;
    margin: 0px 12px;
}
.back-ground  .back-ground-in .for-logo{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.back-ground  .back-ground-in .for-logo h3{
    /* text-align: left; */
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    /* padding: 22px 0px; */
    padding-bottom: 44px;
}
.back-ground  .back-ground-in .for-logo .blocks{width: 85px;height: 85px;float: left;overflow: hidden;border-radius: 121px;margin: 0 auto;/* display: flex; *//* line-height: 117px; */margin: 0px 11px;background-color: #fff;border: #0000000a 24px solid;transition: 0.8s;}
.back-ground  .back-ground-in .for-logo .blocks img{width: 100%;}
.back-ground  .back-ground-in .for-logo .blocks a{ }

.back-ground  .back-ground-in .for-logo .blocks:hover {border: #d0d0d0d6 24px solid;}

.address-set {
   overflow: hidden;
   background-color: #000;
   position: fixed;
   bottom: 0;
   width: 100%;
}
.address-set .address-set-in{
   overflow: hidden;
   width: 95%;
   margin: 0 auto;
   padding: 10px 0px;
}

.address-set .address-set-in .left-set{
   width: 32%;
   float: left;
}
.address-set .address-set-in .left-set p{
   color: #bfbfbf;
   font-weight: 400;
   font-size: 15px;
   line-height: 20px;
}
.address-set .address-set-in .left-set a{
   
}
.address-set .address-set-in .right-set{
   width: 64%;
   float: right;
   padding: 9px 0px;
}
.address-set .address-set-in .right-set span{
   color: #a2a2a2;
   padding: 0px 10px;
}
.address-set .address-set-in .right-set a{
   color: #af8151;
   text-decoration: none;
}

.icon-bar {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  .icon-bar a {
    display: block;
    text-align: center;
    padding: 16px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
  }
  
  .icon-bar a:hover {
    background-color: #000;
  }
  
  .facebook {
    background: #3B5998;
    color: white;
  }
  
  .twitter {
    background: #55ACEE;
    color: white;
  }
  
  .google {
    background: #dd4b39;
    color: white;
  }
  
  .linkedin {
    background: #007bb5;
    color: white;
  }
  
  .youtube {
    background: #bb0000;
    color: white;
  }

  .insta {
    background: #bb0000;
    color: white;
  }
  
  .content {
    margin-left: 75px;
    font-size: 30px;
  }


@media only screen and (max-width: 667px) {
    
    .back-ground .back-ground-in .top-title {
    padding: 21px 0px;
}
.back-ground .back-ground-in .top-title h2 {
    font-size: 48px;
    color: #fff;
    font-weight: 100;
    padding-top: 33px;
}
.back-ground .back-ground-in .for-logo .blocks {
    width: 38px;
    height: 38px;
    float: left;
    overflow: hidden;
    border-radius: 121px;
    margin: 0 auto;
    /* display: flex; */
    /* line-height: 117px; */
    margin: 0px 9px;
    background-color: #fff;
    border: #0000000a 10px solid;
    transition: 0.8s;
}
.back-ground .back-ground-in .for-logo .blocks:hover {
    border: #d0d0d0d6 10px solid;
}
.back-ground .back-ground-in {
    height: 100%;
    text-align: center;
    /* display: flex; */
    /* overflow: hidden; */
    width: 80%;
    margin: 0 auto;
}
.address-set {

     position: inherit; 
 
}
.back-ground {
  position: inherit;  
   
}
.address-set .address-set-in .right-set {
    width: 100%;
  
   
}
.address-set .address-set-in .left-set {
    width: 100%;
  
   
}

}
@media only screen and (max-width: 480px) {
    .address-set .address-set-in .right-set span {
    color: #a2a2a2;
    
    font-size: 12px;
}
    
    .back-ground .back-ground-in .for-logo .blocks {
    width: 60px;
    height: 60px;
    margin: 7px 5px;
    border: #0000000a 10px solid;
    transition: 0.8s;
}

.back-ground  .back-ground-in .for-logo .blocks:hover {border: #d0d0d0d6 18px solid;}
.back-ground .back-ground-in .top-title h2 {
    font-size: 26px;
}
.back-ground .back-ground-in .top-title p {
    font-size: 17px;
   
}
.back-ground .back-ground-in .for-logo {
    width: 82%;
    margin: 0 auto;
    overflow: hidden;
}
.back-ground .back-ground-in {
    height: 100%;
    text-align: center;
    /* display: flex; */
    /* overflow: hidden; */
    width: 94%;
    margin: 0 auto;
}
}
@media only screen and (max-width: 320px){
.back-ground .back-ground-in .for-logo {
    width: 88%;
    margin: 0 auto;
    overflow: hidden;
}
}