body
{
    
    padding-top:80px ;
    font-family:"Lato";
}
img
{
transition: all 0.4s ease-in-out;
cursor: pointer
}
img:hover 
{
    filter:sepia(100%);
    -webkit-filter:sepia(100%);
    
}
h1,h2,h3,h4
{
    margin:0
}


.navbar-inverse
{
    background-color: #2c3e50;
   
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand, 
.navbar-inverse .navbar-nav > li > a
{
    color:#FFF;
  
        
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand
{
    font-size:20px
}
.navbar span
{
    color:#8e44ad;
    padding-right: 5px
}
.navbar > .container .navbar-brand
{
    transition: all 0.4s ease-in-out;
}
.navbar > .container .navbar-brand:hover
{
    transform: scale(1.2)
}
.navbar-inverse .navbar-nav > li 
{
    transition: all 0.4s ease-in-out;
    margin-right: 14px
}
.navbar-inverse .navbar-nav > li:hover
{
    background-color: #8e44ad;
}
.soss
{
    
    
    padding-top:15px
}

.soss i
{
   color:  #8e44ad;
    margin-right: 20px;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
   
}
.soss i:hover
{
    color:#673AB7
}

.noPadding
{
    padding:0
}

.big
{
  
    position : relative;
    overflow: hidden
   
}


.big img
{
    width:100%;
    height: 487.6px;
    z-index: 999999
    
}
.x
{
    position : absolute;
    bottom:-200px;
    padding:20px 30px;
    color:#FFF;
    background-color: rgba(0,0,0,0.4);
    
    transition: all 0.5s ease-in-out;
}

.big:hover .x
{
    bottom: 0px ;
  

}


.Custom-img img {
    display: block;
    width: 100%;
    height: 162.7px;
    background-size: cover

}
.break
{
    font-size: 10px;
    padding: 30px 0 
}
.break span
{
    color:#8e44ad
}
.underline
{
    position: relative;
    margin-bottom: 50px;
    
}

.underline:before
{
    content: "";
    position: absolute;
    width:100%;
    height: 6px;
    background-color:#d5d5d5;
    top:42px;
    left:0;
    border-radius: 20px;
    
}
.underline:after
{
    content: "";
    position: absolute;
    width:15%;
    height: 6px;
    background-color:#8e44ad;
    top:42px;
    left:0;
    border-radius: 20px
}

.img-desc a:active,
.img-desc a:link,
.img-desc a:visited
{
    background-color: #8e44ad ;
    color:#FFF;
    padding: 3px 10px;
    border-radius: 50px;
    font-size: 8px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    color:#FFF;
    text-decoration: none
}
.img-desc  a:hover
{
    background-color: #673AB7
    
    
}
.img-desc  p
{
    font-size: 10px;
    line-height: 1.6;
    color:#8e8e8e;
    padding-top: 5px
    
}

#Blog h3
{
    padding-bottom: 10px
}
#Blog  a:active,
#Blog  a:link,
#Blog  a:visited

{
    background-color: #8e44ad ;
    color:#FFF;
    padding: 3px 10px;
    border-radius: 50px;
    font-size: 8px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    color:#FFF;
    text-decoration: none
    
}
#Blog  a:hover
{
    background-color: #673AB7
    
    
}
#Blog  p
{
    font-size: 10px;
    line-height: 1.6;
    color:#8e8e8e;
    padding-top: 5px
    
}
.Post > div
{
       padding-right: 15px;
        padding-left: 0px;
}
hr.seprator { 
  height: 30px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 1px 0 0 0; 
  border-radius: 20px; 
  margin: 10px 0 ;
  width: 100%;
} 
hr.seprator:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 0 0 1px 0; 
  border-radius: 20px; 
}
#Advice
{
    padding: 50px 0 ;
}
#Advice p{
 padding-bottom: 20px
}
#Advice h3
{
    padding: 10px 0 ;
}



#Advice  a:active,
#Advice  a:link,
#Advice  a:visited

{
    background-color: #8e44ad ;
    color:#FFF;
    padding: 3px 10px;
    border-radius: 50px;
    font-size: 8px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    color:#FFF;
    text-decoration: none
    
}
#Advice  a:hover
{
    background-color: #673AB7
    
    
}

#Info
{
   background-color: #242424; 
    padding: 70px 0 ;
}
#Info .overview 
{
     font-size: 10px;
    line-height: 1.6;
    color:#8e8e8e;
    padding-top: 5px
}
#Info h2,#Info h3 
{
    color:#FFF
}
#Info h3 
{
    font-size: 15px
}
#Info .myinfo
{
    margin-bottom: 20px
}
#Info .myinfo i
{
    
    color : #8e44ad
}
.myinfo p 
{
color : #FFF

}
.Post
{
    margin-bottom: 20px
}
.Post p
{
    
     font-size: 10px;
    line-height: 1.6;
    color:#8e8e8e;
    padding-top: 5px
}

#Info  a:active,
#Info  a:link,
#Info  a:visited

{
     display: inline-block;
     margin: 10px 0 ;
    background-color: #8e44ad ;
    color:#FFF;
    padding: 3px 10px;
    border-radius: 50px;
    font-size: 8px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    color:#FFF;
    text-decoration: none
    
}
#Info  a:hover
{
    background-color: #673AB7
    
    
}
input[type='email']
{
    border-radius: 50px;
    padding: 15px;
    margin-bottom: 30px
}

input[type='email']::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #8e8e8e;
    font-size: 12px;
    letter-spacing: 1px
}
input[type='email']::-moz-placeholder { /* Firefox 19+ */
  color: #8e8e8e;
    font-size: 12px;
    letter-spacing: 1px
}
input[type='email']:-ms-input-placeholder { /* IE 10+ */
  color: #8e8e8e;
    font-size: 12px;
    letter-spacing: 1px
}
input[type='email']:-moz-placeholder { /* Firefox 18- */
  color: #8e8e8e;
    font-size: 12px;
    letter-spacing: 1px
}

#Info button
{
    background: none;
    padding : 20px 50px;
    border: 2px solid #8e44ad;
    margin-bottom: 30px;
    transition: all 0.4s ease-in-out
    
}

#Info button:hover
{
    background: #8e44ad;
    
   
   
    
}

#footer
{
    background-color: #191919;
    padding: 10px 0 ;
}
#footer  a:active,
#footer  a:link,
#footer  a:visited
{
    color:#8e44ad;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
    padding: 0 5px
}
#footer  a:hover
{
    color: #673AB7
    
    
}

.underline-center {
    position: relative;
    margin-bottom: 50px;
}

.underline-center::before
{
        content: "";
    position: absolute;
    width: 45%;
    height: 6px;
    background-color: #d5d5d5;
    top: 42px;
    left: 314px;
    border-radius: 20px;

}

.underline-center::after
{
        content: "";
    position: absolute;
    width: 11%;
    height: 6px;
    background-color: #8e44ad;
    top: 42px;
    left: 499px;
    border-radius: 20px;
}


@media (max-width:991px) {
.soss ,
 .custom-nav
{
    text-align: center
}
.custom-nav li
{
    transition: all 0.4s ease-in-out
}
.custom-nav li:hover
{
    background-color: #8e44ad
}



h2,h3,h4,p,.data-info,li
{
    text-align: center
}
img
{
    margin-bottom: 20px
}


}