/* Global Design */

::-moz-selection { /* Code for Firefox */

    color: #fff;

    background: #0b1b64;

}



::selection {

    color: #fff;

    background: #0b1b64;

}

body{

    position: relative;

    margin: 0;

    padding: 0;

    font-family: 'Open Sans', sans-serif;

}

h1, h2, h3, h4, h5{

    font-family: 'Open Sans', sans-serif;

    font-weight: 700;

}

header{

    margin: 0 auto;

    padding: 20px 0;

}

footer{}

sidebar{}

main{

    margin: 0 auto;

}

section{

    position: relative;

    margin: 0 auto;

    padding: 10px 0;

}

article{}

a{

    color: #236be7;

}

.headline{

    margin: 10px auto;

    padding: 10px 5px;

}

.headline h2{

    font-size: 25px;

    text-transform: uppercase;

    color: #1e8ff4;

    text-align: center;

}

.headline hr{

    border-top: 2px solid #d5aa31;

    margin-bottom: -22px;

}

.headline span{

    margin: 0 auto;

    margin-bottom: 10px;

    display: block;

    text-align: center;

    padding: 10px 0;

    background-color: #ffffff;

    width: 36px;

    height: 36px;

    border-radius: 50%;

}

.headline span i{

    font-size: 1.5em;

    color: #1e8ff4;

}

.blue-arrow{}

/* Content */

header{

    text-align: center;

}

header img{

    margin: 0 auto;

}

header blockquote{

    border-left-color: #1e8ff4;

    background-color: #0b1b64;

    color: #fff;

}

header blockquote i{

    margin: 0 5px;

    font-size: 22px !important;

    color: #d5aa31;

}

header h4{

    text-transform: uppercase;

    margin: 20px auto;

    color: #236be7;

}

header h4 a{}

header h4 i{

    margin: 0 5px;

    color: #d5aa31;

}

header small{

    display: block;

    margin: 5px auto;

    font-size: 14px;

}



.main-container{

    margin: 0 auto;

    position: relative;

}

.main-container aside{

    margin: 0 auto;

    padding: 0;

    position: relative;

}

.main-container aside .headline h2{

    font-size: 22px;

}

.main-container aside .website-intro{

    margin: 5px auto;

    background-color: #d5aa31;

    padding: 10px 5px;

    text-align: left;

}

.main-container aside .website-intro p{

    font-size: 16px;

    font-weight: 700;

    color: #000;

}

.main-container aside .intro-extra{

    margin: 5px auto;

    background-color: #d5aa31;

    padding: 10px 5px;

    text-align: left;

}

.main-container aside .intro-extra p{

    font-weight: 700;

    color: #000;

}

.main-container aside .widgets{

    margin: 5px auto;

    padding: 5px;

}

.main-container aside .widgets .title{

    margin: 10px auto;

    padding: 5px;

    background-color: #236be7;

    color: #fff;

}

.main-container aside .widgets .title h4{}

.main-container aside .widgets .title h4 a{

    color: #fff;

}

.main-container aside .widgets .title h4 .number{

    display: block;

    margin: 10px auto;

    padding: 10px;

    text-align: center;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    background-color: #fff;

    color: #236be7;

    font-size: 26px;

    line-height: 30px

}

.main-container aside .widgets .thumb{

    margin: 10px auto;

    padding: 5px 0;

    text-align: center;

}

.main-container aside .widgets .thumb img{

    margin: 0 auto;

    text-align: center;

}

.main-container aside .widgets .thumb p{

    margin: 5px auto;

    padding: 5px;

    background-color: #236be7;

    color: #fff;

}

.main-container aside .widgets .thumb p a{

    color: #fff;

}

.main-container aside .widgets .thumb a{}

.main-container aside .widgets .thumb span{

    display: block;

    margin: 5px auto;

}

.main-container aside .widgets .thumb span i{

    font-size: 1.3em;

    color: #236be7;

}

.main-container aside .widgets .text{

    margin: 10px auto;

    padding: 5px 0;

    border-bottom: 1px solid #313131;

}

.main-container aside .widgets .text p{}

.main-container aside .widgets .text img{}

.main-container aside .widgets .text h3{}

.main-container aside .widgets .text h4{

    margin: 10px auto;

    padding: 5px;

    background-color: #d5aa31;

    color: #fff;

    text-align: center;

}

.main-container aside .widgets .text h4 i{}

.main-container aside .widgets .text ul{

    list-style: none;

    padding: 0;

    margin: 20px auto;

}

.main-container aside .widgets .text ul li{

    margin: 5px auto;

    padding: 2px 0;

}

.main-container aside .widgets .text ul li a{}

.main-container aside .widgets .text ul li i{

    margin-right: 10px;

    font-size: 1.3em;

    color: #236be7;

}



.main-container .articles-container{

    margin: 0 auto;

    padding: 0 10px;

    border-right: 0px solid #d3d3d3;

    border-left: 0px solid #d3d3d3;

}

.main-container .articles-container .headline h2{}

.main-container .articles-container .headline blockquote{

    border-left-color: #1e8ff4;

    background-color: #0b1b64;

    color: #fff;

}

.main-container .articles-container .headline blockquote i{

    margin: 0 5px;

    font-size: 22px !important;

    color: #d5aa31;

}

.main-container .articles-container article:nth-of-type(odd){}

.main-container .articles-container article:nth-of-type(even){}

.main-container .articles-container article .article-content{}

.main-container .articles-container article .article-content p{}

.main-container .articles-container article .article-content p .number{

    margin: 5px;

    font-weight: 700;

    color: #236be7;

}

.main-container .articles-container article .article-content p .number i{

    margin-right: 10px;

    font-size: 1.3em;

    color: #d5aa31;

}

.main-container .articles-container article blockquote{

    border-left-color: #1e8ff4;

    background-color: #0b1b64;

    color: #fff;

}

.main-container .articles-container article .article-content p a{}

.main-container .articles-container article .article-content .thumb{

    margin: 20px auto;

    padding: 10px 0;

    text-align: center;

}

.main-container .articles-container article .article-content .thumb img{

    margin: 0 auto;

}

.main-container .articles-container article .article-content .thumb p{}

.main-container .articles-container article .article-content .thumb small{

    display: block;

    margin: 0 auto;

    padding: 5px 0;

    background-color: #0b1b64;

    color: #fff;

    width: 100%;

    max-width: 477px;

}

.main-container .articles-container article .article-content h3{

    margin: 20px auto;

    padding: 5px;

    text-align: center;

    background-color: #0b1b64;

    color: #fff;

}

.main-container .articles-container article .article-content h4{

    margin: 20px auto;

    padding: 5px;

    text-align: center;

    background-color: #0b1b64;

    color: #fff;

}

.main-container .articles-container article .article-content ul{}

.main-container .articles-container article .article-content ul li{}

.main-container .articles-container article .article-content ul li a{}

.main-container .articles-container article .article-content ul li i{}



.main-container .about-me{

    margin: 10px auto;

    padding: 5px;

    background-color: #0b1b64;

    color: #fff;

}

.main-container .about-me h3{

    text-align: center;

    margin: 20px;

    padding: 10px 0;

    color: #d5aa31;

}

.main-container .about-me img{

    margin: 0 auto;

    text-align: center;

}

.main-container .about-me ul{

    list-style: none;

}

.main-container .about-me ul li{}

.main-container .about-me ul li a{

    color: #fff;

    text-decoration: underline;

}

.main-container .about-me h4{

    margin: 10px;

    padding: 5px 0;

    color: #d5aa31;

}

.main-container .about-me p{}

.main-container .about-me p a{

    color: #fff;

    text-decoration: underline;

}



footer{

    padding: 10px 0;

    text-align: center;

    background-color: #313131;

    color: #fff;

}

footer .copy{}

footer .copy p{}



























@media (max-width: 650px){}