@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

@font-face { 
 font-display:swap;
 font-family:"JF Flat Regular";
 src:url(font/JF-Flat-regular.eot);
 src:url('font/JF-Flat-regular.eot?#iefix') format('embedded-opentype'),
 url('font/JF-Flat-regular.svg#JF Flat Regular') format('svg'),
 url(font/JF-Flat-regular.woff) format('woff'),
 url(font/JF-Flat-regular.ttf) format('truetype');
 font-weight:400;
 font-style:normal
}
@font-face { font-family: 'Pe-icon-7-stroke'; src:url('fonts/Pe-icon-7-stroke.eot?d7yf1v'); src:url('fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'), url('fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'), url('fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'), url('fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg'); font-weight: normal; font-style: normal; } [class^="pe-7s-"], [class*=" pe-7s-"] { display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pe-7s-album:before { content: "\e6aa"; } .pe-7s-arc:before { content: "\e6ab"; } .pe-7s-back-2:before { content: "\e6ac"; } .pe-7s-bandaid:before { content: "\e6ad"; } .pe-7s-car:before { content: "\e6ae"; } .pe-7s-diamond:before { content: "\e6af"; } .pe-7s-door-lock:before { content: "\e6b0"; } .pe-7s-eyedropper:before { content: "\e6b1"; } .pe-7s-female:before { content: "\e6b2"; } .pe-7s-gym:before { content: "\e6b3"; } .pe-7s-hammer:before { content: "\e6b4"; } .pe-7s-headphones:before { content: "\e6b5"; } .pe-7s-helm:before { content: "\e6b6"; } .pe-7s-hourglass:before { content: "\e6b7"; } .pe-7s-leaf:before { content: "\e6b8"; } .pe-7s-magic-wand:before { content: "\e6b9"; } .pe-7s-male:before { content: "\e6ba"; } .pe-7s-map-2:before { content: "\e6bb"; } .pe-7s-next-2:before { content: "\e6bc"; } .pe-7s-paint-bucket:before { content: "\e6bd"; } .pe-7s-pendrive:before { content: "\e6be"; } .pe-7s-photo:before { content: "\e6bf"; } .pe-7s-piggy:before { content: "\e6c0"; } .pe-7s-plugin:before { content: "\e6c1"; } .pe-7s-refresh-2:before { content: "\e6c2"; } .pe-7s-rocket:before { content: "\e6c3"; } .pe-7s-settings:before { content: "\e6c4"; } .pe-7s-shield:before { content: "\e6c5"; } .pe-7s-smile:before { content: "\e6c6"; } .pe-7s-usb:before { content: "\e6c7"; } .pe-7s-vector:before { content: "\e6c8"; } .pe-7s-wine:before { content: "\e6c9"; } .pe-7s-cloud-upload:before { content: "\e68a"; } .pe-7s-cash:before { content: "\e68c"; } .pe-7s-close:before { content: "\e680"; } .pe-7s-bluetooth:before { content: "\e68d"; } .pe-7s-cloud-download:before { content: "\e68b"; } .pe-7s-way:before { content: "\e68e"; } .pe-7s-close-circle:before { content: "\e681"; } .pe-7s-id:before { content: "\e68f"; } .pe-7s-angle-up:before { content: "\e682"; } .pe-7s-wristwatch:before { content: "\e690"; } .pe-7s-angle-up-circle:before { content: "\e683"; } .pe-7s-world:before { content: "\e691"; } .pe-7s-angle-right:before { content: "\e684"; } .pe-7s-volume:before { content: "\e692"; } .pe-7s-angle-right-circle:before { content: "\e685"; } .pe-7s-users:before { content: "\e693"; } .pe-7s-angle-left:before { content: "\e686"; } .pe-7s-user-female:before { content: "\e694"; } .pe-7s-angle-left-circle:before { content: "\e687"; } .pe-7s-up-arrow:before { content: "\e695"; } .pe-7s-angle-down:before { content: "\e688"; } .pe-7s-switch:before { content: "\e696"; } .pe-7s-angle-down-circle:before { content: "\e689"; } .pe-7s-scissors:before { content: "\e697"; } .pe-7s-wallet:before { content: "\e600"; } .pe-7s-safe:before { content: "\e698"; } .pe-7s-volume2:before { content: "\e601"; } .pe-7s-volume1:before { content: "\e602"; } .pe-7s-voicemail:before { content: "\e603"; } .pe-7s-video:before { content: "\e604"; } .pe-7s-user:before { content: "\e605"; } .pe-7s-upload:before { content: "\e606"; } .pe-7s-unlock:before { content: "\e607"; } .pe-7s-umbrella:before { content: "\e608"; } .pe-7s-trash:before { content: "\e609"; } .pe-7s-tools:before { content: "\e60a"; } .pe-7s-timer:before { content: "\e60b"; } .pe-7s-ticket:before { content: "\e60c"; } .pe-7s-target:before { content: "\e60d"; } .pe-7s-sun:before { content: "\e60e"; } .pe-7s-study:before { content: "\e60f"; } .pe-7s-stopwatch:before { content: "\e610"; } .pe-7s-star:before { content: "\e611"; } .pe-7s-speaker:before { content: "\e612"; } .pe-7s-signal:before { content: "\e613"; } .pe-7s-shuffle:before { content: "\e614"; } .pe-7s-shopbag:before { content: "\e615"; } .pe-7s-share:before { content: "\e616"; } .pe-7s-server:before { content: "\e617"; } .pe-7s-search:before { content: "\e618"; } .pe-7s-film:before { content: "\e6a5"; } .pe-7s-science:before { content: "\e619"; } .pe-7s-disk:before { content: "\e6a6"; } .pe-7s-ribbon:before { content: "\e61a"; } .pe-7s-repeat:before { content: "\e61b"; } .pe-7s-refresh:before { content: "\e61c"; } .pe-7s-add-user:before { content: "\e6a9"; } .pe-7s-refresh-cloud:before { content: "\e61d"; } .pe-7s-paperclip:before { content: "\e69c"; } .pe-7s-radio:before { content: "\e61e"; } .pe-7s-note2:before { content: "\e69d"; } .pe-7s-print:before { content: "\e61f"; } .pe-7s-network:before { content: "\e69e"; } .pe-7s-prev:before { content: "\e620"; } .pe-7s-mute:before { content: "\e69f"; } .pe-7s-power:before { content: "\e621"; } .pe-7s-medal:before { content: "\e6a0"; } .pe-7s-portfolio:before { content: "\e622"; } .pe-7s-like2:before { content: "\e6a1"; } .pe-7s-plus:before { content: "\e623"; } .pe-7s-left-arrow:before { content: "\e6a2"; } .pe-7s-play:before { content: "\e624"; } .pe-7s-key:before { content: "\e6a3"; } .pe-7s-plane:before { content: "\e625"; } .pe-7s-joy:before { content: "\e6a4"; } .pe-7s-photo-gallery:before { content: "\e626"; } .pe-7s-pin:before { content: "\e69b"; } .pe-7s-phone:before { content: "\e627"; } .pe-7s-plug:before { content: "\e69a"; } .pe-7s-pen:before { content: "\e628"; } .pe-7s-right-arrow:before { content: "\e699"; } .pe-7s-paper-plane:before { content: "\e629"; } .pe-7s-delete-user:before { content: "\e6a7"; } .pe-7s-paint:before { content: "\e62a"; } .pe-7s-bottom-arrow:before { content: "\e6a8"; } .pe-7s-notebook:before { content: "\e62b"; } .pe-7s-note:before { content: "\e62c"; } .pe-7s-next:before { content: "\e62d"; } .pe-7s-news-paper:before { content: "\e62e"; } .pe-7s-musiclist:before { content: "\e62f"; } .pe-7s-music:before { content: "\e630"; } .pe-7s-mouse:before { content: "\e631"; } .pe-7s-more:before { content: "\e632"; } .pe-7s-moon:before { content: "\e633"; } .pe-7s-monitor:before { content: "\e634"; } .pe-7s-micro:before { content: "\e635"; } .pe-7s-menu:before { content: "\e636"; } .pe-7s-map:before { content: "\e637"; } .pe-7s-map-marker:before { content: "\e638"; } .pe-7s-mail:before { content: "\e639"; } .pe-7s-mail-open:before { content: "\e63a"; } .pe-7s-mail-open-file:before { content: "\e63b"; } .pe-7s-magnet:before { content: "\e63c"; } .pe-7s-loop:before { content: "\e63d"; } .pe-7s-look:before { content: "\e63e"; } .pe-7s-lock:before { content: "\e63f"; } .pe-7s-lintern:before { content: "\e640"; } .pe-7s-link:before { content: "\e641"; } .pe-7s-like:before { content: "\e642"; } .pe-7s-light:before { content: "\e643"; } .pe-7s-less:before { content: "\e644"; } .pe-7s-keypad:before { content: "\e645"; } .pe-7s-junk:before { content: "\e646"; } .pe-7s-info:before { content: "\e647"; } .pe-7s-home:before { content: "\e648"; } .pe-7s-help2:before { content: "\e649"; } .pe-7s-help1:before { content: "\e64a"; } .pe-7s-graph3:before { content: "\e64b"; } .pe-7s-graph2:before { content: "\e64c"; } .pe-7s-graph1:before { content: "\e64d"; } .pe-7s-graph:before { content: "\e64e"; } .pe-7s-global:before { content: "\e64f"; } .pe-7s-gleam:before { content: "\e650"; } .pe-7s-glasses:before { content: "\e651"; } .pe-7s-gift:before { content: "\e652"; } .pe-7s-folder:before { content: "\e653"; } .pe-7s-flag:before { content: "\e654"; } .pe-7s-filter:before { content: "\e655"; } .pe-7s-file:before { content: "\e656"; } .pe-7s-expand1:before { content: "\e657"; } .pe-7s-exapnd2:before { content: "\e658"; } .pe-7s-edit:before { content: "\e659"; } .pe-7s-drop:before { content: "\e65a"; } .pe-7s-drawer:before { content: "\e65b"; } .pe-7s-download:before { content: "\e65c"; } .pe-7s-display2:before { content: "\e65d"; } .pe-7s-display1:before { content: "\e65e"; } .pe-7s-diskette:before { content: "\e65f"; } .pe-7s-date:before { content: "\e660"; } .pe-7s-cup:before { content: "\e661"; } .pe-7s-culture:before { content: "\e662"; } .pe-7s-crop:before { content: "\e663"; } .pe-7s-credit:before { content: "\e664"; } .pe-7s-copy-file:before { content: "\e665"; } .pe-7s-config:before { content: "\e666"; } .pe-7s-compass:before { content: "\e667"; } .pe-7s-comment:before { content: "\e668"; } .pe-7s-coffee:before { content: "\e669"; } .pe-7s-cloud:before { content: "\e66a"; } .pe-7s-clock:before { content: "\e66b"; } .pe-7s-check:before { content: "\e66c"; } .pe-7s-chat:before { content: "\e66d"; } .pe-7s-cart:before { content: "\e66e"; } .pe-7s-camera:before { content: "\e66f"; } .pe-7s-call:before { content: "\e670"; } .pe-7s-calculator:before { content: "\e671"; } .pe-7s-browser:before { content: "\e672"; } .pe-7s-box2:before { content: "\e673"; } .pe-7s-box1:before { content: "\e674"; } .pe-7s-bookmarks:before { content: "\e675"; } .pe-7s-bicycle:before { content: "\e676"; } .pe-7s-bell:before { content: "\e677"; } .pe-7s-battery:before { content: "\e678"; } .pe-7s-ball:before { content: "\e679"; } .pe-7s-back:before { content: "\e67a"; } .pe-7s-attention:before { content: "\e67b"; } .pe-7s-anchor:before { content: "\e67c"; } .pe-7s-albums:before { content: "\e67d"; } .pe-7s-alarm:before { content: "\e67e"; } .pe-7s-airplay:before { content: "\e67f"; }
html {
 font-size:10px
}
html, body {padding:0px; margin:0px;direction: ltr;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
 display:block
}
ol,
ul {
 list-style:none
}
blockquote,
q {
 quotes:none
}
:focus {
 outline:0
}
table {
 border-collapse:collapse;
 border-spacing:0
}
img {
 max-width:100%;
 height:auto
}
mark {
 background:none
}
select {
 height:25px;
 padding:0 3px;
 border-radius:0;
 cursor:pointer;
 border-color:#e4e4e4 #d2d2d2 #b4b4b4;
 float:left;
 margin-right:10px;
 border:0;
 background:rgba(255,255,255,.2);
 color:#DDD;
 font-family:"Roboto"
}
select option {
 color:#000
}
select {
 max-width:100%
}

.size-72 {
 font-size:72px
}
.clearfix:after {
 visibility:hidden;
 display:block;
 font-size:0;
 content:" ";
 clear:both;
 height:0
}
* html .clearfix {
 zoom:1
}
*:first-child+html .clearfix {
 zoom:1
}
.col:after,
.clr:after,
.group:after {
 content:"";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
 zoom:1
}
* {
	-webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
} 
.col {
 display:block;
 float:left;
 margin:0 1.6% 2% 0;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
.container {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 576px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      ax-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }

.container-fluid {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto; }

.span_1_of_1 {
 width:100%
}
.span_2_of_2 {
 width:100%
}
.span_1_of_2 {
 width:49.2%
}
.span_3_of_3 {
 width:100%
}
.span_2_of_3 {
 width:66.1%
}
.span_1_of_3 {
 width:32.2%
}
.span_4_of_4 {
 width:100%
}
.span_3_of_4 {
 width:74.6%
}
.span_2_of_4 {
 width:49.2%
}
.span_1_of_4 {
 width:23.8%
}
.span_5_of_5 {
 width:100%
}
.span_4_of_5 {
 width:79.68%
}
.span_3_of_5 {
 width:59.36%
}
.span_2_of_5 {
 width:39.04%
}
.span_1_of_5 {
 width:18.72%
}
.span_6_of_6 {
 width:100%
}
.span_5_of_6 {
 width:83.06%
}
.span_4_of_6 {
 width:66.13%
}
.span_3_of_6 {
 width:49.2%
}
.span_2_of_6 {
 width:32.26%
}
.span_1_of_6 {
 width:15.33%
}
.span_7_of_7 {
 width:100%
}
.span_6_of_7 {
 width:85.48%
}
.span_5_of_7 {
 width:70.97%
}
.span_4_of_7 {
 width:56.45%
}
.span_3_of_7 {
 width:41.92%
}
.span_2_of_7 {
 width:27.42%
}
.span_1_of_7 {
 width:12.91%
}
.span_8_of_8 {
 width:100%
}
.span_7_of_8 {
 width:87.3%
}
.span_6_of_8 {
 width:74.6%
}
.span_5_of_8 {
 width:61.9%
}
.span_4_of_8 {
 width:49.2%
}
.span_3_of_8 {
 width:36.5%
}
.span_2_of_8 {
 width:23.8%
}
.span_1_of_8 {
 width:11.1%
}
.span_9_of_9 {
 width:100%
}
.span_8_of_9 {
 width:88.71%
}
.span_7_of_9 {
 width:77.42%
}
.span_6_of_9 {
 width:66.13%
}
.span_5_of_9 {
 width:54.84%
}
.span_4_of_9 {
 width:43.55%
}
.span_3_of_9 {
 width:32.26%
}
.span_2_of_9 {
 width:20.97%
}
.span_1_of_9 {
 width:9.68%
}
.span_10_of_10 {
 width:100%
}
.span_9_of_10 {
 width:89.84%
}
.span_8_of_10 {
 width:79.68%
}
.span_7_of_10 {
 width:69.52%
}
.span_6_of_10 {
 width:59.36%
}
.span_5_of_10 {
 width:49.2%
}
.span_4_of_10 {
 width:39.04%
}
.span_3_of_10 {
 width:28.88%
}
.span_2_of_10 {
 width:18.72%
}
.span_1_of_10 {
 width:8.56%
}
.span_11_of_11 {
 width:100%
}
.span_10_of_11 {
 width:90.7%
}
.span_9_of_11 {
 width:81.47%
}
.span_8_of_11 {
 width:72.24%
}
.span_7_of_11 {
 width:63.01%
}
.span_6_of_11 {
 width:53.78%
}
.span_5_of_11 {
 width:44.55%
}
.span_4_of_11 {
 width:35.32%
}
.span_3_of_11 {
 width:26.09%
}
.span_2_of_11 {
 width:16.86%
}
.span_1_of_11 {
 width:7.63%
}
.span_12_of_12 {
 width:100%
}
.span_11_of_12 {
 width:91.46%
}
.span_10_of_12 {
 width:83%
}
.span_9_of_12 {
 width:74.54%
}
.span_8_of_12 {
 width:66.08%
}
.span_7_of_12 {
 width:57.62%
}
.span_6_of_12 {
 width:49.16%
}
.span_5_of_12 {
 width:40.7%
}
.span_4_of_12 {
 width:32.24%
}
.span_3_of_12 {
 width:23.78%
}
.span_2_of_12 {
 width:15.32%
}
.span_1_of_12 {
 width:6.86%
}
.clr-margin {
 margin-right:0
}
.count-1 {
 clear:both;
 margin-right:0
}
.col-1,
.col.first {
 clear:both;
 margin-right:0
}
body {
    padding-top:90px;
 background:#000000;
 color:#777;
 overflow-y:auto!important;
 font:14px/1.6 'Droid Arabic Kufi','Open Sans',"Helvetica",Arial;
 -webkit-font-smoothing:antialiased
}
body a {
 color:#FFF;
 text-decoration:none
}
#main {
}
.left-content {
 float:right;
 width:640px
}
.sidebar-container {
 float:left;
 width:300px
}
#site-name {
 text-align:left;
 padding-left:35px;
 color:#fff
}
.site-icon {
 font-size:45px;
 position:absolute;
 top:0;
 left:0;
 color:#fff
}
.clr:after {
 clear:both;
 content:".";
 display:block;
 height:0;
 line-height:0;
 visibility:hidden
}
.clear {
 clear:both
}
img {
 height:auto;
 max-width:100%
}
blockquote {
 font-size:1.4em;
 line-height:1.5em;
 margin-bottom:30px;
 position:relative;
 font-family:'Georgia';
 color:#555;
 background:url(images/quote.png) right 4px no-repeat;
 padding-right:50px
}
blockquote.left {
 float:right;
 margin-right:0;
 margin-left:20px;
 text-align:left;
 width:33%
}
blockquote.right {
 float:left;
 margin-right:20px;
 margin-left:0;
 text-align:right;
 width:33%
}
pre {
 background:#ededed;
 padding:20px;
 margin-bottom:30px;
 white-space:pre-wrap;
 white-space:-moz-pre-wrap;
 white-space:-pre-wrap;
 white-space:-o-pre-wrap;
 word-wrap:break-word;
 font-family:'Verdana';
 color:#666
}
address {
 letter-spacing:1px;
 margin:20px 0
}
ul,
ol {
 margin:0 1.5em 1em 0
}
ul {
 list-style:disc
}
ol {
 list-style-type:decimal
}
ol ol {
 list-style:upper-alpha
}
ol ol ol {
 list-style:lower-roman
}
ol ol ol ol {
 list-style:lower-alpha
}
ul ul,
ol ol,
ul ol,
ol ul {
 margin-bottom:0
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-family:"Roboto";
 font-size:18px;
 font-weight:500;
 padding:0 5px 6px 5px;
 padding-top:0;
 padding-left:5px;
 padding-bottom:6px;
 padding-right:5px;
 margin-bottom:10px;
 border-bottom:1px solid rgba(255,255,255,.1);
 margin-right:12px;
 margin-left:12px;
  color: #fede8a;

}
h1 {
 font-size:1.714em;
 margin:0 0 20px
}
h4 {
 font-size:1em
}
h5 {
 font-size:.857em
}
h6 {
 font-size:.714em
}
p {
 margin:0 0 20px
}
h1 a,
h2 a,
h3 a,
h4 a {
 float:right;
 color:#DDD;
 font-size:14px
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
 color:#54d5a2;
 text-decoration:none
}
em {
 font-style:italic
}
strong {
 font-weight:600;
 color:#000
}
small {
 font-size:90%
}
hr {
 border:solid #eee;
 border-width:1px 0 0;
 clear:both;
 height:0;
 margin:40px 0
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row-no-gutters {
  margin-left: 0;
  margin-right: 0;
}
.row-no-gutters [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}
.row:before, .row:after ,.container:before, .container:after {
  content: "";
  display: table;
  clear: both;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
}
#header-wrap {
 background:#03A588;
 border-bottom:1px solid #e4e4e4;
 box-shadow:0 0 3px rgba(0,0,0,.1)
}
#header {
 text-align:right;
 position:relative;
 padding:20px 0
}
#logo img {
 display:block;
 max-width:100%
}
#logo a {
 color:#000;
 text-decoration:none
}
.is-sticky #header-wrap {
 width:100%;
 overflow:visible!important;
 z-index:999
}
#main-menu>ul,
#main-menu>ul * {
 margin:0;
 padding:0;
 list-style:none
}
#main-menu>ul li {
 position:relative
}
#main-menu>ul ul {
 position:absolute;
 display:none;
 top:100%;
 right:0;
 z-index:10001
}
#main-menu>ul>li {
 float:left
}
#main-menu>ul li:hover>ul,
#main-menu>ul li.sfHover>ul {
 display:block
}
#main-menu>ul a {
 display:block;
 position:relative
}
#main-menu>ul ul ul {
 top:0;
 right:100%
}
#main-menu>ul {
 float:left
}
#main-menu>ul ul {
 min-width:160px;
 *width:160px
}
#main-menu>ul a {
 zoom:1
}
#main-menu>ul li {
 position:relative;
 white-space:nowrap;
 *white-space:normal;
 -webkit-transition:background .2s;
 transition:background .2s
}
#main-menu>ul li:hover,
#main-menu>ul li.sfHover {
 -webkit-transition:none;
 transition:none
}
#main-menu>ul .sf-mega {
 position:absolute;
 display:none;
 top:100%;
 right:0;
 z-index:99
}
#main-menu>ul li:hover>.sf-mega,
#main-menu>ul li.sfHover>.sf-mega {
 display:block
}
#site-navigation-wrap {
 position:absolute;
 right:0;
 top:50%;
 height:40px;
 margin-top:-20px
}
#site-navigation #main-menu>ul li {
 display:block;
 float:left;
 height:40px;
 line-height:40px
}
#site-navigation #main-menu>ul>li {
 margin-left:25px
}
#site-navigation #main-menu>ul>li:first-child {
 margin-left:0
}
#site-navigation #main-menu>ul a {
 color:#fff;
 font-weight:700;
 text-decoration:none;
 text-align:left;
 cursor:pointer
}
#site-navigation #main-menu>ul>li>a:hover,
#site-navigation #main-menu>ul>li.sfHover>a,
#site-navigation #main-menu>ul>li>a.active,
#site-navigation #main-menu>ul>li>a.active:hover {
 color:#fff
}
#site-navigation #main-menu>ul ul {
 background:#fff;
 font-size:1em;
 box-shadow:0 0 3px rgba(0,0,0,.1)
}
#site-navigation #main-menu>ul ul li a {
 display:block;
 color:#03A588;
 height:auto;
 line-height:1.7em;
 padding:10px;
 margin:0;
 border:0;
 text-transform:none
}
#site-navigation #main-menu>ul ul li a.sf-with-ul {
 padding-left:23px
}
#site-navigation #main-menu>ul ul li {
 border-bottom:1px solid rgba(255,255,255,.08);
 line-height:1.4em;
 height:auto;
 float:none;
 display:block
}
#site-navigation #main-menu>ul ul li>a:hover {
 color:#03A588
}
#site-navigation #main-menu>ul ul li:last-child {
 border:none
}
#site-navigation #main-menu>ul>li .fa-angle-down {
 margin-left:5px
}
#site-navigation #main-menu>ul>li ul li .fa-angle-right {
 position:absolute;
 top:50%;
 left:15px;
 height:20px;
 line-height:20px;
 margin-top:-10px
}
#navigation-toggle,
.sidr,
#sidr-close {
 display:none
}
.sidebar-container .block {
 margin-bottom:30px
}
.sidebar-container .block>h2 {
 font-size:1.5em;
 margin:0 0 10px
}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
 outline:none
}
.slides,
.flex-control-nav,
.flex-direction-nav {
 margin:0;
 padding:0;
 list-style:none
}
.flexslider {
 margin:0;
 padding:0
}
.flexslider .slides>li {
 display:none;
 -webkit-backface-visibility:hidden;
 margin:0
}
.flexslider .slides img {
 width:100%;
 display:block
}
.flex-pauseplay span {
 text-transform:capitalize
}
.slides:after {
 content:"\0020";
 display:block;
 clear:both;
 visibility:hidden;
 line-height:0;
 height:0
}
html[xmlns] .slides {
 display:block
}
* html .slides {
 height:1%
}
.no-js .slides>li:first-child {
 display:block
}
.flexslider-container {
 position:relative
}
.flexslider-container img {
 display:block
}
#homepage-slider-wrap {
 max-height:500px;
 overflow:hidden
}
#homepage-slider-wrap .flex-direction-nav li a {
 display:block;
 z-index:9;
 position:absolute;
 top:50%;
 margin-top:-35px;
 height:70px;
 line-height:70px;
 width:50px;
 text-align:center;
 opacity:.8;
 background:#000;
 color:#fff;
 font-size:21px
}
#homepage-slider-wrap .flex-direction-nav li a:hover {
 opacity:1;
 background:#54d5a2;
 color:#fff;
 text-decoration:none
}
#homepage-slider-wrap .flex-direction-nav li a.flex-prev {
 right:0
}
#homepage-slider-wrap .flex-direction-nav li a.flex-next {
 left:0
}
.homepage-slide-inner {
 position:relative
}
.homepage-slide-content {
 display:block;
 position:absolute;
 top:50px;
 right:0;
 z-index:9999
}
.homepage-slide-title {
 font-weight:700;
 float:right;
 background:#222;
 color:#fff;
 font-size:1.5em;
 padding:15px 20px;
 text-transform:uppercase
}
.homepage-slide-caption {
 float:right;
 margin-top:10px;
 background:#31c68b;
 font-size:1.25em;
 font-weight:600;
 color:#fff;
 padding:10px
}
#breadcrumbs {
 font-size:11px;
 margin:5px
}
.node h2.title {
 font-size:1.75em;
 margin:0
}
h1.page-title {
 margin:5px 0 10px;
 font-size:2em
}
#content .node-teaser {
 border-bottom:1px solid #ddd;
 margin-bottom:30px;
 padding-bottom:30px
}
.node-teaser img {
 border:1px solid #CCC;
 padding:6px;
 height:auto;
 max-width:97.4%;
 margin:.5em 0 .5em 1em;
 float:right
}
.node-teaser p {
 margin-bottom:1em
}
.region-content-top {
 margin:15px 0 20px
}
#preface-wrap .block>h2,
.region-content-top .block>h2 {
 font-size:1.5em;
 margin:0 0 10px
}
#preface-wrap {
 padding:40px 0 0
}
#preface-wrap .block {
 margin-bottom:20px
}
#preface-wrap .span_1_of_3.col-1 {
 padding-left:10px
}
#preface-wrap .span_1_of_3.col-2 {
 padding-right:5px;
 padding-left:5px
}
#preface-wrap .span_1_of_3.col-3 {
 padding-right:10px
}
#footer-wrap {
 background:#222;
 padding:50px 0 0
}
#footer-wrap input[type="text"],
#footer-wrap input[type="search"] {
 border:none
}
#footer-wrap a {
 color:#bbb
}
#footer-wrap a:hover {
 color:#54d5a2;
 text-decoration:none
}
#footer-wrap .block>h2 {
 color:#fff;
 font-size:1.25em;
 margin:0 0 15px
}
#footer-wrap .block>h2 span {
 background:#222;
 padding-right:10px
}
#footer-wrap .block {
 margin-bottom:30px
}
#footer-wrap .span_1_of_3.col-1 {
 padding-left:10px
}
#footer-wrap .span_1_of_3.col-2 {
 padding-right:5px;
 padding-left:5px
}
#footer-wrap .span_1_of_3.col-3 {
 padding-right:10px
}
.footer-block>ul>li {
 padding:2px 0;
 border-bottom:1px solid #333
}
.footer-block>ul>li:first-child {
 border-top:1px solid #333
}
#copyright-wrap {
 background:#111;
 padding:20px 0;
 color:#888;
 text-align:center
}
#copyright-wrap a {
 color:#fff
}
.aligncenter {
 display:block;
 margin:0 auto
}
.alignright {
 float:left;
 margin:0 20px 10px 0
}
.alignleft {
 float:right;
 margin:0 0 10px 20px
}
.floatleft {
 float:right
}
.floatright {
 float:left
}
.textcenter {
 text-align:center
}
.textright {
 text-align:left
}
.textleft {
 text-align:right
}
fieldset {
 background:#fff;
 border:1px solid #ccc;
 margin-top:10px;
 margin-bottom:32px;
 padding:0 0 10px;
 position:relative;
 top:12px;
 -khtml-border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border-radius:4px
}
.fieldset-wrapper {
 margin-top:25px
}
.node-form .vertical-tabs .fieldset-wrapper {
 margin-top:0
}
.filter-wrapper {
 top:0;
 padding:1em 0 .2em;
 -khtml-border-radius-topleft:0;
 -khtml-border-radius-topright:0;
 -moz-border-radius-topleft:0;
 -moz-border-radius-topright:0;
 -webkit-border-top-right-radius:0;
 -webkit-border-top-left-radius:0;
 border-top-right-radius:0;
 border-top-left-radius:0
}
.filter-help a {
 font-size:.857em;
 padding:2px 20px 0
}
.filter-wrapper .form-item label {
 margin-left:10px
}
.filter-wrapper .form-item {
 padding:0 .5em .5em 0
}
.filter-guidelines {
 padding:0 .5em 0 1.5em
}
fieldset.collapsed {
 background:transparent;
 -khtml-border-radius:0;
 -moz-border-radius:0;
 -webkit-border-radius:0;
 border-radius:0
}
fieldset legend {
 background:#dbdbdb;
 border:1px solid #ccc;
 border-bottom:none;
 display:block;
 height:2em;
 right:-1px;
 line-height:2;
 padding:0;
 position:absolute;
 text-indent:10px;
 text-shadow:0 1px 0 #fff;
 top:-12px;
 width:100%;
 -khtml-border-radius-topright:4px;
 -moz-border-radius-topright:4px;
 -webkit-border-top-right-radius:4px;
 border-top-right-radius:4px;
 -khtml-border-radius-topleft:4px;
 -moz-border-radius-topleft:4px;
 -webkit-border-top-left-radius:4px;
 border-top-left-radius:4px
}
fieldset.collapsed legend {
 -khtml-border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border-radius:4px
}
fieldset .fieldset-wrapper {
 padding:0 10px
}
fieldset .fieldset-description {
 margin-top:5px;
 margin-bottom:1em;
 line-height:1.4;
 font-style:italic
}
input {
 margin:2px 0;
 padding:4px
}
input,
textarea {
 font-size:.929em
}
textarea {
 line-height:1.5
}
textarea.form-textarea,
select.form-select {
 padding:4px
}
input.form-text,
textarea.form-textarea,
select.form-select {
 border:1px solid #ccc
}
.password-suggestions ul li {
 margin-right:1.2em
}
.form-item {
 margin-bottom:1em;
 margin-top:2px
}
.form-item label {
 font-size:.929em
}
.form-type-radio label,
.form-type-checkbox label {
 margin-right:4px
}
.form-type-radio .description,
.form-type-checkbox .description {
 margin-right:2px
}
.form-actions {
 padding-top:10px
}
.contact-form #edit-name {
 width:100%;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 -khtml-border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border-radius:4px
}
.contact-form #edit-mail {
 width:100%;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 -khtml-border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border-radius:4px
}
.contact-form #edit-subject {
 width:100%;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 -khtml-border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border-radius:4px
}
.contact-form #edit-message {
 width:100%;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 -khtml-border-top-right-radius:4px;
 -khtml-border-top-left-radius:4px;
 -moz-border-radius-topright:4px;
 -moz-border-radius-topleft:4px;
 -webkit-border-top-right-radius:4px;
 -webkit-border-top-left-radius:4px;
 border-top-right-radius:4px;
 border-top-left-radius:4px
}
.contact-form .resizable-textarea .grippie {
 width:100%;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 -khtml-border-bottom-right-radius:4px;
 -khtml-border-bottom-left-radius:4px;
 -moz-border-radius-bottomright:4px;
 -moz-border-radius-bottomleft:4px;
 -webkit-border-bottom-right-radius:4px;
 -webkit-border-bottom-left-radius:4px;
 border-bottom-right-radius:4px;
 border-bottom-left-radius:4px
}
.comment-form label {
 float:right;
 font-size:.929em
}
.comment-form input,
.comment-form .form-select {
 margin:0;
 -khtml-border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border-radius:4px
}
.comment-form .form-type-textarea label {
 float:none
}
.comment-form .form-item,
.comment-form .form-radios,
.comment-form .form-type-checkbox,
.comment-form .form-select {
 margin-bottom:10px;
 overflow:hidden
}
.comment-form .form-type-checkbox,
.comment-form .form-radios {
 margin-right:120px
}
.comment-form .form-type-checkbox label,
.comment-form .form-radios label {
 float:none;
 margin-top:0
}
.comment-form input.form-file {
 width:auto
}
.comment-form .form-text {
 display:block;
 margin:0;
 width:100%;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.comment-form .form-item .description {
 font-size:.786em;
 line-height:1.2;
 margin-right:120px
}
#content h2.comment-form {
 margin-bottom:.5em
}
.comment-form .form-textarea {
 -khtml-border-radius-topright:4px;
 -khtml-border-radius-topleft:4px;
 -moz-border-radius-topright:4px;
 -moz-border-radius-topleft:4px;
 -webkit-border-top-right-radius:4px;
 -webkit-border-top-left-radius:4px;
 border-top-right-radius:4px;
 border-top-left-radius:4px
}
.comment-form fieldset.filter-wrapper .fieldset-wrapper,
.comment-form .text-format-wrapper .form-item {
 margin-top:0;
 margin-bottom:0
}
.filter-wrapper label {
 width:auto;
 float:none
}
.filter-wrapper .form-select {
 min-width:120px
}
.comment-form fieldset.filter-wrapper .tips {
 font-size:.786em
}
#comment-body-add-more-wrapper .form-type-textarea label {
 margin-bottom:.4em
}
#edit-actions input {
 margin-left:.6em
}
div.password-suggestions {
 border:0
}
.ui-widget-overlay {
 background:#222;
 opacity:.7
}
div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane {
 padding:1em
}
#forum .name {
 font-size:1.083em
}
#forum .description {
 font-size:1em
}
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
 background-image:-ms-linear-gradient(top,#FFFFFF 0%,#E3E3E3 100%);
 background-image:-moz-linear-gradient(top,#FFFFFF 0%,#E3E3E3 100%);
 background-image:-o-linear-gradient(top,#FFFFFF 0%,#E3E3E3 100%);
 background-image:-webkit-gradient(linear,right top,right bottom,color-stop(0,#FFFFFF),color-stop(1,#E3E3E3));
 background-image:-webkit-linear-gradient(top,#FFFFFF 0%,#E3E3E3 100%);
 background-image:linear-gradient(top,#FFFFFF 0%,#E3E3E3 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#E3E3E3');
 border:1px solid #dbdbdb;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 -o-border-radius:6px;
 -ms-border-radius:6px;
 -khtml-border-radius:6px;
 border-radius:6px;
 -moz-box-shadow:inset 0 1px 0 0 #fff;
 -webkit-box-shadow:inset 0 1px 0 0 #fff;
 -o-box-shadow:inset 0 1px 0 0 #fff;
 box-shadow:inset 0 1px 0 0 #fff;
 color:#333;
 text-shadow:0 1px 0 #fff;
 position:relative;
 font-weight:700;
 padding:4px .8em 5px .8em;
 font-size:13px
}
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
 background-image:-ms-linear-gradient(top,#DBDBDB 0%,#F2F2F2 100%);
 background-image:-moz-linear-gradient(top,#DBDBDB 0%,#F2F2F2 100%);
 background-image:-o-linear-gradient(top,#DBDBDB 0%,#F2F2F2 100%);
 background-image:-webkit-gradient(linear,right top,right bottom,color-stop(0,#DBDBDB),color-stop(1,#F2F2F2));
 background-image:-webkit-linear-gradient(top,#DBDBDB 0%,#F2F2F2 100%);
 background-image:linear-gradient(top,#DBDBDB 0%,#F2F2F2 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DBDBDB',endColorstr='#F2F2F2');
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 -o-border-radius:6px;
 -ms-border-radius:6px;
 -khtml-border-radius:6px;
 border-radius:6px;
 -moz-box-shadow:inset 0 1px 0 0 #fff;
 -webkit-box-shadow:inset 0 1px 0 0 #fff;
 -o-box-shadow:inset 0 1px 0 0 #fff;
 box-shadow:inset 0 1px 0 0 #fff;
 cursor:pointer
}
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
 width:100%;
 padding-right:0!important;
 padding-left:0!important;
 text-align:center
}
#block-search-form {
  padding: 0px 0;
  color: #2c3e50;
  font-family: "Roboto";
  margin: 0;
  background: #FFFFFF;
}
#search-block-form .search-form {
  display: flex;
  max-width: 600px;
  margin: 0 auto;
  padding: 15px 0;
}
#search-block-form .search-form .search-input {
  display: block;
  position: relative;
  margin-right: 15px;
  width: 100%;
}
#search-block-form .search-form .search-input input {
  font-size: 16px;
  background: #f0f0f0;
  border: 0px solid #808080;
  border-radius: 5px;
  padding: 0px 15px 0px 45px;
  line-height: 40px;
  margin: 0px;
  font-family: "Roboto";
  color: #222f3e;
  width: 100%;
}
#search-block-form .search-form .search-input label {
  position: absolute;
  top: 5px;
  left: 12px;
  margin: 0;
  color: #222f3e;
  font-size: 22px;
}
#search-block-form .search-form .search-btn .form-submit {
  background: #f0f0f0;
  padding: 0 35px;
  border: 0px solid #808080;
  border-radius: 5px;
  font-size: 16px;
  line-height: 40px;
  color: #222f3e;
  text-shadow: initial;
  cursor: pointer;
  font-family: "Roboto";
  margin: 0px;
}
#search-block-form .search-form .search-btn .form-submit:hover {background: #fffc01; color: #000;}
#search-form input#edit-keys,
#block-search-form .form-item-search-block-form input {
 float:left;
 font-size:1em;
 height:1.143em;
 margin-right:5px;
 width:20em
}
#search-form input.form-submit {
 margin-left:0;
 margin-right:0;
 height:25px;
 width:34px;
 padding:0;
 cursor:pointer;
 border-color:#e4e4e4 #d2d2d2 #b4b4b4;
 background:url(images/search-button.png) no-repeat center top;
 overflow:hidden
}
ol.search-results {
 padding-right:0
}
.search-results li {
 border-bottom:1px solid #d3d7d9;
 padding-bottom:.4285em;
 margin-bottom:.5em
}
.search-results li:last-child {
 border-bottom:none;
 padding-bottom:none;
 margin-bottom:1em
}
.search-results .search-snippet-info {
 padding-right:0
}
.meta {
 font-weight:400;
 font-size:.929em;
 margin:5px 0 10px 0
}
.meta a {
 color:#999
}
.meta a:hover {
 color:#000
}
.meta li {
 display:inline;
 margin-left:5px;
 margin-left:10px
}
.meta strong {
 font-weight:600;
 color:#111
}
.meta li:last-child {
 margin-left:0;
 padding-left:0;
 background:none
}
.links li a {
 background-color:#E7E5E3;
 color:#100100;
 padding:4px 5px;
 border-radius:4px;
 text-shadow:-1px 1px #fff;
 font-weight:400
}
.links li a:hover {
 background-color:#D7D5D3;
 color:#100101
}
#content table.cke_editor {
 background:transparent;
 border:0
}
#content table.cke_editor td {
 background:transparent;
 padding:0;
 border:0
}
.poll .vote-form .choices .title {
 font-size:14px;
 font-weight:400;
 line-height:2
}
.poll .vote-form .choices {
 margin:0
}
.form-item label {
 font-size:13px;
 font-weight:700
}
.item-list ul {
 margin:0;
 padding:0 0 0 1.5385em
}
.item-list ul li {
 margin:0;
 padding:0
}
ul.menu li {
 margin:0;
 padding:0
}
ul.inline {
 clear:both
}
ul.inline li {
 margin:0;
 padding:0
}
.tabs-wrapper {
 border-bottom:1px solid #b7b7b7;
 margin:0 0 5px 0
}
ul.primary {
 border:none;
 margin:0;
 padding:0
}
ul.primary li a {
 background:none;
 border:none;
 display:block;
 float:right;
 line-height:1.5385em;
 margin:0;
 padding:0 1em;
 border-radius:4px 4px 0 0;
 margin-left:5px
}
ul.primary li a:hover,
ul.primary li a.active {
 background:#666;
 border:none;
 color:#fff
}
ul.primary li a:hover {
 background:#888;
 text-decoration:none
}
ul.secondary {
 background:#666;
 border-bottom:none;
 clear:both;
 margin:0;
 padding:0
}
ul.secondary li {
 border-left:none
}
ul.secondary li a,
ul.secondary li a:link {
 border:none;
 color:#ccc;
 display:block;
 float:right;
 line-height:1.5385em;
 padding:0 1em
}
ul.secondary li a:hover,
ul.secondary li a.active {
 background:#888;
 color:#fff;
 text-decoration:none
}
ul.secondary a.active {
 border-bottom:none
}
ul.inline,
ul.links.inline {
 margin-right:0
}
.field-name-field-tags {
 margin:0 0 10px 0
}
.field-name-field-tags a {
 background:#54d5a2;
 margin-left:5px;
 margin-bottom:5px;
 border-radius:2px;
 color:#fff;
 font-size:.929em;
 padding:2px 6px;
 display:inline-block
}
.field-name-field-tags a:hover {
 background:#111;
 color:#fff
}
.field-name-field-tags div {
 display:inline
}
.profile {
 margin:1.5385em 0
}
.profile dd {
 margin-bottom:1.5385em
}
.profile h3 {
 border:none
}
.profile dt {
 margin-bottom:0
}
.password-parent {
 width:36em
}
.comment h2.title {
 margin-bottom:1em
}
.comment div.user-picture img {
 margin-right:0
}
.comment {
 margin-bottom:20px;
 display:table;
 vertical-align:top
}
.comment .attribution {
 display:table-cell;
 padding:0 0 0 35px;
 vertical-align:top;
 overflow:hidden
}
.comment .attribution img {
 margin:0;
 border:1px solid #d3d7d9
}
.comment .attribution .username {
 white-space:nowrap
}
.comment .comment-submitted p {
 margin:4px 0;
 font-size:1.071em;
 line-height:1.2
}
.comment .comment-submitted .comment-time {
 font-size:.786em
}
.comment .comment-submitted .comment-permalink {
 font-size:.786em;
 text-transform:lowercase
}
.comment .content {
 font-size:.929em;
 line-height:1.6
}
.comment .comment-arrow {
 background:url(images/comment-arrow.gif) no-repeat 100% center transparent;
 border-right:1px solid;
 border-left:1px solid;
 height:40px;
 margin-right:-36px;
 margin-top:15px;
 position:absolute;
 width:20px
}
.comment .comment-text {
 padding:0 35px 10px 25px;
 display:table-cell;
 vertical-align:top;
 position:relative;
 width:100%;
 border-right:1px solid #d3d7d9
}
.comment .indented {
 margin-right:40px
}
.comment-unpublished {
 margin-left:5px;
 padding:5px 5px 5px 2px
}
.comment .comment-text .comment-arrow {
 border-right:1px solid #f6f6f6;
 border-left:1px solid #f6f6f6
}
.item-list .pager li {
 background:#cfcfcf;
 border-radius:3px;
 margin-left:4px;
 text-shadow:-1px 1px #fff
}
.field-name-taxonomy-forums div {
 display:inline;
 margin-top:4px
}
#forum .title {
 font-size:16px
}
#forum .submitted {
 font-size:12px;
 font-family:Lucida Grande,Verdana,Arial,sans-serif;
 background:transparent;
 padding:0
}
#forum .container {
 background:#a1a1a1;
 color:#fff
}
#forum .container a {
 color:#000;
 font-weight:700
}
#forum div.indent {
 margin-right:2px
}
.forum-starter-picture {
 float:right;
 padding:4px;
 border:1px solid #d9d9d9;
 margin:5px 0 5px 7px
}
#forum th {
 background:#434343;
 text-shadow:none;
 color:#fff
}
#forum th a {
 color:#fff
}
#forum td.forum .icon,
#forum .icon div {
 background:url(images/no-new-posts.png) no-repeat;
 width:35px;
 height:35px
}
#forum .name a {
 font-size:16px
}
@font-face {
 font-display:swap;
 font-family:'FontAwesome';
 src:url(font/fontawesome-webfont.eot?v=4.0.3);
 src:url('font/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),
 url(font/fontawesome-webfont.woff?v=4.0.3) format('woff'),
 url(font/fontawesome-webfont.ttf?v=4.0.3) format('truetype'),
 url('font/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
 font-weight:400;
 font-style:normal
}
.fa {
 display:inline-block;
 font-family:FontAwesome;
 font-style:normal;
 font-weight:400;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.fa-lg {
 font-size:1.3333333333333333em;
 line-height:.75em;
 vertical-align:-15%
}
.fa-2x {
 font-size:2em
}
.fa-3x {
 font-size:3em
}
.fa-4x {
 font-size:4em
}
.fa-5x {
 font-size:5em
}
.fa-fw {
 width:1.2857142857142858em;
 text-align:center
}
.fa-ul {
 padding-right:0;
 margin-right:2.142857142857143em;
 list-style-type:none
}
.fa-ul>li {
 position:relative
}
.fa-li {
 position:absolute;
 right:-2.142857142857143em;
 width:2.142857142857143em;
 top:.14285714285714285em;
 text-align:center
}
.fa-li.fa-lg {
 right:-1.8571428571428572em
}
.fa-border {
 padding:.2em .25em .15em;
 border:solid .08em #eee;
 border-radius:.1em
}
.pull-right {
 float:left
}
.pull-left {
 float:right
}
.fa.pull-left {
 margin-left:.3em
}
.fa.pull-right {
 margin-right:.3em
}
.fa-spin {
 -webkit-animation:spin 2s infinite linear;
 -moz-animation:spin 2s infinite linear;
 -o-animation:spin 2s infinite linear;
 animation:spin 2s infinite linear
}
@-moz-keyframes spin {
 0% {
  -moz-transform:rotate(0deg)
 }
 100% {
  -moz-transform:rotate(-359deg)
 }
}
@-webkit-keyframes spin {
 0% {
  -webkit-transform:rotate(0deg)
 }
 100% {
  -webkit-transform:rotate(-359deg)
 }
}
@-o-keyframes spin {
 0% {
  -o-transform:rotate(0deg)
 }
 100% {
  -o-transform:rotate(-359deg)
 }
}
@-ms-keyframes spin {
 0% {
  -ms-transform:rotate(0deg)
 }
 100% {
  -ms-transform:rotate(-359deg)
 }
}
@keyframes spin {
 0% {
  transform:rotate(0deg)
 }
 100% {
  transform:rotate(-359deg)
 }
}
.fa-rotate-90 {
 filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
 -webkit-transform:rotate(-90deg);
 -moz-transform:rotate(-90deg);
 -ms-transform:rotate(-90deg);
 -o-transform:rotate(-90deg);
 transform:rotate(-90deg)
}
.fa-rotate-180 {
 filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
 -webkit-transform:rotate(-180deg);
 -moz-transform:rotate(-180deg);
 -ms-transform:rotate(-180deg);
 -o-transform:rotate(-180deg);
 transform:rotate(-180deg)
}
.fa-rotate-270 {
 filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
 -webkit-transform:rotate(-270deg);
 -moz-transform:rotate(-270deg);
 -ms-transform:rotate(-270deg);
 -o-transform:rotate(-270deg);
 transform:rotate(-270deg)
}
.fa-flip-horizontal {
 filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);
 -webkit-transform:scale(-1,1);
 -moz-transform:scale(-1,1);
 -ms-transform:scale(-1,1);
 -o-transform:scale(-1,1);
 transform:scale(-1,1)
}
.fa-flip-vertical {
 filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);
 -webkit-transform:scale(1,-1);
 -moz-transform:scale(1,-1);
 -ms-transform:scale(1,-1);
 -o-transform:scale(1,-1);
 transform:scale(1,-1)
}
.fa-stack {
 position:relative;
 display:inline-block;
 width:2em;
 height:2em;
 line-height:2em;
 vertical-align:middle
}
.fa-stack-1x,
.fa-stack-2x {
 position:absolute;
 right:0;
 width:100%;
 text-align:center
}
.fa-stack-1x {
 line-height:inherit
}
.fa-stack-2x {
 font-size:2em
}
.fa-inverse {
 color:#fff
}
.snapbulk-menu {
 margin:10px;
 overflow:hidden;
 background-color:#FFF;
 border:1px solid #DDD;
 border-radius:6px
}
.snapbulk-menu ul {
 padding-right:0;
 margin:0;
 list-style:none;
 background-color:#fff
}
.snapbulk-menu ul li {
 position:relative;
 padding:11px 65px 11px 15px;
 overflow:hidden;
 border-bottom:1px solid #ddd
}
.snapbulk-menu ul li::before {
 font-family:FontAwesome;
 content:"";
 position:absolute;
 right:15px
}
.snapbulk-menu ul li:last-child {
 border-bottom:0
}
.snapbulk-menu ul li>a {
 position:relative;
 display:block;
 padding:inherit;
 margin:-11px -65px -11px -15px;
 overflow:hidden;
 color:#000
}
.snapbulk-menu ul li>a:active {
 background-color:#eee
}
.snapbulk-menu ul li p {
 margin-bottom:0
}
.team {
 float:left;
 width:100%;
 display:table
}
.team:first-child {
 margin-top:-10px
}
.team .memberwrap {
 float:left;
 width:50%;
 text-align:left;
 margin-bottom:64px;
 text-decoration:none;
 display:table-cell;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 position:relative
}
.team .memberwrap .memberinnerbox .blurrymemberbox {
 -webkit-filter:blur(4px);
 filter:blur(4px)
}
.team .member {
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 position:relative;
 padding:30px 20px 10px;
 background:#fefefe;
 padding-bottom:10px;
 border:1px solid #e5e5e5;
 margin:10px;
 min-height:252px
}
.team .member:hover {
 background-color:#eee
}
.team .member img {
 height:183px;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 border-radius:10px;
 width:100%
}
.team .member h4 {
 margin-top:11px;
 margin-bottom:0;
 font-size:20px;
 line-height:20px;
 text-transform:none;
 font-weight:300;
 text-align:left
}
.team .member h5 {
 font-weight:400;
 color:#bbb;
 font-size:13px;
 margin-top:4px;
 margin-bottom:10px;
 line-height:20px
}
.dummy {
 margin-top:100%
}
.membercontainer {
 display:inline-block;
 position:relative;
 width:100%;
 margin-bottom:64px;
 z-index:20
}
.memberinnerbox {
 position:absolute;
 top:0;
 bottom:0;
 right:2%;
 left:2%;
 width:96%;
 overflow:hidden;
 z-index:21
}
.blurrymemberbox {
 position:absolute;
 top:0;
 right:0;
 width:100%;
 height:100%;
 background-size:cover;
 background-position:center center;
 z-index:22
}
.memberboxinfo {
 position:absolute;
 top:0;
 bottom:0;
 right:2%;
 left:2%;
 width:96%;
 height:100%;
 overflow:hidden;
 background-color:rgba(0,0,0,.4);
 z-index:23
}
.memberboxdetails {
 position:absolute;
 top:100%;
 bottom:0;
 right:2%;
 left:2%;
 width:96%;
 height:60px;
 overflow:hidden;
 background:rgba(0,0,0,.3);
 border-top:none!important;
 line-height:22px;
 color:#999;
 font-size:13px;
 padding:8px 10px 10px 10px;
 z-index:24;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box
}
.memberboxdetails h5 {
 line-height:22px;
 color:#999;
 font-size:13px;
 font-weight:100;
 margin:0
}
.memberboxdetails p a {
 color:#999;
 text-decoration:none;
 font-size:10px;
 line-height:22px
}
.memberboxdetails small {
 font-size:10px
}
.memberboximgart {
 width:60%;
 height:60%;
 border-radius:100%;
 overflow:hidden;
 margin-right:auto;
 margin-left:auto;
 margin-top:25px;
 background-size:cover;
 background-position:center center
}
.memberboxname {
 text-align:center;
 direction:ltr;
 padding-top:8%;
 font-size:14px;
 color:#DDD;
 text-shadow:0 0 3px #000
}
.view-content:before, .view-content:after {content: ""; display: table; clear: both;}
.view-content .member_wrap {
 border-bottom:1px solid rgba(255,255,255,.1)!important;
 padding:10px 15px;
}
.view-content .member_wrap .member_image {
 float:left;
 width:50px;
 position:relative;
 margin-right:10px;
 height:50px
}
.view-content .member_wrap .member_image img {
 height:100%;
 width:100%;
 border-radius:50%
}
.view-content .member_wrap .member_image img.bg_img {
 position:absolute;
 top:0;
 left:0;
 border-radius:50%;
 height:100%;
 width:100%
}
.view-content .member_wrap .member_content {
 float:left;
 width:calc(100% - 60px)
}
.view-content .member_wrap .member_content .member_content_right {
 float:left
}
.view-content .member_wrap .member_content .member_content_right p {
 margin:0
}
.view-content .member_wrap .member_content .member_content_right p a {
 font-size:16px;
 color:#DDD;
 font-family:"Roboto"
}
.view-content .member_wrap .member_content .member_content_right small {
 display:inline-block
}
.view-content .member_wrap .member_content .member_content_right small a {
 color:#929292
}
.view-content .member_wrap .member_content .member_content_left {float: right; margin-top: 7px;}
.view-content .member_wrap .member_content .member_content_left a {
  display: block;
  font-size: 16px;
  color: #000;
  text-align: center;
  background: #fffc01;
  padding: 5px 10px;
  white-space: nowrap;
  border-radius: 5px;
}
.view-content .member_wrap .member_content .member_content_left a b {vertical-align: middle; margin-right: 5px; font-weight: bold;}
.view-content .member_wrap .member_content .member_content_left a .sminfo {
  text-align: center;
  font-family: "Roboto";
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
}
.view-content .member_wrap .member_content .member_content_left a:hover {background: #FFF; color: #000;}
.view-content .member_wrap.special_member {background-image: linear-gradient(to left, #fffd8a, #fffc01);}
.view-content .member_wrap.special_member .member_content .member_content_right p a {color:#FFFFFF;}
.view-content .member_wrap.special_member .member_content .member_content_right small a {color:#FFFFFF;}

@media (max-width:767px) {
 .view-content .member_wrap .member_content .member_content_right small {
  display:inline-block;
  white-space:nowrap;
  max-width:75px;
  overflow:hidden;
  text-overflow:ellipsis;
  vertical-align:middle
 }
 .view-content .member_wrap .member_content .member_content_right p {
  white-space:nowrap;
  max-width:180px;
  overflow:hidden;
  text-overflow:ellipsis;
  vertical-align:middle
 }
 .view-content .member_wrap .member_content .member_content_right p a {
  font-size:16px;
  color:#DDD;
  font-family:"Roboto";
  max-width:130px;
  white-space:nowrap;
  text-overflow:ellipsis;
  display:inline-block;
  overflow:hidden;
  vertical-align:middle
 }
}
ul.teamsocial {
 margin:0;
 padding:0;
 width:100%;
 height:24px;
 margin-bottom:14px;
 margin-top:-10px
}
.teamsocial li {
 float:left;
 display:inline;
 margin:0;
 padding:0;
 margin-right:3px
}
.teamsocial li:last-child {
 margin-right:0;
 clear:right
}
.teamsocial li a {
 float:left;
 height:24px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 border-radius:3px;
 opacity:1;
 background:#fefefe;
 -webkit-transition:all 0.1s;
 -moz-transition:all 0.1s;
 -o-transition:all 0.1s;
 -ms-transition:all 0.1s
}
.teamsocial .s_icon {
 font-size:14px;
 color:#666;
 background:transparent;
 text-align:center;
 width:24px;
 padding-top:2px;
 -webkit-transition:all 0.1s;
 -moz-transition:all 0.1s;
 -o-transition:all 0.1s;
 -ms-transition:all 0.1s
}
.teamsocial li a:hover .s_icon {
 color:#fff
}
.teamsocial li a.so_mail:hover {
 background:#000;
 border:0 solid #fff;
 filter:none
}
.teamsocial li a.so_phone:hover {
 background:#000;
 border:0 solid #fff;
 filter:none
}
.teamsocial li a.so_fb:hover {
 background:#4672b3;
 border:0 solid #fff;
 filter:none
}
.teamsocial li a.so_tw:hover {
 background:#099bcc;
 border:0 solid #fff;
 filter:none
}
.teamsocial li a.so_gp:hover {
 background:#da4a38;
 border:0 solid #fff;
 filter:none
}
.teamsocial li a.so_pi:hover {
 background:#c32524;
 border:0 solid #fff;
 filter:none
}
.teamsocial li a.so_vi:hover {
 background:#8bb225;
 border:0 solid #fff;
 filter:none
}
.teamsocial li a.so_yt:hover {
 background:#cb322c;
 border:0 solid #fff;
 filter:none
}
.teamsocial li a.so_li:hover {
 background:#2e8cc2;
 border:0 solid #fff;
 filter:none
}
.teamsocial li a.so_rs:hover {
 background:#e97633;
 border:0 solid #fff;
 filter:none
}
.team.solo .memberwrap {
 width:100%
}
.span4 {
 float:right;
 width:33%
}
.span8 {
 float:right;
 width:66%
}
.thumbnail {
 margin:10px;
 background-color:#FFF;
 border:1px solid #DDD;
 border-radius:6px;
 padding:5px
}
.thumbnail img {
 border:0!important;
 max-width:100%!important;
 padding:0!important;
 margin:0!important;
 margin-bottom:-5px!important
}
.alert {
 padding:15px;
 margin-bottom:20px;
 border:1px solid transparent;
 border-radius:4px;
 color:#3C763D;
 background-color:#DFF0D8;
 border-color:#D6E9C6
}
.panel {
 margin-bottom:20px;
 background-color:#FFF;
 border:1px solid transparent;
 border-radius:4px;
 box-shadow:0 1px 1px rgba(0,0,0,.05)
}
.panel-warning {
 border-color:#FAEBCC
}
.panel-heading {
 padding:10px 15px;
 border-bottom:1px solid transparent;
 border-top-right-radius:3px;
 border-top-left-radius:3px
}
.panel-warning>.panel-heading {
 color:#8A6D3B;
 background-color:#FCF8E3;
 border-color:#FAEBCC
}
.panel-title {
 margin-top:0;
 margin-bottom:0;
 font-size:14px;
 color:inherit
}
.panel-body {
 padding:15px;
 text-align:center;
 font-size:20px;
 color:#000
}
.snap-panel {
 margin-bottom:20px;
 background-color:#FFF;
 border:3px solid #777;
 border-radius:15px;
 box-shadow:0 1px 1px rgba(0,0,0,.05);
 padding:15px;
 text-align:center;
 margin-top:75px
}
.snap-panel .snap-code {
 width:150px;
 margin:-78px auto 5px;
 display:block
}
.snap-panel .snap-account {
 font-weight:400
}
.snap-panel .snap-button {
 display:block;
 background:#9B55A0;
 border-radius:20px;
 padding:10px;
 color:#fff;
 width:200px;
 margin:5px auto
}
.search_block {
 float:left;
 margin-right:16px
}
.search_block label {
 float:left;
 margin-right:10px;
 font-weight:100
}
ul.pagination {
 margin-bottom:0
}
ul.pagination li {
 list-style:none;
 display:inline-block;
 margin-top:20px
}
ul.pagination li span {
 background:#fffc01;
 color:#000000;
 padding:7px;
 display:inline-block;
 line-height:20px;
 border-radius:5px;
 opacity:.7
}
ul.pagination li a {
 margin:4px;
 background:#fffc01;
 color:#000000;
 padding:7px;
 display:inline-block;
 line-height:20px;
 border-radius:5px
}
* {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
.clr {
 clear:both
}
.cursor {
 cursor:pointer
}
.pages>div>.content {
 padding:0 5px;
 margin:0 12px;
 color:#DDD;
 font-family:"Roboto"
}
.pages>div>.content strong,
.pages>div>.content h3 {
 color:#DDD;
 font-family:"Roboto"
}
table {
 background-color:transparent
}
table {
 border-spacing:0;
 border-collapse:collapse;
 color:#DDD;
 max-width:100%
}
.memberbluboxnew {
 position:fixed;
 top:0;
 right:0;
 width:100%;
 height:100vh;
 overflow:hidden
}
.innermemberblurboxbg {
 position:absolute;
 top:0;
 right:0;
 width:100%;
 height:100vh;
 background-size:cover;
 background-position:center center
}
.innermemberblurboxcontentnew {
 top:0;
 right:0;
 position:absolute;
 width:100%;
 height:100vh;
 background-color:rgba(0,0,0,.6);
 overflow:hidden;
 text-shadow:0 0 4px rgba(0,0,0,.5)
}
.memberbluboxmask {
 position:fixed;
 top:0;
 right:0;
 width:100%;
 height:50px;
 overflow:hidden;
 z-index:9998
}
.innermemberblurboxcontent {
 top:0;
 right:0;
 position:absolute;
 width:100%;
 height:100vh;
 background-color:rgba(0,0,0,.6);
 overflow:hidden;
 text-shadow:0 0 4px rgba(0,0,0,.5)
}
.topnavbl {
  position: fixed;
  opacity: 1;
  width: 100%;
  height: 90px;
  line-height: 90px;
  top: 0;
  right: 0;
  z-index: 999;
  padding: 0 5px;
  background: #000000;
}
.topnavbl .logo {
 float:left;
 padding-top: 10px;
}
.topnavbl .logo h2 {
  margin: 0;
  padding: 0;
  line-height: 0;
  border: 0px none;
}
.topnavbl .logo h2 a {
  color: #DDD;
  font-size: 22px;
  line-height: 70px;
  display: inline-block;
  height: 70px;
}

.topnavbl .logo h2 a img {height: 100%;}

.topnavbl .header-links {
 float:right
}
.topnavbl .header-links>a {
 color:#DDD;
 font-size:16px;
 margin-right:10px;
 font-family:"Roboto"
} 
.topnavbl .header-links>a i {margin-right: 5px;}
#header-scroll.h-fixed {
  height: 70px;
  line-height: 70px;
  box-shadow: 0 -3px 4px #333;
}
#header-scroll.h-fixed .logo h2 a {height: 50px;}
.menubutton {
 color:#FFFFFF;
 font-size:22px;
 line-height:55px;
 display:inline-block;
 vertical-align: middle;
}
.sidebar {
 position:fixed;
 top:0;
 right:0;
 margin-right:-100%;
 direction:rtl;
 width:100%;
 height:100%;
 min-height:100vh;
 overflow:auto;
 z-index:99999991;
 -webkit-transition:all 0s;
 -moz-transition:all 0s;
 -o-transition:all 0s;
 transition:all 0s
}
.sidebar.sidebaropen {
 margin-right:0%
}
.sidemenu {
 height:auto;
 min-height:100vh;
 box-shadow:0 0 20px #000;
 direction:ltr;
 background:rgba(11,11,11,.95);
 padding-top:20px;
 overflow:auto!important
}
.sidemenu ul {
 padding:0;
 height:auto;
 margin:0;
 overflow:auto!important
}
.sidemenu ul li {
 padding:0;
 margin:0;
 list-style:none
}
.sidemenu ul li.expanded .dropdown-content {
 display:none
}
.sidemenu ul li.expanded .dropdown-content.show {
 display:block
}
.selection {
 padding-left:22px;
 padding-top:10px;
 padding-bottom:10px;
 color:#AAA;
 font-size:16px;
 font-family:"Roboto";
 display:block;
 border-bottom:1px solid 1px solid #555
}
.selection span {
 font-size:18px;
 padding-right:16px
}
.sidemenu ul li.leaf .selection {
 padding-left:12px;
 font-size:14px;
 background:rgba(255,255,255,.1)
}
.sidemenu ul li.leaf .selection:hover {
 background:rgba(255,255,255,0)
}
.sidemenu ul li.leaf .selection span {
 padding-right:10px
}
.sidemenu ul li.leaf .selection img {
  margin-right: 10px;
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}
.sideblank {
 width:100%;
 height:100%;
 height:100vh
}
.outtermainpage {
}
.site-main {
}
.site-main.container {
}
.navtitle h1 {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 500;
  padding: 10px 15px 10px 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(255,255,255,.1);
  color: #fede8a;
}
.navtitle h1 i {
 font-size:24px;
 vertical-align:middle;
 margin-right:5px
}
.navtitle h1 img {
  width: 40px;
  display: inline-block;
  vertical-align: middle;
}
.navtitle h1 a {
 float:right;
 color:#DDD;
 font-size:14px
}
.title_tags {
 font-family:"Roboto";
 font-size:16px;
 font-weight:100;
 padding:0 5px 6px 5px;
 margin-bottom:10px;
 border-bottom:1px solid rgba(255,255,255,.1);
 color:#CCC;
 margin-right:12px;
 margin-left:12px
}
.title_tags i {
 font-size:24px;
 vertical-align:middle;
 margin-right:5px
}
a.tag_btn {
 background:#D5D5D7;
 border:0 none;
 box-shadow:inherit;
 text-shadow:inherit;
 color:#34353a;
 margin:0 0 10px 0;
 border-radius:2px;
 padding:0 10px;
 width:auto;
 font-family:"Roboto";
 font-weight:100;
 font-size:16px;
 line-height:25px;
 height:auto;
 display:inline-block
}
.profile_user>.profile {
 margin:0;
 width:100%;
 float:none;
 text-align:center
}
.profile_user>.profile .image img {
 max-width:200px;
 height:200px;
 border-radius:30px
}
.profile_user > .profile.profile_vip {margin-top: 45px;}
.profile_user > .profile.profile_vip > .image {
  display: inline-block;
  background: #ffe161;
  padding: 5px;
  border-radius: 30px;
  position: relative;
}
.profile_user > .profile.profile_vip .image img.profile_image {border: 5px solid #000000; display: block;}
.profile_user > .profile .image .profile_vip_image {
  height: 60px;
  width: 60px;
  position: absolute;
  top: -50px;
  left: calc(50% - 30px);
}
.profile_user>.profile h3 {
 color:#DDD;
 font-family:"Roboto";
 margin-top:0
}
.profile_user>.profile p {
 color:#DDD;
 font-family:"Roboto"
}
.profile_user>.profile p a {
 color:#34353a;
 font-family:"Roboto";
 background:#D5D5D7;
 padding:1px 8px;
 border-radius:13px
}
.profile_user>.profile p a i {
 font-size:20px;
 vertical-align:middle
}
.profile_user>.profile .about_cat {font-family:"Roboto"; margin-bottom: 15px;}
.profile_user>.profile .about_cat small {font-family:"Roboto"; font-size:16px;}

.mob_only {
 display:none
}
.navtitle h1 .title_left {
 float:right
}
.navtitle h1 .title_left i {
 font-size:14px;
 margin:0;
 text-align:center
}
#crestashareiconincontent {
 text-align:center
}
#crestashareiconincontent .sbutton {
 display:block;
 margin:0 5px;
 cursor:pointer;
 color:#FFF;
 float:left
}
.mob_only #crestashareiconincontent .sbutton {
 display:inline-block;
 float:none
}
#crestashareiconincontent .sbutton a {
 color:#FFF;
 height:30px;
 width:30px;
 display:block;
 text-align:center;
 border:1px solid;
 border-radius:50%
}
#crestashareiconincontent #pinterest-cresta-c a {
 background-color:#cd1d1f;
 border-color:#cd1d1f
}
#crestashareiconincontent #pinterest-cresta-c a:hover {
 background-color:#FFF;
 color:#cd1d1f
}
#crestashareiconincontent #linkedin-cresta-c a {
 background-color:#007bb6;
 border-color:#007bb6
}
#crestashareiconincontent #linkedin-cresta-c a:hover {
 background-color:#FFF;
 color:#007bb6
}
#crestashareiconincontent #googleplus-cresta-c a {
 background-color:#dd4c3b;
 border-color:#dd4c3b
}
#crestashareiconincontent #googleplus-cresta-c a:hover {
 background-color:#FFF;
 color:#dd4c3b
}
#crestashareiconincontent #twitter-cresta-c a {
 background-color:#55aded;
 border-color:#55aded
}
#crestashareiconincontent #twitter-cresta-c a:hover {
 background-color:#FFF;
 color:#55aded
}
#crestashareiconincontent #facebook-cresta-c a {
 background-color:#3b5997;
 border-color:#3b5997
}
#crestashareiconincontent #facebook-cresta-c a:hover {
 background-color:#FFF;
 color:#3b5997
}
#crestashareiconincontent #shortlink-cresta-c a {
 background-color:#36465d;
 border-color:#36465d
}
#crestashareiconincontent #shortlink-cresta-c a:hover {
 background-color:#FFF;
 color:#36465d
}
#crestashareiconincontent #whatsapp-cresta-c a {
 background-color:#7bbf6a;
 border-color:#7bbf6a
}
#crestashareiconincontent #whatsapp-cresta-c a:hover {
 background-color:#FFF;
 color:#7bbf6a
}
#crestashareiconincontent .sbutton a .fa {
 line-height:30px
}
.contact-us {
 color:#DDD;
 font-family:"Roboto"
}
.contact-us i {
 color:#DDD;
 font-size:20px
}
.contact-us select.form-control {
 padding:1px 12px;
 height:auto
}
.alert-success,
.alert {
 border-radius:0!important;
 background:rgba(255,255,255,.3)!important;
 border:0 none!important;
 color:#DDD!important;
 font-size:16px!important;
 font-family:"Roboto"!important
}
@media (max-width:767px) {
 body {
  overflow:auto!important
 }
 .pconly {
  display:none!important
 }
 .mob_only {
  display:block!important
 }
 .search_block {
  margin-right:10px
 }
}
@media (max-width:486px) {
 .profile_user>.profile {
  width:100%;
  float:none
 }
}
.ads-mob {
 position:fixed;
 bottom:0;
 left:0;
 right:0;
 z-index:999999;
 text-align:center;
 border-top:3px solid #3f3f3f;
 display:none
}
.ads-mob>a {
 cursor:pointer;
 position:absolute;
 top:-20px;
 background:#3f3f3f;
 color:#FFF;
 height:40px;
 right:calc(50% - 20px);
 width:40px;
 border-radius:20px
}
.ads-mob.ads-close {
 height:0
}
.ads-mob.ads-close>a>.fa-angle-down:before {
 content:"\f106"
}
@media (max-width:767px) {
 .ads-mob {
  display:block
 }
}
.fixed-bottom {
 position:fixed;
 right:0;
 bottom:0;
 left:0;
 z-index:9999
}
.flex-container {
 display:flex;
 flex-wrap:nowrap
}
.flex-container .flex-box {
 width:100%;
 text-align:center
}
#footer-fixed {
 background:#000000;
 border-top:1px solid #424141;
 font-size:25px;
 -webkit-box-shadow:0 -2px 3px rgba(0,0,0,.1);
 box-shadow:0 -2px 3px rgba(0,0,0,.1);
 color:#000;
 display:inline-block;
 padding:1px 0
}
#footer-fixed a {
 color:#fffc01;
 cursor:pointer;
 font-family:Droid Arabic Kufi
}
#footer-fixed p {
 margin:0;
 font-size:12px
}
#categories {background-image: linear-gradient(to left, #fff3e3, #fff3e3); padding: 50px 0; margin-bottom: 30px;}
#categories .categories-boxs {
  padding: 0;
  margin: 0;
  width: 100%;
  padding-bottom: 20px;
}
#categories .categories-boxs a {
  background: transparent;
  display: block;
  border: 0px solid #DDD;
  border-radius: 0px;
  overflow: hidden;
  text-align: center;
  color: #000;
}
#categories .categories-boxs a .image {
  padding: 0;
  background: #FFF;
  width: 100%;
  display: block;
  border-radius: 500px;
  overflow: hidden;
}
#categories .categories-boxs a .image img {width: 100%; display: block;}
#categories .categories-boxs a h3 {border: 0px none; margin: 0px; padding: 10px 0; min-height: 75px;color: #000;
font-size: 16px;}




.special-box.view-content {display: flex; overflow: auto;} 
.special-box.view-content .member_wrap.special_member {
  background-image: linear-gradient(to bottom, #fffc01, #191919);
  border-radius: 5px;
  margin-bottom: 15px;
  text-align: center;
  border: 0px none !important;
  padding: 15px;
  flex: 1;
  width: 200px;
  min-width: 150px;
  overflow: hidden;
}
.special-box.view-content .member_wrap.special_member + .member_wrap.special_member {margin-left: 15px;}
.special-box.view-content .member_wrap .member_image {float: none; margin: 0 auto; width: auto; height: auto;}
.special-box.view-content .member_wrap .member_content {float: none; width: 100%;}
.special-box.view-content .member_wrap .member_content .member_content_right {display: none;}
.special-box.view-content .member_wrap .member_content .member_content_left {float: none; margin-top: 7px;}
.my-account-boxs .view-content .member_wrap .member_content .member_content_left {margin: 0;}
.my-account-boxs .view-content .member_wrap .member_content .member_content_left a {
  background: transparent;
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  color: #DDD;
  padding: 0px 0px 0px 4px;
  text-align: center;
}
.my-account-boxs .view-content .member_wrap .member_content .member_content_left a b {
  display: block;
  margin: 0;
  font-weight: 100;
}
.my-account-boxs .view-content .member_wrap .member_content .member_content_left a .sminfo {
  margin-top: -6px;
  font-size: 10px;
  text-align: center;
  font-family: "Roboto";
}
@media (max-width: 767px) {
    .special-box.view-content .member_wrap .member_image {min-width: 110px;}
    .my-account-boxs .view-content .member_wrap {
      margin-right: 5px;
      margin-left: 5px;
      text-align: center;
    }
    .my-account-boxs .view-content .member_wrap .member_image {
      float: none;
      width: 100%;
      position: relative;
      margin-right: 0;
      height: 50px;
      text-align: center;
    }
    .my-account-boxs .view-content .member_wrap .member_image > a {
      width: 50px;
      height: 50px;
      display: inline-block;
      position: relative;
    }
    .my-account-boxs .view-content .member_wrap .member_content {float: none; width: 100%;}
    .my-account-boxs .view-content .member_wrap .member_content .member_content_right p {max-width: 100%;}
    .my-account-boxs .view-content .member_wrap .member_content .member_content_right {float: none;}
    .my-account-boxs .view-content .member_wrap .member_content .member_content_left {
      margin: 15px;
      display: flex;
      justify-content: space-between;
      float: none;
    }
}


.social-icos {
  padding: 0px;
  max-width: 600px;
  display: block;
  margin: 0 auto;
}
.social-icos li {display: block; margin-bottom: 15px;}
.social-icos li .social-box {
  display: block;
  background: #FFF;
  border-radius: 30px;
  color: #000;
  font-family: "Roboto";
  text-align: center;
  line-height: 50px;
  padding: 0px 50px;
  position: relative;
}
.social-icos li .social-box:before,
.social-icos li .social-box:after {content: ""; display: table; clear: both;}
.social-icos li .social-box img {
  width: 45px;
  height: 45px;
  border-radius: 50px;
  background: #DDD;
  position: absolute;
  top: 3px;
  left: 3px;
}
.social-icos li .social-box:hover {background: #fffc01;}

.sm-icons {
  padding: 0px;
  margin: 0px;
  list-style: none;
  text-align: center;
}
.sm-icons li {display: inline-block; margin: 15px; vertical-align: top;}
.sm-icons li a {
  margin: 0;
  color: #FFF;
  font-family: "Roboto";
  font-size: 0px;
  font-weight: 100;
  display: block;
}
.sm-icons li a i {
  font-size: 20px;
  color: #000000;
  background: #dfcd00;
  padding: 0;
  border-radius: 10px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  margin-bottom: 5px;
}
.sm-icons li a p {margin: 0px; color: #FFFFFF; font-size: 14px;}
.sm-icons li a.subscribe-button img {
    background: #dfcd00;
    padding: 5px;
    border-radius: 10px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    margin-bottom: 5px;
}
.sm-icons li a:hover i {background: #FFFFFF; color: #000000;}




.add-social-icons {}
.add-social-icons .add-social-acc {
  background: #FFF;
  border-bottom: 1px solid #F2F2F2;
  padding: 5px 5px 5px 15px;
}
.add-social-icons .add-social-acc > input {display:none;}
.add-social-icons .add-social-acc .add-social-box {}
.add-social-icons .add-social-acc .add-social-box .social-box-h {}
.add-social-icons .add-social-acc .add-social-box .social-box-h label {
  display: block;
  margin: 0;
  color: #000;
  line-height: 40px;
  position: relative;
  cursor: pointer;
}
.add-social-icons .add-social-acc .add-social-box .social-box-h .image {
  max-width: 40px;
  border-radius: 20px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.add-social-icons .add-social-acc .add-social-box .social-box-h .image img {display: block;}
.add-social-icons .add-social-acc .add-social-box .social-box-h p {
  margin: 0px;
  display: inline-block;
  vertical-align: middle;
}
.add-social-icons .add-social-acc .add-social-box .social-box-h span {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  position: absolute;
  right: 15px;
  color: #DDD;
}
.add-social-icons .add-social-acc .add-social-box .social-box-h span:before {content: "\f204";}
.add-social-icons .add-social-acc input:checked + .add-social-box .social-box-h span {color: #14c47a;}
.add-social-icons .add-social-acc input:checked + .add-social-box .social-box-h span:before {content: "\f205";}
.add-social-icons .add-social-acc .add-social-box .social-box-c {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 250ms ease-in-out;
}
.add-social-icons .add-social-acc input:checked + .add-social-box .social-box-c {max-height: inherit; transition: max-height 250ms ease-in-out;}
.add-social-icons .add-social-acc .add-social-box .social-box-c > div {padding: 15px;}
.add-social-icons .add-social-acc .add-social-box .social-box-c input {}
.add-social-icons .add-social-acc.vip-only {background: #F6F6F6;}
.add-social-icons .add-social-acc.vip-only .add-social-box .social-box-h b {
  font-size: 14px;
  font-weight: 100;
  position: absolute;
  right: 15px;
  color: #9e7e2a;
}


.sub-page .input-with-ico {position: relative;}
.sub-page .input-with-ico span.fa {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translate(0, -50%);
  font-size: 20px;
  color: #DDD;
}
.sub-page .input-with-ico .form-control {
  padding-left: 35px;
  height: 34px;
  float: none;
}
@media (max-width: 767px) {
    .sub-page .select-with-ico .fa {display:none;}
    .sub-page .select-with-ico .form-control {padding: 1px 12px;}
}
.sub-page .input-with-ico.input-username label {
  position: absolute;
  color: #000;
  top: 7px;
  left: 35px;
  margin: 0;
  font-weight: 600;
}
.sub-page .input-with-ico.input-username .form-control {padding-left: 130px;}
.form-control {font-size: 16px !important;}
#packages {}
#packages .packages-box {margin-top: 50px;}
#packages .packages-box .packages-head {
  background: #fff3e3;
  text-align: center;
  padding: 0 15px 15px 15px;
}
#packages .packages-box .packages-head .head-ico {
  display: inline-block;
  background: #000;
  border-radius: 70px;
  height: 70px;
  width: 70px;
  margin-top: -30px;
  border: 5px solid #000;
}
#packages .packages-box .packages-head .head-ico svg {
  height: 40px !important;
  width: 40px;
  margin: 10px;
}
#packages .packages-box .packages-head h2 {
  color: #000;
  margin: 0;
  font-weight: bold;
}
#packages .packages-box .packages-head .price {
  font-size: 24px;
  font-weight: bold;
  color: #000;
}
#packages .packages-box .packages-head .price span {
  display: inline-block;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 100;
}
#packages .packages-box .packages-head p {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
#packages .packages-box .packages-content {
  padding: 15px;
  color: #FFF;
  font-family: "Roboto";
  font-size: 16px;
  background: rgba(255, 255, 255, 0.2);
}
#packages .packages-box .packages-content p {}
#packages .packages-box .foot {
  padding: 30px 0;
  text-align: center;
}
#packages .packages-box .foot .btn {
  background: #fffc01;
  padding: 5px 15px;
  display: block;
  color: #000;
  font-family: "Roboto";
  border-radius: 5px;
  font-size: 18px;
}
#packages .packages-box .foot .btn:hover {background: #FFF;}


.form-horizontal .form-group.form-actions .btn {
  background: #fffc01;
  padding: 5px 15px;
  display: block;
  color: #000;
  font-family: "Roboto";
  border-radius: 5px;
  font-size: 18px;
  width: 100%;
  border: 0px none;
  box-shadow: inherit;
  text-shadow: inherit;
}
.form-horizontal .form-group.form-actions .btn:hover {background: #fff;}

#searchBtn {
  background: #FFF;
  border: 2px solid #fffc01;
  border-radius: 50%;
  box-shadow: 0 8px 10px rgba(149, 140, 0, 0.3);
  cursor: pointer;
  height: 45px;
  text-align: center;
  width: 45px;
  position: fixed;
  right: 10px;
  bottom: 150px;
  z-index: 999;
  font-size: 27px;
  padding: 0;
  line-height: 27px;
}
#shareBtn {cursor: pointer;}
#searchModal.modall, #shareModal.modall {
  display: none; /* Hidden by default */
  position: fixed;
  top: 50%;
  background: #FFF !important;
  left: 50%;
  width: 90%;
  max-width: 500px;
  z-index: 99999;
  transform: translate(-50%, -50%);
  border-radius: 10px !important;
  overflow: hidden;
  box-shadow: -8px 12px 18px 0 rgba(25,42,70,0.13);
  text-align: center;
}
#searchModal-bg, #shareModal-bg {display: none;}
/* Modal Content */
#searchModal .modal-contentt, #shareModal .modal-contentt {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  width: 100%;
  z-index: 99992;
  position: relative;
}
#searchModal .modal-contentt h5 {font-size: 28px;margin: 0 0 15px 0;color: #000;}
#searchModal .modal-contentt .search_select {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}
#searchModal .modal-contentt .search_select select {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
display: block;
  margin: 0;
  color: #000;
  float: none;
}

#searchModal .modal-contentt .search-btn {}
#searchModal .modal-contentt .search-btn .form-submit {
  border: 0px none;
  background: #fffc01;
  text-shadow: inherit;
  padding: 8px 15px;
  font-size: 18px;
  display: block;
  float: none;
  width: 100%;
  font-family: "JF Flat Regular";
}

/* The Close Button */
#searchModal .close,
#shareModal .close {
  position: absolute;
  width: 22px;
  top: 10px;
  right: 10px;
  height: 22px;
  cursor: pointer;
  color: #404040;
  font-size: 40px;
  line-height: 22px;
}

#searchModal .close:hover,
#searchModal .close:focus,
#shareModal .close:hover,
#shareModal .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
#shareModal .modal-contentt #crestashareiconincontent {margin-top:20px;}
#shareModal .modal-contentt #crestashareiconincontent .sbutton {display: inline-block; float: none;}


.mr-alert-bg {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99991;
}
.mr-alert {
  position: fixed;
  top: 50%;
  background: #FFF !important;
  display: block;
  left: 50%;
  width: 100%;
  max-width: 500px;
  z-index: 99999;
  transform: translate(-50%, -50%);
  border-radius: 10px !important;
  overflow: hidden;
  box-shadow: -8px 12px 18px 0 rgba(25,42,70,0.13);
  text-align: center;
}
.mr-alert .alert__close {
  position: absolute;
  width: 22px;
  top: 10px;
  left: 10px;
  height: 22px;
  cursor: pointer;
  color: #404040;
}
.mr-alert .alert__close:hover {color: #000000;}

.mr-alert .icons {
  margin-top: 50px;
  text-align: center;
  font-size: 100px;
  display: block;
  padding: 1px;
  line-height: 0;
}
.mr-alert.alert-success .icons {color: #39DA8A;}
.mr-alert.alert-danger .icons {color: #E74C3C;}
.mr-alert p {color:#000;}
.mr-alert .foot {border-top: 1px solid #DDDDDD; padding: 15px;}
.mr-alert .foot a {
  background: #dfcd00;
  padding: 5px 20px;
  border-radius: 5px;
  display: inline-block;
  color: #000;
}
.nu_views {
  text-align: center;
  font-family: "Roboto";
  font-size: 18px;
  color: #FFF;
  line-height: 30px;
}
.nu_views i {
  font-size: 20px;
  color: #000;
  background: #dfcd00;
  padding: 0;
  border-radius: 10px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  margin-right: 5px;
}

.view-content .member_wrap .member_content .member_content_left a.user_name {
  font-family: "Roboto";
  background: transparent;
  color: #FFF;
  padding: 5px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.form-horizontal .add_image {
  margin: 15px;
  display: block;
  text-align: center;
}
.form-horizontal .add_image label {
  position: relative;
  display: inline-block;
  height: 120px;
  width: 120px;
  border-radius: 150px;
  margin: 0px;
  cursor: pointer;
}
.form-horizontal .add_image label input {position: absolute; height: 0px; width: 0px; overflow: hidden;}
.form-horizontal .add_image label #myimage {height: 120px; width: 120px; border-radius: 5px;}
.form-horizontal .add_image label span {
  position: absolute;
  top: 50%;
  left: 50%;
  background: #FFF;
  border-radius: 150px;
  width: 40px;
  height: 40px;
  transform: translate(-50%, -50%);
  opacity: 0.2;
}
.form-horizontal .add_image label span i {
  color: #000;
  font-size: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.form-horizontal .add_image label:hover span {opacity: 1}

.tacbox {
  display: block;
  text-align: left;
  margin-bottom: 15px;
  color: #FFF;
  font-family: "Roboto";
}
.tacbox a {color: #fffc01;}
.tacbox a:hover {text-decoration: underline;}
.pay_image img {width: 320px; margin-top: 15px;  border-radius: 10px;}



.advert {
  display: block;
  margin: 15px 0;
  text-align: center;
}
.advert > a {display: inline-block;}
.payment_result {
  display: block;
  margin: 20px auto;
  text-align: center;
}
.payment_result .payment_result-box {
  background: #FFF;
  padding: 40px 40px 15px 40px;
  display: inline-block;
  margin: 0 auto;
  max-width: 500px;
  border-radius: 4px;
  box-shadow: 0 2px 3px #484848;
}
.payment_result .payment_result-box h1 {font-size: 38px; font-weight: bold;}
.payment_result .payment_result-box.payment-success h1 {color: #43d296;}
.payment_result .payment_result-box.payment-faild h1 {color: #d24343;}
.payment_result .payment_result-box p {font-family: "Roboto"; font-size: 22px; color: #404F5E;}
.payment_result .payment_result-box .foot {border-top: 1px solid #E9E9E9; padding-top: 15px; text-align: center;}
.payment_result .payment_result-box .foot a {
  display: inline-block;
  font-size: 20px;
  color: #000;
  text-align: center;
  background: #fffc01;
  padding: 5px 20px;
  white-space: nowrap;
  border-radius: 5px;
  font-family: "Roboto";
}
.payment_result .payment_result-box .foot a:hover {background: #000; color: #fffc01;}