*{	-webkit-transition: .7s ease-out;
 	-moz-transition: .7s ease-out;
 	-o-transition:  .7s ease-out;
 	transition: .7s ease-out;
    list-style: none;
}

/* ===
OwerWrite Buggy NavBar
=== */
#CVnyes{
background-color:#e6f1f4;
}
.navbar-default .navbar-nav > .active > a,  .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #f8f8f8; 
}


    ul li:hover{
        background-color: rgb(255, 255, 255);
    } 
    ul li a{
        color: #333;
    }


     ul li ul :hover{
        color: #333;
        background-color: #fff;
    }
       
     ul li ul a:hover{
        color: #333;
        background-color: #fff;

    }

    ul li ul.dropdown{
        min-width: 107px; /* Set width of the dropdown */

        display: none;
        position: absolute;
        z-index: 999;
        left: 0;

    }

    ul li:hover ul.dropdown{
        
     display: block; /* Display the dropdown */
     background-color: #f8f8f8;

     border-left: 1px solid #e7e7e7;
     border-right: 1px solid #e7e7e7;
     border-bottom: 1px solid #e7e7e7;

     text-align: center;

    }

    ul li ul.dropdown li{
        display: block;

    }

     li:hover > ul.dropdown{
    display: block;
    -moz-animation: flipInX .3s ease-in;
    -webkit-animation: flipInX .3s ease-in ;
    animation: flipInX .3s ease-in;
 
    }
 
    ul li:hover > ul.dropdown{
    display:block;
    -moz-animation: flipInY .3s ease-in ;
    -webkit-animation: flipInY .3s ease-in ;
    animation: flipInY .3s ease-in;

    }

/*================================
TYPOGRAPHY
================================*/
body {
    font-family: 'Raleway', sans-serif;
    line-height: 1.8em;
}

.bigicon {font-size: 3em;}
h2{font-size: 42px;}
h3{font-size: 28px;}
h4{font-size: 18px; line-height: 1.4em;}

p{
    letter-spacing: 1px;
    color: #2e2e2e;
    font-weight: normal;
}

.portfolioParagraph{
    color: #555;
}
.portfolioSocialLink{
    color: #0c485eab;
}
.h2Portfolio{
    
}
.contactColor{
    color:#ffffffc0;
}
.whiteHaze{
    color: rgb(156, 156, 156);
}

/*================================
DEFAULT STYLE & FORMATING
================================*/
ul{padding: 0;}
a{color: #5f048c}
a:hover{color: #c3c3c3; text-decoration: none;}
h3{color: #303030}
h2{color: #5f048c}

.purpleHaze{
    color:#5f048c;
}
.purpleBuds{
    color:#6b00a0;
}
#social{text-align: center;}
.col-md-4, .col-md-6{padding-bottom: 50px;}
.col-md-3 {padding: 0;}

.sectionhead{
    text-align: center;
    padding-top: 100px;
    padding-bottom: 50px;
}

hr.separetor{
    width: 80px;
    color: #5f048c;
    border-top: 2px solid #5f048c;
}

.btn-default{
    background: none;
    border: none;
    text-transform: uppercase;
    margin: 50px 0;
    color: #c3c3c3;
    letter-spacing: 2px;
}

.btn-default:hover{
    background: none;
    color: #ea9312;
}

.btnicon, .brandicon{
    margin-right: 10px;
}


/*================================
HERO AREA
================================*/
#hero{
    color:#464646;
    text-align: center;
    background: url(../img/trianglify-background.svg)no-repeat; /*your background image*/
    max-height: 880px;
    overflow: hidden;
    background-repeat: repeat-x;
}

.herocontent{
    padding-top: 100px;
    width: 100%;
    max-width: 900px;
}
.heroshot{
    margin-top: 20px;
    width: 100%;
    max-width: 400px;

}

/*================================
CLIENTS SECTION
================================*/
#clients{
    padding-top: 30px;
      padding-bottom: 60px;
}
#clients h4{
    text-transooteorm: uppercase;
    padding-top: 10px;
}

#clients .col-md-4{
    padding-bottom: 30px;
}

#clients ul{float: right}

#clients li{
    display: inline;
    margin-right: 35px;
}

#clients li:last-child{
    margin-right: 0px;
}


/*================================
ABOUT SECTION
================================*/
#about{padding-top: 100px;
  padding-bottom: 80px;
}

.myapps {
    margin-top: 25px;}

.myapps li {
    display: inline
}

.myapps li img {
    width: 30px;
}

#imagelist {
padding-top:60px;
margin-top:20px;
}

#imagelist:hover img {
opacity: 0.03;
}


.imgtext {
           visibility: hidden;
           position: relative;
           top: 19px;
           left: 75px;
           color: #5f048c;
           opacity: .7;
           }

#imagelist:hover .imgtext {
  letter-spacing: 1px;
  visibility: visible;
}

#s1:hover {
opacity: .5;
}
#s2:hover {
opacity: .5;
}
#s3:hover {
opacity: .5;
}
#s4:hover {
opacity: .5;
}
#s5:hover {
opacity: .5;
}
#s6:hover {
opacity: .5;
}

/*================================
social SECTION
================================*/
#answercontainer{
    width: 90%;

}

.answers li{
letter-spacing: 1px;
color: #000 ;
font-weight: lighter;
}

.answers p{
  letter-spacing: 1px;
color: #5f048c;
font-weight: lighter;
}


#answers{
	background: #efefef;
    margin-top: 50px ;
    padding: 100px;
    text-align: center;
    padding-top: 0px;

}

#answer li{
	width: 31%;
    float: left;
    padding: 10px;
    margin: 10px;
    background: #fff;
    border-radius: 5px;
    text-align: center;
}
@media screen and (max-width: 500px) and (min-width: 200px) {
#answers{
    padding: 0px;
	padding-left:5px;
	width: 100%;
}

#answer li{
    width: 280px;
    float: left;
    padding: auto;
    margin: 10px;
	
   
    border-radius: 0px;
}
}

#answer li:hover{
    box-shadow: 1px 2px 25px rgba(160, 160, 160, 0.4);
    -webkit-transition: .7s ease-out;
 	-moz-transition: .7s ease-out;
 	-o-transition:  .7s ease-out;
 	transition: .7s ease-out;
}



.likecount a{float: left; color: #c3c3c3;}
.commentcount a{float: right; color: #c3c3c3;}

/* ==================
PORTFOLIO
===================== */

.bg-dark {
    color: #fff;
    background-color: #222;
    padding-top:75px;
    padding-bottom: 60px;
}

.portback{
    background-color:  #363942;
    margin-left: 10px;
    margin-right: 10px;
}

.portback:hover{
    color: #9600e0;
}

.portfolioPadding{
    padding-top: 25px;
    padding-bottom: 10px;
}
/*================================
FOOTER SECTION
================================*/

footer{
    text-align: center;
    padding: 50px 50px 10px 50px ;
    background: #363942;
}

footer p, footer .bigicon {color: #7e7e7e;}

.footerlinks{margin: 30px 0;}
.footerlinks li{
    display: inline;
    padding: 10px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.footersocial {margin-top: 30px;}

.footersocial li{
    display:inline;
    padding: 0 15px;
    font-size: 2em;
}

.footersocial li a {color: #7e7e7e;}
.footersocial li a:hover {color: #ea9312;}