/*  */

/*  */

body {
    background-color: #FFFFFF;
    background-image: url('https://mahara.dkit.ie/artefact/file/download.php?file=333900&view=94857');
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: center top;
}

/* we want some elements to have a solid background irrespective of user settings */
body > .main-content > .row {
    background-color: #FFFFFF;
}
@media (min-width: 768px) {
    body > .main-content > .row {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        margin-bottom: 20px; /* to show the user's custom body background, if set */
    }
}
@media (max-width: 767px) {
    .main-content {
        padding-top: 0 !important;
    }
}


/** all other custom settings should be scoped to be within .user-page-content **/
/* with the exception of the page title and page description */

/* page settings (also page description) */

.user-page-content,
.user-page-content .panel .panel-body table,
.user-page-content .panel-body ul,
#view-description {
    font-family: 'Verdana', 'DejaVu Sans', sans-serif;
    color: #2B2B2B;
            font-size: small;
    
}

.user-page-content pre {
    color: #2B2B2B;
            font-size: small;
    
}


/* links and headings */

.user-page-content a,
.user-page-content a:link,
.user-page-content a:visited {
    color: #553BEE;
    text-decoration: none;
}
.user-page-content a:hover,
.user-page-content a:active {
    color: #EE0000;
    text-decoration: none;
}
.user-page-content h1,
.user-page-content h2,
.user-page-content h3,
.user-page-content .panel-body h3,
.user-page-content h4,
.user-page-content h5,
.user-page-content h6,
.user-page-content .list-group-item-heading,
#viewh1 {
    color: #000000;
    font-family: 'Verdana', 'DejaVu Sans', sans-serif;
    font-weight: bold;
}


/* blocks */

.user-page-content .panel .title:not(.feedtitle) {
    font-weight: bold;
    color: #2B2B2B;
    font-family: 'Verdana', 'DejaVu Sans', sans-serif;
    border-color: #2B2B2B;
}
.user-page-content .panel .title a,
.user-page-content .panel .title a:link,
.user-page-content .panel .title a:visited,
.user-page-content .panel .title a:active {
    color: #2B2B2B;
    text-decoration: none;
}
.user-page-content .panel .title a:hover {
    color: #EE0000;
    text-decoration: none;
}
.user-page-content .link-blocktype:hover {
    background-color: transparent;
}
.user-page-content .panel {
    background-color: transparent; /* take away default white panel bg */
}


/* list groups */

.user-page-content .list-group-item {
    background-color: transparent;
}
.user-page-content .panel > .block .list-group .list-group-item {
    border-color: #2B2B2B;
}


/* pagination */

.user-page-content .pagination > .active > a,
.user-page-content .pagination > .active > a:focus,
.user-page-content .pagination > .active > a:hover,
.user-page-content .pagination > .active > span,
.user-page-content .pagination > .active > span:focus,
.user-page-content .pagination > .active > span:hover {
    background-color: #553BEE;
}


/** advanced: custom css **/

@media (min-width: 769px) {
.column-layout {
margin-left:.9%
}
}

.twoButtons {
position:absolute;
top:610px;
right:395px
}

.profile_image {
position:absolute;
top:480px;
right:30px;
z-index:1
}

.rounded-circle {
border-radius:50%!important;
width:200px;
height:200px
}

.section-heading {
display:none
}

.user-page-content h3,.user-page-content .panel-body h3 {
color:#fff
}

.bold {
font-weight:700
}

#collectionnavwrap {
display:none
}

.comment-container {
display:none
}

.pull-left {
display:none
}

.link-blocktype {
display:none
}

.more {
display:none
}

.stylish__link {
display:none
}

.with-heading {
display:none
}

#viewh1 {
display:none
}

.profile {
text-align:left;
font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;
padding-left:40px;
margin-bottom:50px
}

.profile p {
margin:5px
}

.profileIntro {
width:1171px;
height:400px;
background-image:url(https://i.ibb.co/xMDd4wN/bg-3.jpg);
text-align:center;
justify-content:center
}

.team__item {
position:relative;
width:100%;
z-index:1;
overflow:hidden;
background:rgba(69,69,69,0.7)
}

.team__text {
height:400px;
position:relative;
padding:35px 30px 30px;
-webkit-transition:.5s;
-o-transition:.5s;
transition:.5s
}

.team__text p {
color:#e4e4e4;
line-height:26px;
opacity:0;
visibility:hidden;
position:relative;
top:50px;
transform:translateY(-100%)
}

.team__item:hover .team__text p {
top:0;
opacity:1;
visibility:visible;
transform:translateY(0);
transition:transform 1075ms ease-in-out;
font-family:"Source Sans Pro",sans-serif
}

.inIcon,.gitIcon {
margin-bottom:10px
}

.team__text .team__title {
padding:0 0 26px;
margin-bottom:26px;
position:relative
}

.team__text .team__title h4 {
color:#fff;
font-size:5em;
font-weight:400;
font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;
margin-bottom:6px
}

.twoButtons ul {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
margin:0;
padding:0;
display:flex
}

.twoButtons ul li {
list-style:none
}

.twoButtons ul li a {
display:block;
position:relative;
width:70px;
height:70px;
line-height:100px;
font-size:40px;
text-align:center;
text-decoration:none;
color:#404040;
margin:0 30px;
transition:.5s
}

.twoButtons ul li a span {
position:absolute;
transition:transform .5s
}

.twoButtons ul li a span:nth-child(1),.twoButtons ul li a span:nth-child(3) {
width:100%;
height:3px;
background:#404040
}

.twoButtons ul li a span:nth-child(1) {
top:0;
left:0;
transform-origin:right
}

.twoButtons ul li a:hover span:nth-child(1) {
transform:scaleX(0);
transform-origin:left;
transition:transform .5s
}

.twoButtons ul li a span:nth-child(3) {
bottom:0;
left:0;
transform-origin:left
}

.twoButtons ul li a:hover span:nth-child(3) {
transform:scaleX(0);
transform-origin:right;
transition:transform .5s
}

.twoButtons ul li a span:nth-child(2),.twoButtons ul li a span:nth-child(4) {
width:2px;
height:100%;
background:#404040
}

.twoButtons ul li a span:nth-child(2) {
top:0;
left:0;
transform:scale(0);
transform-origin:bottom
}

.twoButtons ul li a:hover span:nth-child(2) {
transform:scale(1);
transform-origin:top;
transition:transform .5s
}

.twoButtons ul li a span:nth-child(4) {
top:0;
right:0;
transform:scale(0);
transform-origin:top
}

.twoButtons ul li a:hover span:nth-child(4) {
transform:scale(1);
transform-origin:bottom;
transition:transform .5s
}

.github:hover {
color:#c32aa3
}

.github:hover span {
background:#c32aa3
}

.linkedin:hover {
color:#dd4b39
}

.linkedin:hover span {
background:#dd4b39
}

ul li a:hover:nth-child(3) {
color:#c32aa3
}

ul li a:hover:nth-child(4) {
color:#dd4b39
}

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;
font-size:100%;
font:inherit;
vertical-align:baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block
}

body {
line-height:1
}

ol,ul {
list-style:none
}

blockquote,q {
quotes:none
}

blockquote:before,blockquote:after,q:before,q:after {
content:'';
content:none
}

table {
border-collapse:collapse;
border-spacing:0
}

body {
-webkit-text-size-adjust:none
}

/*  Box Model  */
*,:before,:after {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box
}

/*  Basic  */
@-ms-viewport {
width:device-width
}

body {
-ms-overflow-style:scrollbar
}

@media screen and (max-width: 480px) {
html,body {
min-width:320px
}
}

body.is-loading *,body.is-loading :before,body.is-loading :after {
-moz-animation:none!important;
-webkit-animation:none!important;
-ms-animation:none!important;
animation:none!important;
-moz-transition:none!important;
-webkit-transition:none!important;
-ms-transition:none!important;
transition:none!important
}

/*  Type  */
body,input,select,textarea {
color:rgba(255,255,255,0.75);
font-family:"Source Sans Pro",sans-serif;
font-size:14pt;
font-weight:300;
line-height:1.65
}

@media screen and (max-width: 1680px) {
body,input,select,textarea {
font-size:11pt
}
}

@media screen and (max-width: 1280px) {
body,input,select,textarea {
font-size:11pt
}
}

@media screen and (max-width: 980px) {
body,input,select,textarea {
font-size:12pt
}
}

@media screen and (max-width: 736px) {
body,input,select,textarea {
font-size:12pt
}
}

@media screen and (max-width: 480px) {
body,input,select,textarea {
font-size:12pt
}
}

a {
-moz-transition:background-color .2s ease-in-out,color .2s ease-in-out;
-webkit-transition:background-color .2s ease-in-out,color .2s ease-in-out;
-ms-transition:background-color .2s ease-in-out,color .2s ease-in-out;
transition:background-color .2s ease-in-out,color .2s ease-in-out;
color:rgba(255,255,255,0.75);
text-decoration:none;
border-bottom:1px dotted;
outline:0
}

a:hover {
color:#FFF;
border:none
}

strong,b {
color:#fff;
font-weight:400
}

em,i {
font-style:italic
}

p {
margin:0 0 2em
}

h1,h2,h3,h4,h5,h6 {
color:#fff;
font-weight:400;
line-height:1.5;
margin:0 0 1em
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
color:inherit;
text-decoration:none
}

h2 {
font-size:1.75em
}

h3 {
font-size:1.35em
}

h4 {
font-size:1.1em
}

h5 {
font-size:.9em
}

h6 {
font-size:.7em
}

sub {
font-size:.8em;
position:relative;
top:.5em
}

sup {
font-size:.8em;
position:relative;
top:-.5em
}

blockquote {
border-left:solid 4px rgba(144,144,144,0.25);
font-style:italic;
margin:0 0 2em;
padding:.5em 0 .5em 2em
}

code {
background:rgba(144,144,144,0.075);
border-radius:4px;
border:solid 1px rgba(144,144,144,0.25);
font-family:"Courier New",monospace;
font-size:.9em;
margin:0 .25em;
padding:.25em .65em
}

pre {
-webkit-overflow-scrolling:touch;
font-family:"Courier New",monospace;
font-size:.9em;
margin:0 0 2em
}

pre code {
display:block;
line-height:1.75;
padding:1em 1.5em;
overflow-x:auto
}

hr {
border:0;
border-bottom:solid 1px rgba(144,144,144,0.25);
margin:2em 0
}

hr.major {
margin:3em 0
}

.align-left {
text-align:left
}

.align-center {
text-align:center
}

.align-right {
text-align:right
}

/*  Section/Article  */
section.special,article.special {
text-align:center
}

header p {
color:rgba(255,255,255,0.5);
position:relative;
margin:0 0 1.5em
}

header h2 + p {
font-size:1.25em;
margin-top:-1em
}

header h3 + p {
font-size:1.1em;
margin-top:-.8em
}

header h4 + p,header h5 + p,header h6 + p {
font-size:.9em;
margin-top:-.6em
}

/*  Box  */
.thumbnails {
display:-moz-flex;
display:-webkit-flex;
display:-ms-flex;
display:flex;
-moz-align-items:stretch;
-webkit-align-items:stretch;
-ms-align-items:stretch;
align-items:stretch;
-moz-justify-content:center;
-webkit-justify-content:center;
-ms-justify-content:center;
justify-content:center;
-moz-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}

.thumbnails .box {
margin:0 1em 2em;
width:30%
}

@media screen and (max-width: 1280px) {
.thumbnails .box {
width:45%
}
}

@media screen and (max-width: 736px) {
.thumbnails .box {
width:100%
}
}

/*  Form  */
form {
margin:0 0 2em
}

label {
color:#fff;
display:block;
font-size:.9em;
font-weight:400;
margin:0 0 1em
}

input[type="text"],input[type="password"],input[type="email"],input[type="tel"],select,textarea {
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
appearance:none;
background:rgba(144,144,144,0.075);
border-radius:4px;
border:none;
border:solid 1px rgba(144,144,144,0.25);
color:inherit;
display:block;
outline:0;
padding:0 1em;
text-decoration:none;
width:100%
}

input[type="text"]:invalid,input[type="password"]:invalid,input[type="email"]:invalid,input[type="tel"]:invalid,select:invalid,textarea:invalid {
box-shadow:none
}

input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="tel"]:focus,select:focus,textarea:focus {
border-color:#ff8686;
box-shadow:0 0 0 1px #ff8686
}

.select-wrapper {
text-decoration:none;
display:block;
position:relative
}

.select-wrapper:before {
content:"";
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
text-transform:none!important
}

.select-wrapper:before {
color:rgba(144,144,144,0.25);
display:block;
height:2.75em;
line-height:2.75em;
pointer-events:none;
position:absolute;
right:0;
text-align:center;
top:0;
width:2.75em
}

.select-wrapper select::-ms-expand {
display:none
}

input[type="text"],input[type="password"],input[type="email"],select {
height:2.75em
}

textarea {
padding:.75em 1em
}

input[type="checkbox"],input[type="radio"] {
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
appearance:none;
display:block;
float:left;
margin-right:-2em;
opacity:0;
width:1em;
z-index:-1
}

input[type="checkbox"] + label,input[type="radio"] + label {
text-decoration:none;
color:rgba(255,255,255,0.75);
cursor:pointer;
display:inline-block;
font-size:1em;
font-weight:300;
padding-left:2.4em;
padding-right:.75em;
position:relative
}

input[type="checkbox"] + label:before,input[type="radio"] + label:before {
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
text-transform:none!important
}

input[type="checkbox"] + label:before,input[type="radio"] + label:before {
background:rgba(144,144,144,0.075);
border-radius:4px;
border:solid 1px rgba(144,144,144,0.25);
content:'';
display:inline-block;
height:1.65em;
left:0;
line-height:1.58125em;
position:absolute;
text-align:center;
top:0;
width:1.65em
}

input[type="checkbox"]:checked + label:before,input[type="radio"]:checked + label:before {
background:#ff8686;
border-color:#ff8686;
color:#fff;
content:'\f00c'
}

input[type="checkbox"]:focus + label:before,input[type="radio"]:focus + label:before {
border-color:#ff8686;
box-shadow:0 0 0 1px #ff8686
}

input[type="checkbox"] + label:before {
border-radius:4px
}

input[type="radio"] + label:before {
border-radius:100%
}

::-webkit-input-placeholder {
color:rgba(255,255,255,0.5)!important;
opacity:1
}

:-moz-placeholder {
color:rgba(255,255,255,0.5)!important;
opacity:1
}

::-moz-placeholder {
color:rgba(255,255,255,0.5)!important;
opacity:1
}

:-ms-input-placeholder {
color:rgba(255,255,255,0.5)!important;
opacity:1
}

.formerize-placeholder {
color:rgba(255,255,255,0.5)!important;
opacity:1
}

/*  Box  */
.box {
border-radius:4px;
margin-bottom:2em;
background:#2c2c32;
text-align:center
}

.box > :last-child,.box > :last-child > :last-child,.box > :last-child > :last-child > :last-child {
margin-bottom:0
}

.box .image.fit {
margin:0
}

.box .image img {
border-radius:4px 4px 0 0
}

.box .inner {
padding:1.5em;
width:100%!important
}

@media screen and (max-width: 480px) {
.box .inner {
padding:1em
}
}

.box.alt {
border:0;
border-radius:0;
padding:0
}

.box h3 {
font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;
color:#fff;
z-index:1
}

.box p {
font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;
color:#fff;
z-index:1
}

/*  Icon  */
.icon {
text-decoration:none;
border-bottom:none;
position:relative
}

.icon:before {
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
text-transform:none!important
}

.icon > .label {
display:none
}

/*  Image  */
.image {
border-radius:4px;
border:0;
display:inline-block;
position:relative
}

.image img {
border-radius:4px;
display:block
}

.image.left,.image.right {
max-width:40%
}

.image.left img,.image.right img {
width:100%
}

.image.left {
float:left;
padding:0 1.5em 1em 0;
top:.25em
}

.image.right {
float:right;
padding:0 0 1em 1.5em;
top:.25em
}

.image.fit {
display:block;
margin:0 0 2em;
width:100%
}

.image.fit img {
width:100%
}

.image.main {
display:block;
margin:0 0 3em;
width:100%
}

.image.main img {
width:100%
}

/*  List  */
ol {
list-style:decimal;
margin:0 0 2em;
padding-left:1.25em
}

ol li {
padding-left:.25em
}

ul {
list-style:disc;
margin:0 0 2em;
padding-left:1em
}

ul li {
padding-left:.5em
}

ul.alt {
list-style:none;
padding-left:0
}

ul.alt li {
border-top:solid 1px rgba(144,144,144,0.25);
padding:.5em 0
}

ul.alt li:first-child {
border-top:0;
padding-top:0
}

ul.icons {
cursor:default;
list-style:none;
padding-left:0
}

ul.icons li {
display:inline-block;
text-align:center;
padding-left:0;
padding-right:1em
}

ul.icons li a {
display:block;
border-radius:100%;
margin:0;
padding:.5em;
border:solid 1px rgba(144,144,144,0.25);
color:rgba(144,144,144,0.25)
}

ul.icons li a:before {
font-size:1.5em;
display:block;
width:1.5em;
height:1.5em;
line-height:1.5em
}

ul.icons li a:hover {
background-color:#202024;
color:#FFF
}

ul.icons li:last-child {
padding-right:0
}

ul.actions {
cursor:default;
list-style:none;
padding-left:0
}

ul.actions li {
display:inline-block;
padding:0 1em 0 0;
vertical-align:middle
}

ul.actions li:last-child {
padding-right:0
}

ul.actions.small li {
padding:0 .5em 0 0
}

ul.actions.vertical li {
display:block;
padding:1em 0 0
}

ul.actions.vertical li:first-child {
padding-top:0
}

ul.actions.vertical li > * {
margin-bottom:0
}

ul.actions.vertical.small li {
padding:.5em 0 0
}

ul.actions.vertical.small li:first-child {
padding-top:0
}

ul.actions.fit {
display:table;
margin-left:-1em;
padding:0;
table-layout:fixed;
width:calc(100% + 1em)
}

ul.actions.fit li {
display:table-cell;
padding:0 0 0 1em
}

ul.actions.fit li > * {
margin-bottom:0
}

ul.actions.fit.small {
margin-left:-.5em;
width:calc(100% + 0.5em)
}

ul.actions.fit.small li {
padding:0 0 0 .5em
}

@media screen and (max-width: 480px) {
ul.actions {
margin:0 0 2em
}

ul.actions li {
padding:1em 0 0;
display:block;
text-align:center;
width:100%
}

ul.actions li:first-child {
padding-top:0
}

ul.actions li > * {
width:100%;
margin:0!important
}

ul.actions li > .icon:before {
margin-left:-2em
}

ul.actions.small li {
padding:.5em 0 0
}

ul.actions.small li:first-child {
padding-top:0
}
}

dl {
margin:0 0 2em
}

dl dt {
display:block;
font-weight:400;
margin:0 0 1em
}

dl dd {
margin-left:2em
}

/*  Table  */
.table-wrapper {
-webkit-overflow-scrolling:touch;
overflow-x:auto
}

table {
margin:0 0 2em;
width:100%
}

table tbody tr {
border:solid 1px rgba(144,144,144,0.25);
border-left:0;
border-right:0
}

table tbody tr:nth-child(2n + 1) {
background-color:rgba(144,144,144,0.075)
}

table td {
padding:.75em
}

table th {
color:#fff;
font-size:.9em;
font-weight:400;
padding:0 .75em .75em;
text-align:left
}

table thead {
border-bottom:solid 2px rgba(144,144,144,0.25)
}

table tfoot {
border-top:solid 2px rgba(144,144,144,0.25)
}

table.alt {
border-collapse:separate
}

table.alt tbody tr td {
border:solid 1px rgba(144,144,144,0.25);
border-left-width:0;
border-top-width:0
}

table.alt tbody tr td:first-child {
border-left-width:1px
}

table.alt tbody tr:first-child td {
border-top-width:1px
}

table.alt thead {
border-bottom:0
}

table.alt tfoot {
border-top:0
}

/*  Button  */
input[type="submit"],input[type="reset"],input[type="button"],button,.button {
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
appearance:none;
-moz-transition:background-color .2s ease-in-out,color .2s ease-in-out;
-webkit-transition:background-color .2s ease-in-out,color .2s ease-in-out;
-ms-transition:background-color .2s ease-in-out,color .2s ease-in-out;
transition:background-color .2s ease-in-out,color .2s ease-in-out;
background-color:#70c7be;
border-radius:4px;
border:0;
color:#fff!important;
cursor:pointer;
display:inline-block;
font-weight:400;
height:2.85em;
line-height:2.95em;
padding:0 1.5em;
text-align:center;
text-decoration:none;
white-space:nowrap;
position:relative;
bottom:10px
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,button:hover,.button:hover {
background-color:#82cec6
}

input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active,button:active,.button:active {
background-color:#5ec0b6
}

input[type="submit"].icon,input[type="reset"].icon,input[type="button"].icon,button.icon,.button.icon {
padding-left:1.35em
}

input[type="submit"].icon:before,input[type="reset"].icon:before,input[type="button"].icon:before,button.icon:before,.button.icon:before {
margin-right:.5em
}

input[type="submit"].fit,input[type="reset"].fit,input[type="button"].fit,button.fit,.button.fit {
display:block;
margin:0 0 1em;
width:100%
}

input[type="submit"].small,input[type="reset"].small,input[type="button"].small,button.small,.button.small {
font-size:.8em
}

input[type="submit"].big,input[type="reset"].big,input[type="button"].big,button.big,.button.big {
font-size:1.35em
}

input[type="submit"].disabled,input[type="submit"]:disabled,input[type="reset"].disabled,input[type="reset"]:disabled,input[type="button"].disabled,input[type="button"]:disabled,button.disabled,button:disabled,.button.disabled,.button:disabled {
background-color:rgba(255,255,255,0.75)!important;
box-shadow:inset 0 -.15em 0 0 rgba(0,0,0,0.15);
color:#202024!important;
cursor:default;
opacity:.25
}

input[type="submit"].style2,input[type="reset"].style2,input[type="button"].style2,button.style2,.button.style2 {
background-color:#7f92cf
}

input[type="submit"].style2:hover,input[type="reset"].style2:hover,input[type="button"].style2:hover,button.style2:hover,.button.style2:hover {
background-color:#92a2d6
}

input[type="submit"].style2:active,input[type="reset"].style2:active,input[type="button"].style2:active,button.style2:active,.button.style2:active {
background-color:#6c82c8
}

input[type="submit"].style3,input[type="reset"].style3,input[type="button"].style3,button.style3,.button.style3 {
background-color:#9d7ed0
}

input[type="submit"].style3:hover,input[type="reset"].style3:hover,input[type="button"].style3:hover,button.style3:hover,.button.style3:hover {
background-color:#ab91d7
}

input[type="submit"].style3:active,input[type="reset"].style3:active,input[type="button"].style3:active,button.style3:active,.button.style3:active {
background-color:#8f6bc9
}

@media screen and (max-width: 480px) {
input[type="submit"],input[type="reset"],input[type="button"],button,.button {
padding:0
}
}

/*  Poptrox  */
.poptrox-popup {
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
-ms-box-sizing:content-box;
box-sizing:content-box;
background:#000;
box-shadow:0 .5em 3em 0 rgba(0,0,0,0.25);
border-radius:4px;
padding:2em;
overflow:hidden
}

.poptrox-popup .closer {
-moz-transition:opacity .2s ease-in-out;
-webkit-transition:opacity .2s ease-in-out;
-ms-transition:opacity .2s ease-in-out;
transition:opacity .2s ease-in-out;
text-decoration:none;
position:absolute;
top:.5em;
right:.5em;
z-index:11000;
-webkit-tap-highlight-color:rgba(255,255,255,0);
white-space:nowrap;
text-indent:2em;
overflow:hidden;
width:2em;
height:2em;
display:block
}

.poptrox-popup .closer:before {
content:"\f00d";
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
text-transform:none!important;
display:block;
position:relative;
text-indent:0;
border-radius:100%;
box-shadow:inset 0 0 0 1px rgba(255,255,255,0.25);
color:#fff!important;
width:2em;
height:2em;
line-height:2em
}

.poptrox-popup:hover .closer {
opacity:.5
}

.poptrox-popup:hover .closer:hover {
opacity:1
}

@media screen and (max-width: 736px) {
.poptrox-popup {
padding:0
}

.poptrox-popup .closer {
display:none!important
}
}

/*  Main  */
#main {
padding:4em 0 2em
}

@media screen and (max-width: 736px) {
#main {
padding:3em 0 1em
}
}

#main .inner {
width:90%;
max-width:80em;
margin:0 auto
}

@media screen and (max-width: 480px) {
#main .inner {
width:95%
}
}

/*  Footer  */
#footer {
padding:4em 0 2em;
background-color:#1b1b1f;
text-align:center
}

#footer .inner {
width:50%;
margin:0 auto
}

@media screen and (max-width: 980px) {
#footer .inner {
width:75%
}
}

@media screen and (max-width: 480px) {
#footer .inner {
width:90%
}
}

#footer .copyright {
color:rgba(255,255,255,0.5);
font-size:.9em;
margin:0 0 2em;
padding:0;
text-align:center
}

@media screen and (max-width: 736px) {
#footer {
padding:3em 0 1em
}
}