/*-=-=-=-=-=-=-=-=-=-*/
/* GENERAL STYLES */
/*-=-=-=-=-=-=-=-=-= */

body {
    overflow: scroll;
    font-family: "Open Sans", Arial, Helvetica;
    text-align: center;
    background-color: #1e202b;
    color: #666666;
    /*background-image: url(https://subtlepatterns.com/patterns/stardust.png);*/
    background-position: initial initial;
    background-repeat: initial initial;
}

.clear	{
    clear: both;
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 30px 0;
    font-weight: 300;
}
h1 { font-size: 34px; }
h2 { font-size: 28px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

#container {
    width:  860px;
    margin: 0 auto;
}

section {
    position: relative;
    height: 200px;
    margin: 60px 0;
}

.section--white {
    background-color: #FFFFFF;
}

.section--red {
    background-color: #E74C3C;
}

.section--purple {
    background-color: #D6A8E9;
}

.section--blue {
    background-color: #33CCF7;
}

.section--yellow {
    background-color: #F4E9B4;
}

.section--green {
    background-color: #80D99D;
}
.section--cyan{
    background-color: #80D99D;
}

.section--pale{
    background-color: #F4E9B4;
}

.col_third section { margin: 0; }

.icn_red { color: #FF3D6A; }
.icn_purple { color: #9B59B6; }
.icn_blue{ color: #3498DB; }
.icn_yellow { color: #F1C40F; }
.icn_green { color: #80D99D; }

/*-=-=-=-=-=-=-=-=-=-*/
/* Wow Image */
/*-=-=-=-=-=-=-=-=-= */

.service-section {
    margin: 20px 0;
    position: relative;
    overflow: hidden;
}

.wow_imgage {
    position: relative;
    float: left;
    margin: 0 20px 20px 0;
    width: 270px;
    height: 180px;
}

.wow_imgage img {
    border: 4px solid #e4e4e1;
}

/*-=-=-=-=-=-=-=-=-=-*/
/* Column Grids */
/*-=-=-=-=-=-=-=-=-= */

.col_half { width: 49%; }
.col_third { width: 32%; }
.col_fourth { width: 23.5%; }
.col_fifth { width: 18.4%; }
.col_sixth { width: 15%; }
.col_three_fourth { width: 74.5%;}
.col_twothird{ width: 66%;}
.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_fifth{
    position: relative;
    display:inline;
    display: inline-block;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
}
.end { margin-right: 0 !important; }

/*-=-=-=-=-=-=-=-=-=-*/
/* Links */
/*-=-=-=-=-=-=-=-=-= */

a {	text-decoration: none; color: #666666;}
a:hover, a:active { outline: 0; color: #666666; }