html{
    font-size:100%
}
body{
    font-size:15px;
    font-size:.9375rem;
    font-family:open sans,Helvetica,Arial,sans-serif;
    color:#666666;
    padding:0
}
.topspace{
    margin-top:40px
}
.navbar{
    border-width:1px 0;
    -webkit-border-radius:0;
    -webkit-background-clip:padding-box;
    -moz-border-radius:0;
    -moz-background-clip:padding;
    border-radius:0;
    background-clip:padding-box;
    width:100%
}
.navbar.stick{
    position:fixed;
    top:0;
    left:0;
    background-color:rgba(255,255,255,.85)
}
.navbar-collapse{
    -webkit-border-radius:0;
    -webkit-background-clip:padding-box;
    -moz-border-radius:0;
    -moz-background-clip:padding;
    border-radius:0;
    background-clip:padding-box;
    font-family:open sans,Helvetica,Arial,sans-serif;
    font-weight:300;
    text-transform:uppercase
}
.navbar-collapse .navbar-nav{
    float:none;
    margin:0 auto;
    text-align:center
}
.navbar-collapse .navbar-nav>li{
    float:none;
    display:inline-block
}
.navbar-collapse .navbar-nav>li>a{
    padding:20px 30px
}
.dropdown ul.dropdown-menu{
    top:85%;
    text-align:left
}
.dropdown ul.dropdown-menu>li>a{
    padding:5px 30px
}
.navbar-default{
    background-color:#ffffff;
    border-color:#cccccc
}
.navbar-default .navbar-nav>li>a{
    color:#454545
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus{
    color:#000000
}
.navbar-default .dropdown ul.dropdown-menu>li>a{
    color:#454545
}
.navbar-default .dropdown ul.dropdown-menu>li>a:hover{
    background-color:#eee;
    color:#000
}
.navbar-default .navbar-toggle{
    border-color:#666
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
    background-color:#fff
}
.navbar-default .navbar-toggle .icon-bar{
    background-color:#333
}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{
    border-color:#ccc
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{
    background-color:#fff;
    color:#000
}
.nav-side{
    font-size:24px;
    font-size:1.5rem;
    font-weight:300;
    margin-top:-.37em
}
.nav-side>li>a{
    padding-top:5px;
    padding-bottom:5px;
    color:#75D3A1
}
.nav-side>li>a:hover{
    color:#178C4E;
    background:0 0
}
.nav-side>li.active>a{
    color:#178C4E
}
p{
    line-height:1.6em;
    margin:0 0 30px
}
ul,ol{
    line-height:1.6em;
    margin:0 0 30px
}
blockquote{
    padding:10px 20px;
    margin:0 0 30px;
    border-left:5px solid #eee
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{
    font-family:open sans,Helvetica,Arial,sans-serif;
    font-weight:400;
    color:#333
}
h1{
    font-size:40px;
    font-size:2.5rem
}
h2{
    font-size:36px;
    font-size:2.25rem
}
h3{
    font-size:30px;
    font-size:1.875rem
}
h4{
    font-size:24px;
    font-size:1.5rem
}
h5{
    font-size:20px;
    font-size:1.25rem
}
a{
    color:#178C4E
}
a:hover{
    color:#75D3A1
}
.lead{
    font-weight:300;
    font-size:21px;
    font-size:1.3125rem;
    text-align: justify
}
.text-msg{
    line-height:1.7em;
    color:#b3b3b3;
    font-weight:300;
    text-transform:capitalize;
    margin-top:-.23em
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail{
    max-width:100%;
    height:auto
}
#head{
    /*background-color:#f4f4f4;*/
    background-image: url(images/beautiful_dyanmics2.jpg) top center;
    background-position:90% 10%;
    background-size:cover;
    color:#333;
    padding:30px 0 35px
}
#head img{
    display:block;
    width:140px;
    height:140px;
    overflow:hidden;
    border:9px solid rgba(0,0,0,5%);
    margin:0 auto
}
#head img.img-circle{
    border-radius:50%
}
#head img.img-rounded{
    border-radius:20px
}
#head img.img-square{
    border-radius:none
}
#head .title{
    font-family:Alice,Georgia,serif;
    font-size:3rem}
#head .title a{
    text-decoration:none;
    color:#333
}
#head .tagline{
    display:block;
    font-size:1.2rem;
    line-height:1.4em;
    color:#333;
    margin:5px 0 0
}
#head .tagline b{
    font-weight:400
}
#head .tagline a{
    color:#333
}
.home #head{
    padding:90px 0
}
.home #head .title{
    font-size:3rem
}
#head .follow {
  font-family: Alice,Georgia,serif;
  font-size: 3rem;
}
#head .follow a {
  text-decoration:none;
  color: #333333;
}
.home #head .follow {
  font-size: 2.5rem;
}
.home #head .tagline{
    font-size:16px;
    font-size:1rem;
    margin:15px 0 0
}
img{
    max-width:100%
}
.btn{
    font-size:12px;
    font-size:.75rem;
    text-decoration:none;
    text-transform:uppercase;
    font-family:helvetica neue,Helvetica,Arial,sans-serif;
    color:#333;
    -webkit-border-radius:0;
    -webkit-background-clip:padding-box;
    -moz-border-radius:0;
    -moz-background-clip:padding;
    border-radius:0;
    background-clip:padding-box;
    -webkit-transition-property:all;
    -moz-transition-property:all;
    -o-transition-property:all;
    -ms-transition-property:all;
    transition-property:all;
    -webkit-transition-duration:.2s;
    -moz-transition-duration:.2s;
    -o-transition-duration:.2s;
    transition-duration:.2s;
    border:0;
    padding:12px 35px;
    text-shadow:0 1px 0 #0A6E39
}
.btn-primary{
    color:#fff;
    background-color:#178C4E
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active{
    color:#fff;
    background-color:#75D3A1
}
.btn-action{
    font-weight:700;
    background:0 0!important;
    border:1px solid #333;
    text-shadow:none
}
.btn-action:hover,
.btn-action:focus,
.btn-action:active,
.btn-action.active{
    color:#178C4E;
    border-color:#178C4E
}
.btn-lg{
    padding:15px 60px;
    font-size:12px;
    line-height:1.33;
    font-weight:700
}
.panel-cta{box-shadow:0 0 0 1px #e1e1e1,0 0 0 3px #fff,0 0 0 4px #e1e1e1;
    background:#f3f3f3;
    -webkit-border-radius:0;
    -webkit-background-clip:padding-box;
    -moz-border-radius:0;
    -moz-background-clip:padding;
    border-radius:0;
    background-clip:padding-box
}
.panel-cta p,
.panel-cta h3,
.panel-cta h4,
.panel-cta h5,
.panel-cta h6{
    margin:0
}
.panel-cta .panel-body{
    padding:35px
}
.featured{
    font-size:13px;
    font-size:.8125rem
}
.featured h3{
    font-weight:700;
    font-family:helvetica neue,Helvetica,Arial,sans-serif;
    font-size:24px;
    font-size:1.5rem;
    text-transform:uppercase;
    line-height:1.4em;
    vertical-align:middle;
    margin:0 0 25px
}
.thumbnails{
    padding:0
}
.thumbnails li{
    margin-bottom:30px
}
.thumbnails .details{
    display:block;
    text-align:center;
    font-size:12px;
    font-size:.75rem;
    margin-bottom:40px
}
.thumbnail{
    display:block;
    -webkit-border-radius:0;
    -webkit-background-clip:padding-box;
    -moz-border-radius:0;
    -moz-background-clip:padding;
    border-radius:0;
    background-clip:padding-box;
    border:0;
    margin-bottom:10px;
    padding:0;
    text-align:center;
    text-decoration:none;
    color:#333;
    height: 350px
}
.thumbnail .img{
    display:block;
    width:100%;
    overflow:hidden;
    height:250px;
    margin:0 0 20px;
    position:relative
}
@media only screen and (max-width:768px){
.thumbnail .img{width:calc(100%);
        height:250px;
        margin-left:-15px}
}
.thumbnail .title{
    margin:0 2em;
    display:block;
    text-indent:0}
.thumbnail .cover{
    position:absolute;
    display:block;
    opacity:0;
    width:100%;
    height:250px;
    background-color:rgba(255,255,255,.8);
    -webkit-transition-property:all;
    -moz-transition-property:all;
    -o-transition-property:all;
    -ms-transition-property:all;
    transition-property:all;
    -webkit-transition-duration:550ms;
    -moz-transition-duration:550ms;
    -o-transition-duration:550ms;
    transition-duration:550ms
}
@media only screen and (max-width:768px){
    .thumbnail .cover{height:250px}
}
.thumbnail .cover .more{
    position:absolute;
    bottom:15px;
    right:0;
    height:32px;
    line-height:32px;
    padding:0 20px;
    -webkit-border-radius:1px 0 0 1px;
    -webkit-background-clip:padding-box;
    -moz-border-radius:1px 0 0 1px;
    -moz-background-clip:padding;
    border-radius:1px 0 0 1px;
    background-clip:padding-box;
    font-size:12px;
    font-size:.75rem;
    text-transform:uppercase;
    text-shadow:0 1px 0 #0A6E39;
    background:#178C4E;
    color:#fff
}
.thumbnail img{
    width:100%;
    position:absolute;
    top:0;
    left:0
}
.thumbnail:hover{
    color:#333;
    text-decoration:none
}
.thumbnail:hover img{
    -webkit-filter:saturate(0%)
}
.thumbnail:hover .cover{
    opacity:1
}
.pagination>li>a{
    color:gray;
    border:0;
    font-size:20px;
    font-size:1.25rem;
    font-family:Georgia,serif
}
.pagination>li>a:hover{
    color:#000;
    background:0 0
}
.pagination>li.active>a{
    color:#333;
    background:0 0
}
.pagination>li.active>a:hover{
    color:#000;
    background:0 0
}
.section-title,
.entry-title{
    display:block;
    width:100%;
    overflow:hidden;
    margin:0 0 25px;
    text-align:center;
    font-weight:300;
    font-size:36px;
    font-size:2.25rem;
    letter-spacing:1px
}
.section-title a,.entry-title a{
    color:#333
}
.section-title span,.entry-title span{
    display:inline-block;
    position:relative
}
.section-title span:before,.entry-title span:before,.section-title span:after,.entry-title span:after{
    content:"";
    position:absolute;
    height:4px;
    top:.53em;
    width:400%;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc
}
.section-title span:before,.entry-title span:before{
    right:100%;
    margin-right:45px
}
.section-title span:after,.entry-title span:after{
    left:100%;
    margin-left:45px
}
.entry-header .entry-meta{
    text-align:center;
    font-family:Georgia,serif;
    font-size:18px;
    font-size:1.125rem;
    font-style:italic;
    font-weight:400;
    color:#a5a5a5;
    margin:0 0 15px
}
.entry-header .entry-meta a{
    color:#a5a5a5
}
.entry-content{
    margin:0 0 60px
}
.entry-content h2{
    line-height:1.2;
    font-size:30px;
    font-size:1.875rem;
    padding-top:20px;
    margin-bottom:20px
}
.meta-nav,.more-link{
    font-family:Georgia,serif;
    font-style:italic;
    font-weight:700;
    color:#666;
    text-decoration:none
}
.meta-nav:hover,.more-link:hover{
    color:#333;
    text-decoration:underline
}
.more-link{
    display:block;
    width:100%;
    text-align:right
}
#nav-below{
    position:fixed;
    top:48%
}
#nav-below .meta-nav{
    display:block;
    padding:27px 7px;
    background:#444;
    color:#fff;
    -webkit-border-radius:3px;
    -webkit-background-clip:padding-box;
    -moz-border-radius:3px;
    -moz-background-clip:padding;
    border-radius:3px;
    background-clip:padding-box;
    font-family:open sans,Helvetica,Arial,sans-serif;
    font-style:normal;
    font-weight:400;
    text-decoration:none;
    opacity:.2
}
#nav-below .meta-nav:hover{
    text-decoration:none;
    color:#333
}
#nav-below .nav-next{
    position:fixed;
    right:-3px
}
#nav-below .nav-previous{
    position:fixed;
    left:-3px
}
#nav-below b{
    display:none
}
footer.entry-meta{
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    margin:0 0 35px;
    padding:2px 0;
    color:#888;
    font-size:12px;
    font-size:.75rem
}
footer.entry-meta a{
    color:#333
}
footer.entry-meta .meta-in{
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:10px 0
}
.page-header{
    padding-bottom:0;
    margin:0;
    border-bottom:none;
    text-align:left
}
.page-header .page-title{
    margin-top:0;
    margin-bottom:30px
}
#comments{
    font-size:13px;
    font-size:.8125rem
}
#comments .comments-title{
    margin:0 0 5px
}
#comments .leave-comment{
    display:block;
    margin:0 0 40px
}
#comments ul,#comments ol{
    margin:0;
    padding:0
}
#comments .comment{
    margin:0;
    padding:0;
    list-style:none;
    clear:both
}
#comments .comments-title{
    text-shadow:none;
    margin-bottom:0
}
#comments .avatar{
    float:left;
    width:70px;
    height:70px;
    margin-bottom:30px;
    border:5px solid #eee;
    -webkit-border-radius:50%;
    -webkit-background-clip:padding-box;
    -moz-border-radius:50%;
    -moz-background-clip:padding;
    border-radius:50%;
    background-clip:padding-box
}
#comments .children{
    margin:0 0 0 90px
}
#comments .comment-meta{
    margin:0 0 0 90px
}
#comments .comment-meta a{
    color:#333
}
#comments .comment-meta a:hover{
    color:#178C4E
}
#comments .comment-meta .author{
    margin:0 20px 0 0;
    font-weight:700
}
#comments .comment-meta .date{
    margin:0 20px 0 0
}
#comments .comment-meta .date a{
    color:#666
}
#comments .comment-meta .reply{
    float:right
}
#comments .comment-body{
    margin:0 0 35px 90px
}
.comment-navigation{
    width:100%;
    border-top:1px solid #ccc;
    padding:2px 0 0
}
.comment-navigation .nav-content{
    border-top:1px solid #ccc;
    width:100%;
    padding:10px 0 0
}
.comment-navigation .nav-previous{
    float:left;
    width:50%
}
.comment-navigation .nav-next{
    float:right;
    width:50%;
    text-align:right
}
#respond{
    margin:55px 0 0
}
#footer{
    background:#232323;
    padding:30px 0 0;
    font-size:12px;
    color:#999
}
#footer a{
    color:#ccc
}
#footer a:hover{
    color:#fff
}
#footer h3.widget-title{
    font-size:15px;

    font-size:.9375rem;

    text-transform:uppercase;

    color:#ccc;

    margin:0 0 20px
}
#underfooter{
    background:#191919;

    padding:15px 0;

    color:#777;

    font-size:12px
}
#underfooter a{
    color:#aaa
}
#underfooter a:hover{
    color:#fff
}
#underfooter p{
    margin:0
}
.follow-me-icons{
    font-size:30px;
    text-align:center
}
.follow-me-icons i{
    padding:15px 0;

    margin:0 10px 0 0
}
@media(min-width:1200px){.container{max-width:1080px}}.st-custom-button[data-network]{background-color:#fff;
display:inline-block;
padding:0 5px 20px;
cursor:pointer;
font-weight:700;
color:#666;
&:hover,&:focus { color:#004488;
 }}




## FLAGS
* {
  box-sizing: border-box;
  margin: 0;
}

/* Main Style Stars from here  */
.flag {
  position: relative;
  width: 300px;
  height: 200px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.france {
  background: linear-gradient(
    to right,
    #192f8e 33%,
    #fff 33%,
    #fff 67%,
    #e01414 0
  );
}

.united_kingdom {
  display: grid;
  place-items: center;
  overflow: hidden;
  position: relative;
  background: #213064;
}

.united_kingdom__plus {
  z-index: 1;
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 10px white) drop-shadow(10px 0 white)
    drop-shadow(-10px 0 white) drop-shadow(0 -10px white);
}

.united_kingdom__plus .plus {
  width: 100%;
  height: 100%;
  background-color: #e51837;
  clip-path: polygon(
    0% 43%,
    45% 43%,
    45% 0%,
    55% 0%,
    55% 43%,
    100% 43%,
    100% 58%,
    55% 58%,
    55% 100%,
    45% 100%,
    45% 58%,
    0% 58%
  );
}

.united_kingdom__x {
  position: absolute;
  inset: 0;
}

.united_kingdom__x > .x__strip-1,
.united_kingdom__x > .x__strip-2 {
  position: relative;
  background-color: rgb(255 255 255);
  height: 32px;
  transform: rotate(-28deg) scalex(1.3) translate(-30px, 73px);
}

.united_kingdom__x > .x__strip-2 {
  transform: rotate(28deg) scalex(1.3) translate(13px, 47px);
}

.united_kingdom__x > .x__strip-1::before,
.united_kingdom__x > .x__strip-1::after,
.united_kingdom__x > .x__strip-2::before,
.united_kingdom__x > .x__strip-2::after {
  position: absolute;
  background-color: #e51837;
  content: "";
  width: 50%;
  height: 10px;
}

.united_kingdom__x > .x__strip-1::before {
  bottom: 7px;
}

.united_kingdom__x > .x__strip-1::after {
  top: 7px;
  left: 50%;
}

.united_kingdom__x > .x__strip-2::before {
  bottom: 7px;
}

.united_kingdom__x > .x__strip-2::after {
  top: 7px;
  left: 50%;
}