description="Background" hideEditor="true" type="background" color="#f8f8f8" default="$(color) url() repeat scroll top left" value="$(color) url() repeat scroll top left"/>

<Variable name="body.link.color" description="Body Link Color" hideEditor="true" type="color" default="$(main.color)"  value="#f9c747"/>

<Variable name="body.text.font" description="Font" hideEditor="true" type="font" default="14px Poppins, sans-serif"  value="14px Poppins, sans-serif"/>

<Variable name="posts.background.color" description="Post background color" hideEditor="true" type="color" default="#f8f8f8"  value="#f8f8f8"/>

<Variable name="tabs.font" description="Font 2" hideEditor="true" type="font" default="14px Poppins, sans-serif"  value="14px Poppins, sans-serif"/>

<Variable name="posts.title.color" description="Post title color" hideEditor="true" type="color" default="#111111"  value="#111111"/>

<Variable name="posts.text.color" description="Post text color" hideEditor="true" type="color" default="#5E5E5E"  value="#5E5E5E"/>

<Variable name="posts.icons.color" description="Post icons color" hideEditor="true" type="color" default="$(main.color)"  value="#f9c747"/>

<Variable name="labels.background.color" description="Label background color" hideEditor="true" type="color" default="$(main.color)"  value="#f9c747"/>

<Variable name="footer.dark.color" description="Footer background color" hideEditor="true" type="color" default="#001d4c"  value="#001d4c"/>

*/


/*-- Reset CSS --*/

 /* PRELOADER */

ul.no-posts {

    text-align: center;

}

html .home {

    overflow-x: hidden;

}

#google_translate_element {

    clear: both;

}

#preloader {

position: fixed;

z-index: 1800;

top: 0;

right: 0;

bottom: 0;

left: 0;

width: 100%;

height: 100%;background: radial-gradient(circle, #fff 0%, #bbb 85%) no-repeat; background: -webkit-radial-gradient(circle, #fff 0%, #bbb 85%) no-repeat;

}

.ouro {

    position: relative;

    display:inline-block;

    height: 46px;

    width: 46px;

    margin: 0;

    border-radius: 50%;  

    background: none repeat scroll 0 0 #DDDDDD;

    overflow:hidden;

    box-shadow: 0 0 10px rgba(0,0,0,.1) inset, 0 0 25px rgba(0,0,255,0.075);

}


.ouro:after {

    content: "";

    position: absolute;

    top: 9px; left: 9px;

    display: block;

    height: 28px; width: 28px;

    background: none repeat scroll 0 0 #F2F2F2;

    border-radius: 50%;

    box-shadow: 0 0 10px rgba(0,0,0,.1);

}

.ouro > span {

    position: absolute;

    height: 100%; width: 50%;

    overflow: hidden;

}

.left  { left:0   }

.right { left:50% }


.anim {

    position: absolute;

    left: 100%; top: 0;

    height: 100%; width: 100%;

    border-radius: 999px;

    background: none repeat scroll 0 0 #508EC3;

    opacity: 0.8;

    -webkit-animation: ui-spinner-rotate-left 3s infinite;

    animation: ui-spinner-rotate-left 3s infinite;

    -webkit-transform-origin: 0 50% 0;

    transform-origin: 0 50% 0;

}

.left .anim {

    border-bottom-left-radius: 0;

    border-top-left-radius: 0;

}

.right .anim {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0;

    left: -100%;

    -webkit-transform-origin: 100% 50% 0;

    transform-origin: 100% 50% 0;

}

/* v3 */

.ouro3 .anim {

   -webkit-animation-delay: 0s;

   -webkit-animation-duration:1s;

   -webkit-animation-timing-function: linear;

   animation-delay: 0s;

   animation-duration:1s;

   animation-timing-function: linear;

}

.ouro3 .right .anim{

   -webkit-animation-name: ui-spinner-rotate-right;

   -webkit-animation-delay:0;

   -webkit-animation-delay: .5s;

   animation-name: ui-spinner-rotate-right;

   animation-delay:0;

   animation-delay: .5s;

}


/* round variation */

.round .ouro:after {display:none }


/* double variation */

.double .ouro:after {

  height: 13px; width: 13px;

  left: 7px; top: 7px;

  border: 10px solid #ddd;

  background: transparent;

  box-shadow: none;

}


@keyframes ui-spinner-rotate-right{

  0%{transform:rotate(0deg)}

  25%{transform:rotate(180deg)}

  50%{transform:rotate(180deg)}

  75%{transform:rotate(360deg)}

  100%{transform:rotate(360deg)}

}

@keyframes ui-spinner-rotate-left{

  0%{transform:rotate(0deg)}

  25%{transform:rotate(0deg)}

  50%{transform:rotate(180deg)}

  75%{transform:rotate(180deg)}

  100%{transform:rotate(360deg)}

}


@-webkit-keyframes ui-spinner-rotate-right{

  0%{-webkit-transform:rotate(0deg)}

  25%{-webkit-transform:rotate(180deg)}

  50%{-webkit-transform:rotate(180deg)}

  75%{-webkit-transform:rotate(360deg)}

  100%{-webkit-transform:rotate(360deg)}

}

@-webkit-keyframes ui-spinner-rotate-left{

  0%{-webkit-transform:rotate(0deg)}

  25%{-webkit-transform:rotate(0deg)}

  50%{-webkit-transform:rotate(180deg)}

  75%{-webkit-transform:rotate(180deg)}

  100%{-webkit-transform:rotate(360deg)}

}


.no-js #preloader,

.oldie #preloader {

display: none

}

#loader {

position: absolute;

top: calc(50% - 1.25em);

left: calc(50% - 1.25em);

}

a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{

    padding:0;

    border:0;

    outline:0;

    vertical-align:baseline;

    background:0 0;

    text-decoration:none

}

*{

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

form,textarea,input,button{

    -webkit-appearance:none;

    -moz-appearance:none;

    appearance:none;

    border-radius:0

}

dl,ul{

    list-style-position:inside;

    font-weight:400;

    list-style:none

}

ul li{

    list-style:none

}

caption,th{

    text-align:center

}

img{

    border:none;

    position:relative

}

a,a:visited{

    text-decoration:none

}

.post-body a:visited {

color:red;

}

.clearfix{

    clear:both

}

.section,.widget,.widget ul{

    margin:0;

    padding:0

}

a{

    color:$(main.color)

}

a:visited {

color:red;

}

a:hover{

    color:$(title.color)

}

a img{

    border:0

}

abbr{

    text-decoration:none

}

.CSS_LIGHTBOX{

    z-index:999999!important

}

.separator a{

    clear:none!important;

    float:none!important;

    margin-left:0!important;

    margin-right:0!important

}

#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{

    display:none!important

}

.center{

    display:table;

    margin:0 auto;

    position:relative

}

.widget > h2,.widget > h3{

    display:none

}

h1,h2,h3,h4,h5,h6 {font-family: 'Nunito', sans-serif;font-weight:700;}

/*-- Body Content CSS --*/

 body{

    background-color:#0c314a;

    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYXI1wPZKjlpET6rJzD_iZAA-