/* ---- HTML RESET ---- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}
*{box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, label, legend { display: block; }
html {font-size:13px;}
body { line-height: 20px; font-family: Arial, Helvetica, sans-serif; color: #333 }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-spacing: 0; }

/* ---- Clearfixes ---- */
.ppd-container:before,.ppd-container:after,.ppd-grid:before,.ppd-grid:after,.clearfix:before,.clearfix:after{content:" ";display:table}
.ppd-container:after,.ppd-grid:after,.clearfix:after{clear:both}
.clearfix{zoom:1}

/* ---- GRID Layout ---- */
.ppd-container { max-width: 1120px; margin:0 auto; padding:0 25px; }
.ppd-grid { margin: 0 0 0 -25px; padding: 0; list-style: none; }
.ppd-grid > [class*='ppd-span-'] { margin-bottom: 25px; padding-left: 25px; float: left; }
.ppd-grid:not(.ppd-grid-contentdivider) > [class*='ppd-span-'].ppd-span-flip { float:right; }
.ppd-grid .ppd-grid [class*='ppd-span-'] { margin-bottom:0; }
.ppd-grid-contentdivider:not(:empty) { margin-right: -25px; }
.ppd-grid-contentdivider:not(:empty) > [class*='ppd-span-'] { padding-left: 25px; padding-right: 25px;}
.ppd-grid-contentdivider:not(:empty) > [class*='ppd-span-']:not(.ppd-span-12):nth-child(n+2) { border-left: 1px solid #ddd; }

.ppd-span-1{width:8.33%;}
.ppd-span-2{width:16.66%;}
.ppd-span-3{width:25%;}
.ppd-span-4{width:33.33%;}
.ppd-span-5{width:41.66%;}
.ppd-span-6{width:50%;}
.ppd-span-7{width:58.33%;}
.ppd-span-8{width:66.66%;}
.ppd-span-9{width:75%;}
.ppd-span-10{width:83.33%;}
.ppd-span-11{width:91.66%;}
.ppd-span-12{width:100%;}

/* ---- Panels ---- */
* + .ppd-panel { margin-top:15px; }
.ppd-panel:after { display:block; content: " "; clear:both;}

/* ---- Alignments ---- */
.centered{float: none; margin: auto;}
.left {float: left;}
.right {float: right;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}
.space-top {margin-top: 20px;}
.space-bot {margin-bottom: 20px;}
.space-htop {margin-top: 10px;}
.space-hbot {margin-bottom: 10px;}


/* ---- Typography ---- */
h1, h2, h3, h4, h5, h6 { 
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight:normal;	color: #333;
	text-rendering: optimizeLegibility; 
	margin-bottom: 15px; 
}
* + h1,* + h2,* + h3,* + h4,* + h5,* + h6 { margin-top:15px;}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 80%; color: #333; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; text-decoration:none; }
h1 {font-size: 36px; line-height: 42px;}
h2 {font-size: 24px; line-height: 30px;}
h3 {font-size: 18px; line-height: 24px;}
h4 {font-size: 16px; line-height: 22px;}
h5 {font-size: 14px; line-height: 20px;}
h6 {font-size: 12px; line-height: 18px;}

a {color: #27408B; text-decoration: none; line-height: inherit; }
/* a:hover {color: #333; } */
a:focus {color: #fff; outline: none; }

img { max-width:100%; vertical-align:bottom; }
a img { border:none}
svg:not(:root) { overflow: hidden; }

p {margin-bottom: 10px; padding:0; }
p span {color: #46aae3; }
p a, p a:visited {line-height: inherit; }

blockquote, blockquote p{ color: #6F6F6F; font-size: 14px; line-height: 24px; }
blockquote{border-left: 1px solid #DDDDDD; padding: 0 10px; margin-bottom: 10px;}
blockquote cite{color: #555555; display: block; font-size: 12px;}
blockquote cite:before{content: "- ";}

sub, sup {font-size: 60%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
i { font-style: italic; line-height: inherit; }
strong, b { font-weight: bold; line-height: inherit; }
small { font-size: 70%; line-height: inherit; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 20px 0 20px; height: 0; }

/* ---- Lists ---- */
ul.ppd-list, ol.ppd-list, dl.ppd-list { list-style-position: inside;}
ul.ppd-list li:nth-child(n+2), ol.ppd-list li:nth-child(n+2), dl.ppd-list dd:nth-child(n+2) { margin-top:15px; }
ul.ppd-list ul, ol.ppd-list ol { margin-left: 15px; margin-top: 15px; }
* + ul.ppd-list, * + ol.ppd-list, * + dl.ppd-list { margin-top:15px;}
ul.square {list-style-type: square;}
ul.circle {list-style-type: circle;}
ul.disc {list-style-type: disc;}
ul.no-bullet { list-style: none; }
ul.square li ul, ul.circle li ul, ul.disc li ul, ul.no-bullet li ul {margin-left: 15px; }
ol.ppd-list ul, ol.ppd-list ol { margin-left: 20px; margin-bottom: 0; }
dl.ppd-list dt{font-size:16px; line-height: 24px;}
dl.ppd-list dd{margin-left: 15px;}

ul.ppd-list-line li:nth-child(n+2),ol.ppd-list-line li:nth-child(n+2) {border-top:1px solid #eee; padding-top:15px;}

ul.ppd-list-arrow { list-style:none}
ul.ppd-list-arrow a { color: #111; }
ul.ppd-list-arrow a:hover  { color: #666; }
ul.ppd-list-arrow a:before { content: "\f0da"; font-family:"FontAwesome"; margin-right:5px; color: #444; font-weight:normal; }


/* ---- Forms ---- */
.ppd-form-row + .ppd-form-row{ margin-top:20px; }
.ppd-form-help-inline { margin-left:10px; font-size:12px; color: #888; display:inline }
.ppd-form-help-inline img { vertical-align:top}
input[type="text"].ppd-form-width-small, input[type="password"].ppd-form-width-small,	input[type="email"].ppd-form-width-small,textarea.ppd-form-width-small,select.ppd-form-width-small  { width:100px; display:inline; }
input[type="text"],	input[type="password"],	input[type="email"],textarea,select {
	border: 1px solid #ddd;	padding: 6px 8px; outline: none;
	color: #333; margin: 0;	width: 100%; display: block; background: #fff;
}
select { vertical-align:middle}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus {
	border-color: #999; color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	box-shadow:  0 0 3px rgba(0,0,0,.2);
}
textarea { min-height: 100px; }
input[type="checkbox"] { display: inline; }
label { display:block; margin-bottom:5px; font-weight:bold;}
label span, legend span { font-weight: normal; font-size: 12px; }

/* ---- Buttons ---- */
button, input[type=submit], input[type=button], input[type=reset], a.ppd-button{
	display:inline-block;*display:inline;
	padding:8px 12px; margin:0;
	*margin-left:.3em;
	font-size:12px; text-transform:uppercase; font-weight:bold;
	color:#fff;
	background-color: #27408B;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:0;
}
button:hover, button:active{opacity: 0.8;filter:alpha(opacity=80);}
button.large{padding:10px 35px; font-size:15px;}
button.small{padding:5px 8px; font-size:10px; font-weight: normal}
button.skyblue{	background-color:#26a2b6;}
button.blue{background-color:#008fd5;}
button.green{background-color: #4eb477;}
button.yellow{background-color:#f0bf4a;}
button.orange{background-color:#ff5c00;}
button.red{ background-color:#27408B;}
button.magenta{background-color:#b9298f;}
button.black{background-color:#111;}
button.light{background-color:#f5f5f5; color: #111;}

/* ---- Badge ---- */
.newsdetailslinkbutton {
  display: inline-block;  padding: 3px 5px; background: #27408B;
  font-size: 10px; font-weight: normal; line-height: 1; font-family:Arial, Helvetica, sans-serif;
  color: #fff; text-align: center; text-transform: none; vertical-align: middle
}
.newsdetailslinkbutton-cyan { background-color: #1abc9c;}
.newsdetailslinkbutton-skyblue { background-color: #26a2b6;}
.newsdetailslinkbutton-blue {background-color: #008fd5;}
.newsdetailslinkbutton-green {background-color: #4eb477;}
.newsdetailslinkbutton-yellow {background-color: #f0bf4a;}
.newsdetailslinkbutton-orange {background-color: #ff5c00;}
.newsdetailslinkbutton-red {background-color: #27408B;}
.newsdetailslinkbutton-magenta {background-color: #b9298f;}

/* ---- Alerts ---- */
.alert {padding: 10px;margin-bottom: 18px;color: #c09853;font: 14px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #fcf8e3;border: 1px solid #fbeee0;}
.success {color: #468847; background-color: #dff0d8; border-color: #d6e9c6;}
.error {color: #b94a48; background-color: #f2dede; border-color: #eed3d7;}
.info {color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1;}

/* ---- Table ---- */
table {
	border-collapse:separate; border-spacing:0;
	width:100%;
	border-top: 1px solid #eee; border-left: 1px solid #eee;
}
table,td,th { text-align:left; }
th{padding:10px;}
td{padding:10px;}
tfoot td{border:0px;}
th,tr:hover{}
table { text-align: left; margin: 0 -1px 0 0; width: 100%; }
tr th,
thead th { padding: 9px 0; text-align:center; font-weight:bold }
tr td { border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: 6px; text-align:center; }
tr.odd td {}
th{ background: #f9f9f9; border-bottom: 1px solid #eee; border-right: 1px solid #eee; }
thead th{border-right: 1px solid #eee;}
tr.odd td {background: #F2F7FC;}
table td:hover { background-color:#f9f9f9;}

/* ---- Article ---- */
.ppd-article-meta { font-size:11px; color: #777; margin-bottom:15px;  }

/* Comment */
.sectionheader {margin-bottom: 15px;}
.sectionheader:before,
.sectionheader:after {content: " ";display: table;}
.sectionheader:after {clear: both;}
.avatar {margin-right: 15px;float: left;}
.sectionheaderspeakertitle {margin: 5px 0 0 0;font-size: 16px;line-height: 22px;}
.sectionheaderspeakerdetails {margin: 2px 0 0 0;font-size: 11px;line-height: 16px;color: #999999;}
.ppd-comment-body > :last-child {margin-bottom: 0;}
.ppd-comment-list {padding: 0;list-style: none; margin-bottom:25px;}
.ppd-comment-list .ppd-comment + ul {margin: 15px 0 0 0;padding-left: 100px;list-style: none;}
.ppd-comment-list > li:nth-child(n+2),
.ppd-comment-list .ppd-comment + ul > li:nth-child(n+2) {margin-top: 15px;}

@media (max-width: 768px) {
.ppd-comment-list .ppd-comment + ul { padding-left: 0px; }
}


/* ---- Thumbnail ---- */
.imgthumbnail { display: block } /* Fix Firefox image's max-width */
.imgoverlay {  display: inline-block; position: relative; max-width: 100%; vertical-align: middle; }
.imgoverlay .imgoverlay-area { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.3); opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear;}

.imgoverlay:hover .imgoverlay-area { opacity: 1; }
.imgoverlay-area:before { 
	content: "\f002"; position: absolute; top: 50%; left: 50%; 
	width: 40px; height: 40px; margin-top: -20px; margin-left: -20px;
	font-size: 40px; line-height: 1; font-family: "FontAwesome"; text-align: center; color: #fff;
}

.imgoverlay-area.o-photo:before {content: "\f03e";}
.imgoverlay-area.o-video:before {content: "\f01d";}
.imgoverlay-area.o-audio:before {content: "\f028";}
.imgoverlay-area.o-chat:before {content: "\f0e6";}
.imgoverlay-area.o-file:before {content: "\f0f6";}

/* ---- Pagination ---- */
.pagin a {
	margin-right:4px;padding:3px 10px;
	display: inline-block;	text-decoration: none !important;
	border:1px solid #ddd;	color: #333;font-size: 12px;
}
.pagin.pagin-right { text-align:right; }
.pagin.pagin-right a{ margin-left:4px; margin-right:0;}
.pagin.pagin-center { text-align:center; }
.pagin.pagin-center a{ margin:0 2px;}

.pagin a:hover, .pagin a:focus {
	background-color: #f5f5f5;
}
.pagin a.more {
	border: 0 none !important;
	background: transparent !important;
	margin-left: 0;
	margin-right: 0;
}

.pagin a.active {background-color: #27408B; border-color:#27408B; color: #fff;}

/* ---- Tooltip ---- */
.tooltip{display: inline; position: relative; color: #2ba6cb;}
.tooltip:hover:before{
	border: solid;
	border-color: #333 transparent;
	border-width: 6px 6px 0 6px;
	bottom: 21px;
	content: "";
	left: 50%;
	position: absolute;
	z-index: 97;
}
.tooltip:hover:after{
	background: #333;
	background: rgba(0,0,0,.8);
	bottom: 27px;
	font-size: 12px;
	color: #fff;
	content: attr(title);
	padding: 5px;
	position: absolute;
	z-index: 98;
	width: 180px;
	margin-left: -50px;
}

/* ---- Accordion ---- */
.ppd-accordion {width: 100%;}
.ppd-accordion section:nth-child(n+2){margin-top:15px;}
.ppd-accordion a.head {
	display:block; 
	height:auto; 
	padding:0px 15px; 
	line-height:36px; 
	color:#333; 
	text-decoration:none;
	background-color:#f9f9f9;
	position:relative;
	font-size:12px; font-weight:bold; text-transform:uppercase;
}
.ppd-accordion section.active a.head { background-color:#27408B; color: #fff; }
.ppd-accordion a.head:after { 
	position:absolute; 
	right:0; 
	top:0; 
	height:36px; 
	width:36px; 
	content: "\f067"; 
	font-family:"FontAwesome";
	font-size:10px;
	text-align: center; font-weight:normal;
} 
.ppd-accordion section.active a.head:after { content: "\f068"; }
.ppd-accordion section div.acc-content{ margin-top:15px; padding:0; display:none; overflow:hidden;}

/* ---- Offcanvas ---- */
.ppd-offcanvas {display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1010;background: rgba(0, 0, 0, 0.1);}.ppd-offcanvas.activetab {display: block;}.ppd-offcanvas-page {position: fixed;-webkit-transition: margin-left 0.3s ease-in-out 50ms;transition: margin-left 0.3s ease-in-out 50ms;}.ppd-offcanvas-bar {position: fixed;top: 0;bottom: 0;left: 0;-webkit-transform: translateX(-100%);transform: translateX(-100%);z-index: 1011;width: 270px;max-width: 100%;background: #27408B;overflow-y: auto;-webkit-overflow-scrolling: touch;-webkit-transition: -webkit-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}.ppd-offcanvas.activetab .ppd-offcanvas-bar.ppd-offcanvas-bar-show {-webkit-transform: translateX(0%);transform: translateX(0%);}.ppd-offcanvas-bar-flip {left: auto;right: 0;-webkit-transform: translateX(100%);transform: translateX(100%);}.ppd-offcanvas .ppd-panel {margin: 20px 15px;color: #777777;}.ppd-offcanvas .ppd-panel-title {color: #cccccc;}.ppd-offcanvas .ppd-panel a:not([class]) {color: #cccccc;}.ppd-offcanvas .ppd-panel a:not([class]):hover {color: #ffffff;}.ppd-offcanvas .ppd-search {display: block;margin: 20px 15px; position:relative}.ppd-offcanvas .ppd-search:before {content: "\f002";position: absolute;top: 0;left: 0;width: 30px;line-height: 30px;text-align: center;font-family: "FontAwesome";font-size: 14px;color: #777;}.ppd-offcanvas .ppd-search-field {width: 100%;border-color: rgba(0, 0, 0, 0);background: #1a1a1a;color: #ccc; height:30px; padding-left:25px;}.ppd-offcanvas .ppd-search-field:-ms-input-placeholder {color: #777;}.ppd-offcanvas .ppd-search-field::-moz-placeholder {color: #777;}.ppd-offcanvas .ppd-search-field::-webkit-input-placeholder {color: #777;}


/* ---- progress ---- */
.ppd-progress {-moz-box-sizing: border-box;box-sizing: border-box;height: 20px;margin-bottom: 10px;background: #eeeeee;overflow: hidden; line-height: 20px; } * + .ppd-progress {margin-top: 10px;} .ppd-progress-bar {width: 0;height: 100%;background: #27408B;float: left; -webkit-transition: width 0.6s ease;transition: width 0.6s ease; font-size: 12px;color: #ffffff;text-align: center;} .ppd-progress-mini {height: 6px;} .ppd-progress-small {height: 12px;} .ppd-progress-success .ppd-progress-bar {background-color: #8cc14c;}.ppd-progress-warning .ppd-progress-bar {background-color: #faa732;}.ppd-progress-danger .ppd-progress-bar {background-color: #da314b;} .ppd-progress-striped .ppd-progress-bar {background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size: 30px 30px;} .ppd-progress-striped.activetab .ppd-progress-bar {-webkit-animation: ppd-progress-bar-stripes 2s linear infinite;animation: ppd-progress-bar-stripes 2s linear infinite;}@-webkit-keyframes ppd-progress-bar-stripes {0% {background-position: 0 0;}100% {background-position: 30px 0;}}@keyframes ppd-progress-bar-stripes {0% {background-position: 0 0;}100% {background-position: 30px 0;}}
.progress40{
width: 40%;
}
.progress70{
width: 70%;
}

/* ---- Toggle ---- */
.ppd-nav-flip { position:absolute; right:0; top:0 }
.togglenav {
  height: 50px; line-height:50px; float: left;
  font-family: "FontAwesome"; vertical-align: middle; font-size:18px; color: #111;
}

.togglenav:after {content: "\f0c9";}
.togglenav-search:after {content: "\f002";}


/* ---- Tab ---- */
.ppd-tab { margin: 0; margin-bottom:25px; padding: 0; list-style: none; border-bottom: 1px solid #ddd;}
.ppd-tab:before,.ppd-tab:after {content: " ";display: table;}
.ppd-tab:after {clear: both;}
.ppd-tab > li {position: relative;margin-bottom: -1px;float: left;}
.ppd-tab > li > a {display: block; font-size:12px; font-weight:bold; padding: 8px 12px;border: 1px solid transparent; border-bottom-width: 0;color: #777;text-decoration: none;}
.ppd-tab > li:nth-child(n+2) > a {margin-left: 5px;}
.ppd-tab > li > a:hover,
.ppd-tab > li > a:focus,
.ppd-tab > li.opentab > a {border-color: #f5f5f5;background: #f5f5f5;color: #111;outline: none;}
.ppd-tab > li:not(.activetab) > a:hover,
.ppd-tab > li:not(.activetab) > a:focus,
.ppd-tab > li.opentab:not(.activetab) > a {margin-bottom: 1px;padding-bottom: 7px;}
.ppd-tab > li.activetab > a {border-color: #ddd;border-bottom-color: transparent;background: #fff;color: #111;}
.ppd-tab > li.disabledtab > a {color: #999;cursor: auto;}
.ppd-tab > li.disabledtab > a:hover,
.ppd-tab > li.disabledtab > a:focus,
.ppd-tab > li.disabledtab.activetab > a {background: none;border-color: transparent;}
.ppd-tab-flip > li {float: right;}
.ppd-tab-flip > li:nth-child(n+2) > a {margin-left: 0;margin-right: 5px;}
.ppd-tab-responsive {display: none;}
.ppd-tab-responsive > a:before {content: "\f0c9\00a0";font-family: "FontAwesome"; font-size:14px; margin-right:5px;}

@media (max-width: 767px) {
  [data-ppd-tab] > li {display: none;}
  [data-ppd-tab] > li.ppd-tab-responsive {display: block;}
  [data-ppd-tab] > li.ppd-tab-responsive > a {margin-left: 0; margin-right: 0;}
}
.activetabcontent { margin: 0;padding: 0;list-style: none;}
.activetabcontent > *:not(.activetab) {display: none;}
.ppd-dropdown {
	display: none;position: absolute;top: 100%;left: 0;z-index: 1000; 
	-moz-box-sizing: border-box;box-sizing: border-box; width: 200px;
	margin-top: 5px; background: #f5f5f5;color: #111;letter-spacing: normal;
}
.opentab > .ppd-dropdown {
	display: block;-webkit-animation: ppd-fade 0.2s ease-in-out;animation: ppd-fade 0.2s ease-in-out;
  -webkit-transform-origin: 0 0;transform-origin: 0 0;
}
.ppd-dropdown-flip {left: auto;right: 0;}
.ppd-dropdown-up {top: auto;bottom: 100%;margin-top: auto;margin-bottom: 5px;}
.ppd-nav-dropdown { list-style:none; padding:0; margin:0;}
.ppd-nav-dropdown a { display:block; padding:7px 15px; text-decoration:none; color: #111; font-size:12px;}
.ppd-nav-dropdown a:hover { background-color:#27408B; color: #fff;}


/* ---- Responsive ---- */
@media (max-width: 1199px) {
	.ppd-container { max-width: 980px; padding:0 20px;}
	.ppd-grid { margin-left: -20px;}
	.ppd-grid > [class*='ppd-span-'] { margin-bottom: 20px; padding-left: 20px; }
	.ppd-grid-contentdivider:not(:empty) { margin-right: -20px; }
	.ppd-grid-contentdivider:not(:empty) > [class*='ppd-span-'] { padding-left: 20px; padding-right: 20px;}

}

@media (min-width: 768px) and (max-width: 959px) {}

@media (max-width: 767px) {
	body{font-size: 15px }
	.ppd-container { max-width: 550px; }
	.ppd-grid > [class*='ppd-span-']{ width:auto; float: none; border:none; }
	.ppd-grid .ppd-grid > [class*='ppd-span-']{ margin-bottom: 20px; }
	.ppd-grid .ppd-grid > [class*='ppd-span-']:last-child { margin-bottom:0;}
	.ppd-grid-contentdivider:not(:empty) > [class*='ppd-span-']:not(.ppd-span-12):nth-child(n+2) { border:none;  }
	
}

.circle{
border-radius:50% 50% 50% 50%;
width:100px;
height:100px;
}