text:
.red_skin { color:#f00!important;}
.thd { font-size:14px; font-weight:bold; color:#333; line-height:33px; border-top:#017ec2 4px solid; padding-top:12px;}
.thd b,.thd span { float:left; display:block;}
.thd b { width:300px; text-align:right;}
.thd span { width:156px; background:url(../images/bg5.jpg) no-repeat 0 0; height:33px; color:#a4a4a4;}
.thd span.current { width:158px; background:url(../images/bg1.jpg) no-repeat 0 0; color:#fff;}
.fbd { margin:10px 0 0 0; border-top:1px solid #c9dfed; border-bottom:1px solid #c9dfed; background:#f5faff; padding:15px;}
.tips { border:1px solid #ffc686; background:#f8f5da; text-align:left; padding:10px; width:830px; margin:0 auto; line-height:20px;}

.infoxookee { width:950px; padding:0px; margin-left:auto; margin-right:auto; margin-top:20px;}
.infoxookee ul { width:940px; padding:0px; margin:0px; border-bottom-width: 1px; border-bottom-color: #CCCCCC; }
.infobt{margin-top:15px;text-align:left;font-weight:bold; color:#333;line-height:30px; font-size:16px;}
.infoxookee li{width:156px; float:left;text-align:left; padding:0px; font-size:14px;line-height:30px;}
.infoxookee li a:link {color: #0000CC;text-decoration: none; font-family:Arial, Helvetica, sans-serif; padding:4px;}
.infoxookee li a:visited {color: #333333;text-decoration: none;}
.infoxookee li a:hover {color: #FFf;text-decoration: none; background:#039;}
.infoxookee li a:active {color: #FF0000;text-decoration: none;}
.fabuinput {
vertical-align: middle;
border: 1px solid #dbdbdb;
border-color: #c0c0c0 #e1e1e1 #e1e1e1 #c0c0c0;
height: 20px;
background: #fbfbfb;
padding: 5px;
font-size: 14px;
width: 270px;margin-right:12px;
}
.sfabuinput {
vertical-align: middle;
border: 1px solid #dbdbdb;
border-color: #c0c0c0 #e1e1e1 #e1e1e1 #c0c0c0;
height: 20px;
background: #fbfbfb;
padding: 5px;
font-size: 14px;
width: 80px; margin-right:12px;
}
.textInt23{vertical-align: middle;
border: 1px solid #dbdbdb;
border-color: #c0c0c0 #e1e1e1 #e1e1e1 #c0c0c0;
background: #fbfbfb;padding: 5px;}
.fabuselect {
vertical-align: middle;
border: 1px solid #dbdbdb;
border-color: #c0c0c0 #e1e1e1 #e1e1e1 #c0c0c0;
background: #fbfbfb;
padding: 5px;
font-size: 14px;
width: 270px;margin-right:12px;
}
.info { width:750px; margin:0 auto;}
.info li { width:185px; float:left; text-align:left; padding:15px 0; font-size:14px; line-height:24px; border-bottom: 1px solid #e4edf4; }
.info li h3 { font-weight:bold; color:#333;}
.info li a { color:#000099; text-decoration:underline;}
.info li a:hover { color:#f00;}
.fbd .pic { float:left; width:300px; text-align:right;}
.fbd .text { float:left; text-align:left; font-size:14px; margin-top:4px;}
.fbd .text p { margin-bottom:15px; line-height:24px;}
.fbd .text p b { color:#333;}
.fbd .text p a { color:#003399; text-decoration:underline;}
.fbd .text p a:hover { color:#f30;}

.edit_box { text-align:left; background-color:#f5faff;}
.edit_box li { clear:both; font-size:14px; padding:8px 0; line-height:22px; border-bottom:1px solid #e4edf4; color:#333; zoom:1; overflow:hidden;}
.edit_box li span.span_1 { display:block; float:left; text-align:right; width:140px; font-size:14px; font-weight:bold; color:#000; margin-right:20px;}
.edit_box li span.span_2 { display:block; float:left;}
.edit_box li span.red_skin { font-size:20px; color:#ff0000;}
.edit_box li a { text-decoration:underline;}
.edit_box li input,.edit_box li select { font-size:12px;}
.edit_box li input.textInt { border:1px solid #a7a6aa; height:22px; line-height:20px; color:#333; font-size:12px;}
.edit_box li input.button { height:28px; width:50px; line-height:20px; font-size:14px;}

.pingbut:hover, a.fabubut2:hover {
background:#f80;
}
.pingbut{
width: 100px;
height: 26px; color:#FFF;
background:#0194e4;
border: 0; font-size:14px; font-weight:bold;
margin:0 12px;
text-align: center;
cursor: pointer;
display: inline-block;border-radius:3px;
}
.fabutxt {
vertical-align: middle;
border: 1px solid #dbdbdb;
border-color: #c0c0c0 #e1e1e1 #e1e1e1 #c0c0c0;
background: #fbfbfb;
padding: 5px;
font-size: 14px;
width: 700px;
height: 200px;
}
.okbut:hover, a.fabubut2:hover {
background:#f20;
}
.okbut{
width: 300px;
height: 46px; color:#FFF;
background:#f80;
border: 0; font-size:18px;
font-weight:bold;
margin:0 12px;
text-align: center;
cursor: pointer;
display: inline-block;border-radius:3px;
}


text:
/*!
 * Ext JS Library 3.2.1
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
.x-form-spinner-proxy{
	/*background-color:#ff00cc;*/
}
.x-form-field-wrap .x-form-spinner-trigger {
    background:transparent url('../images/spinner.gif') no-repeat 0 0;
}

.x-form-field-wrap .x-form-spinner-overup{
    background-position:-17px 0;
}
.x-form-field-wrap .x-form-spinner-clickup{
    background-position:-34px 0;
}
.x-form-field-wrap .x-form-spinner-overdown{
    background-position:-51px 0;
}
.x-form-field-wrap .x-form-spinner-clickdown{
    background-position:-68px 0;
}

.x-trigger-wrap-focus .x-form-spinner-trigger{
    background-position:-85px 0;
}
.x-trigger-wrap-focus .x-form-spinner-overup{
    background-position:-102px 0;
}
.x-trigger-wrap-focus .x-form-spinner-clickup{
    background-position:-119px 0;
}
.x-trigger-wrap-focus .x-form-spinner-overdown{
    background-position:-136px 0;
}
.x-trigger-wrap-focus .x-form-spinner-clickdown{
    background-position:-153px 0;
}
.x-trigger-wrap-focus .x-form-trigger{
    border-bottom: 1px solid #7eadd9;
}

.x-form-field-wrap .x-form-spinner-splitter {
	line-height:1px;
	font-size:1px;
    background:transparent url('../images/spinner-split.gif') no-repeat 0 0;
	position:absolute;
	cursor: n-resize;
}
.x-trigger-wrap-focus .x-form-spinner-splitter{
    background-position:-14px 0;
}

domain: css


text:
div {
  /* number + whatever */
  font: 5;
  font: 53%;
  font: 15px;
  font: #141414;
  font: 3hello;
  font: "3hello";
  font: 3true;
  font: 3false;
  font: 3not-there(hello);
  font: 3unquote("hello");
  font: 3a, b, c;
  font: 3a b c;
  /* number - whatever */
  font: 1;
  font: -47%;
  font: -9px;
  font: 3-#111111;
  font: 3-hello;
  font: 3-"hello";
  font: 3-true;
  font: 3-false;
  font: 3-not-there(hello);
  font: 3-unquote("hello");
  font: 3-a, b, c;
  font: 3-a b c;
  /* number * whatever */
  font: 6;
  font: 150%;
  font: 36px;
  font: #333333;
  /* number / whatever */
  font: 3 / 2;
  font: 1.5;
  font: 6;
  font: 6;
  font: 3/#111111;
  font: 3/hello;
  font: 3/"hello";
  font: 3/true;
  font: 3/false;
  font: 3/not-there(hello);
  font: 3/unquote("hello");
  font: 3/a, b, c;
  font: 3/a b c;
  /* number % whatever */
  font: 1;
  /* */
  /* percentage + whatever */
  font: 53%;
  font: 150%;
  font: 50%hello;
  font: "50%hello";
  font: 50%undefined(hello);
  font: 50%unquote("hello");
  font: 50%a, b, c;
  font: 50%a b c;
  /* percentage - whatever */
  font: 47%;
  font: -50%;
  font: 50%-#111111;
  font: 50%-hello;
  font: 50%-"hello";
  font: 50%-undefined(hello);
  font: 50%-unquote("hello");
  font: 50%-a, b, c;
  font: 50%-a b c;
  /* percentage * whatever */
  font: 150%;
  /* percentage / whatever */
  font: 16.66667%;
  font: 0.5;
  font: 50%/#111111;
  font: 50%/hello;
  font: 50%/"hello";
  font: 50%/undefined(hello);
  font: 50%/unquote("hello");
  font: 50%/a, b, c;
  font: 50%/a b c;
  /* percentage % whatever */
  /* percentage / whatever */
  font: 2%;
  font: string;
  blah: 20/#aabbcc;
  blah: string;
  blah: 3true;
  blah: true3;
  blah: true-5;
  blah: #0a0b0c;
  foo: string;
  foo: 1 2 3a b c;
  foo: 10em;
  foo: 1in; }


text:
/** ELEMENT POSITIONS **/
#dragDropWindow1 { top:76px;left:10%; }
#dragDropWindow2 { top:148px; right:10%; }
#dragDropWindow3 { top:340px; left:8%; }
#dragDropWindow4 { top:416px; right:40%}

/** ELEMENTS **/
.drag-drop-demo .window {
    font-family:serif;
    font-style:italic;
    padding-top:5px;
    line-height:13px;
}

.drag-drop-demo a, .drag-drop-demo a:visited {
    color:#057D9F;
}

.drag-drop-demo a:hover {
    color:orange;
}

/** LINKS IN WINDOWS **/
.drag-locked { border:1px solid red; }
.cmdLink { font-size:0.80em;}

/** DRAG/DROP CLASSES **/
.dragActive { border:2px dotted orange; }
.dropHover { border:1px dotted red; }

/** INFO WINDOW **/
#list {
    text-align:center;
    display:none;
    font-size:90%;
    position:absolute;
    width:250px;
    left:30%;
    top:100px;
    background-color:white;
    padding:5px;
    border:1px solid #456;
    opacity:0.8;
    border-radius:8px;
    color:#444;
}
#list table { width:100%;}
#list table th, #list strong { color:black; font-size:12px;}


text:
body{font-family: Geneva, Arial, Helvetica, sans-serif, serif;font-size:12px;line-height:1.5em;background:#93D7EE url(bg.jpg) no-repeat center top;color:#000;}
h1,h2,h3,h4,h5,h6,form,body,dd,dt,dl,li,ul{padding:0;margin:0}
td,th,div{word-break:break-all;word-wrap:break-word}
img{border:0; background:#D7EDE8}
.c{clear:both;height:1px;font:0px/0px Arial;overflow:hidden}
.tal,.tl{text-align:left}
.tac,.tc{text-align:center}
.tar,.tr{text-align:right}
.fr,.right{float:right}
.fl,.left{float:left}
.b{ font-weight:bold}
.tdn{ text-decoration:none}
.small{ font-size:10px;}
.big{ font-size:14px;}
.fsn{ font-size:12px}
.fn{ font-weight:normal}
.lh0{ line-height:0}
.yellow {color:#fff;}
.gray{ color:#73992C}
.keep{ word-break:keep-all; word-spacing:normal}
.ip{ padding:2px; border:1px solid #fff; background:none}
.bt{background:#0F4D04;color:#fff; font-weight:bold;font-size:12px; }
/*a link 基本连接颜色*/
a{color:#0C5896}
a:hover{color:#fff; background:#0C5896}
a.noul{ text-decoration:none}
a.active{background:#0C5896; color:#fff}
a.active:hover{color:#0C5896; background:none}

h1{color:#0c2f86;font-size:20px; padding:.6em 0 0; margin-top:.6em; }

h2{ font-size:15px; padding:.5em .6em .3em; color:#0c2f86; }
h3{ font-size:14px; color:#000}
h4{ font:16px Georgia; display:inline}
.bb{ border-bottom:1px solid #fff; padding:0 0 .6em; margin:0 0 .3em; line-height:2em;}
#container{ width:96%;margin:0 auto; max-width:900px;}
#header{ height:150px;margin-bottom:1em}
#title{ width:98%; height:120px; margin:auto; overflow:hidden}
#title a{color:#fff}
#guide{ padding:0; margin:0; border-bottom:1px solid #fff; float:left; width:100%;filter:alpha(opacity=80);-moz-opacity:0.8}
#guide li{ display:inline}
#guide li a{ float:left; border:1px solid #fff; border-bottom: 0; background:#EA8F1C; color:#fff; text-decoration:none;display:block; font:13px/1.2em Arial; padding:.4em 1em; margin:0 2px}
#guide li a:hover{ color:#fff;background:#49B9C5;text-decoration:none}
#guide li.active a{background:#0c1966;color:#fff }
#site-dsc{color:#DBEEB5; float:left; margin-top:1em}
#toolbar{ margin-top:1em}
#toolbar a{ background:#125E06}

#main{ width:73.5%;}
#side{ width:25%;}
.box{ border:1px #fff solid; margin:0 0 .7em;background:url(boxbg.png);width:100%; overflow:hidden; height:auto }
/*for ie 6.0*/
* html #container { width:900px}
* html .box { background:#D5EDE6; filter:alpha(opacity=80);}
* html .profile-pic div{ position:relative}
/*for ie 6.0*/
.text{ margin:.5em 1em 1em;}
#main .text { margin: 1em;}
#side .list { margin:1em .5em 1.5em 2.5em;}
#side .list ul{ margin:0 0 1em 1em}
#side .list ul li{ margin:.5em 0}
#side .list li{ margin:.5em 0}
.profile-pic{margin:0 auto 1em;padding:1px;width:95%;}
.profile-pic div{ margin:0 auto 0;width:100%;padding:0;overflow:hidden;text-align:center;line-height:0}
.profile-pic div img{border:1px solid #ccc;padding:0; margin:0;}
.profile dd{ margin:.3em 0 0; line-height:120%}

/*#calendar */
.calendar table{ width:98%; margin:0 auto 1em; table-layout:fixed}
.calendar table td{ height: 15px;font:11px/150% Tahoma;text-align:center;}
.calendar table th{ text-align: center}
.calendar table td a{color:#fff;font:11px/12px Arial;background:#0C5896;padding:0px 3px 2px}
.calendar table td a:hover{background:#012E53;text-decoration:none}

/*blog*/

.blog-content{ margin:1.5em 0 2em; table-layout:fixed; width:100%; vertical-align:top}
.blog-content td{ font-size:13px; line-height:1.5em;overflow:hidden}
.blog-content td img { padding:5px; border:1px solid #28AFC5; line-height:0; background:#fff}
.blog-content td a:hover img { border-color: #666}

#footer{ margin-top:2em; border-top:1px solid #fff; padding:.5em;}
#footer ul,#footer li { display:inline; list-style:none ; margin:0 0 0 1em}

/*photos-album*/
.pic-list li{ height:50px; width:50px; list-style:none; float:left}
.pic-list li a img{ padding:2px; width:40px; height:40px}
.pic-list li a:hover img { position:absolute; width:79px;height:79px; margin:-20px 0 0 -20px}
.front-cover{ padding:0 1em 2em 0}

/*favorite*/
.fav dl{ margin-bottom:1.5em}
.fav dt{ margin-bottom:.5em}

/*goods*/
.goods-list li{ width:80px; height:80px; text-align:center; line-height:110%; margin:0 .3em 1em }
.goods-list li a:hover img { margin:-20px 0 0 -42px}
.goods-dl { width:400px}
.goods-dl dd{ border-bottom:1px solid #BFD9A7; margin: 0 1em 0 0; line-height:2em}

/*friends*/
.frends-list li{ float:left; width:48%;height:120px; overflow:hidden; margin-left:1%}
.frends-list li a img{ padding:2px; float:left; margin-right:.5em}

/*comment*/
.comment dl{ display:block;clear:both;float:left;margin:.2em 0;border:1px solid #7FCAC8;width:90%;padding:.5em}
.comment dl:hover{border-color:#339996}
.comment dd{ margin:0 .8em .5em 0;padding:0;line-height:120%;}
.comment dd.comment-content{ margin:1em 0;width:85%;display:block;float:left}
.post-comment{ width:70%;margin: 0 0 1em}
.post-comment div{ margin:0 0 .5em }
.re-comment{ margin:1em 0 0;border:1px solid #7FCAC8 ;padding:1em}
.re-comment b{ color:#73992C}
.re-comment div{ margin-top:.5em;}

/*itable*/
.itable td,.itable th{padding:.3em .5em}
.itable td{vertical-align: middle;border-bottom: 1px solid #749D88;}
.itable tr.tr1 td{ background:#749D88;}
.itable td img {border:0;padding:0;background:none}

/*pages*/
.pages{margin-top:10px;margin-bottom:10px;text-align: center ;clear:both}
.pages *{vertical-align: middle;}
.pages a{padding:1px 4px 2px;border:1px solid #fff;margin:0 1px;text-align: center;text-decoration: none;font:normal 10px Tahoma ;}
.pages a:hover{border:#2ABFD5 1px solid;text-decoration:none;}
.pages input{border:1px solid #fff;background:none;height:14px;font: 9px Tahoma;padding-top:1px;text-align: center;}
.pages b{padding:2px ; margin: 0 3px;font:bold  10px/12px Tahoma}

/*menu*/
.menu{position:absolute;background:#fff;border:1px solid $tablecolor;}
.menu td, .menu li,.menu ul{background:#fff;padding:0; margin:0}
.menu li{list-style:none;}
.menu a{display:block;padding:3px 15px 3px 15px;background:#fff;}
.menu a:hover{background:$linkcolor;text-decoration:none;color:#fff;}
.menu ul.ul1 li a{display:inline;padding:0}

.listPic dl{ width:24.5%; float:left; text-align:center; padding:0; margin:.5em 0}
.listPic dt a{ color:#333}
.listPic dd{ padding:0 0 .5em 0; margin:0; text-indent:0; height:90px; vertical-align:middle}
.listPic dd img{ width:85px;height:85px; padding:2px; border:1px solid #eee;}

.listPic1 dl{ width:33%; float:left; text-align:center; padding:0; margin:.5em 0}
.listPic1 dt a{ color:#333}
.listPic1 dd{ padding:0 0 .5em 0; margin:0; text-indent:0; height:55px; vertical-align:middle}
.listPic1 dd img{ width:50px;height:50px; padding:2px; border:1px solid #eee;}
.listPic-albumn dd { height:105px;}
.listPic-albumn dd img { width:90px; height:90px; padding:4px 4px 8px; border:0; background:url(albumn-bg.gif)}

.moduleA{ margin:.2em; border:1px solid #A6CBE7; line-height:110%; border-bottom-color:#66A0CC; border-right-color:#66A0CC;}
.moduleA h3{ color: #0066FF;padding:.5em; margin:0;font-family:Tahoma;font-size:12px;cursor:move }
.tableA { table-layout:fixed}
.tableAtd{ border:1px solid #D4E8F7;height:50px;}
.editButton{ float:right; font:12px/120% Tahoma; color:#CCC; text-decoration:none ; padding-left:0.5em; background:url($imgpath/button_edit.gif) no-repeat 0 .1em}
.editButton:hover{ background-position:.1em .2em}
.editBox{ background:#FFFFCF; margin:0 .2em .2em ; padding:.2em }
.editArea {border:1px solid #eee; width:96%; margin:auto;padding:.2em; background:#fff}
.menu1{position:absolute;border:1px solid #CCCCCC;background:#FFFFFF;z-index:1000;width:200px;height:255px;overflow-Y:auto}
.menu1 h3{background:$headcolor;text-align:left;color:$headfontone;padding:5px 7px 3px 7px;cursor:move}
.menu1 div{padding:5px 10px;}
.checkon{border:1px solid #0A9800;background:#CAFFC0;cursor:move}
.move{position:absolute;}

#colorbox{width:91px;height:78px;padding:3px 0 0 3px;overflow:hidden;}
#colorbox div{cursor:pointer;width:8px;height:8px;float:left;margin:0 3px 3px 0;border:1px #000 solid;font:0/8px arial}

.smile{ height:23px;padding:7px 0 0 8px;text-align:left;background:#E0F0F9 url(th1.png);cursor:move}
.smile div{ width:56px;height:18px;text-align:center;padding:5px 0 0;cursor:pointer;}
.smile div.lian{ background:#ffffff url(tag.jpg) no-repeat;cursor:auto;}

.user-info{ position:absolute;line-height:160%; margin-left:-1.5em; margin-top:-1em}
.user-infoWrap{background:#FFF; border:1px solid #004C7D; border-top:1px #A6CBE7 solid; border-left:1px solid #A6CBE7; padding:.5em 1em; margin-left:20px;display:block;}
.user-info .co{position:absolute; width:10px;height:20px; margin-left:-1.8em; margin-top:2em; background:url(user-info-co.png)}

/*menu_sm*/
.menu_sm{ position:absolute;background:#fffcd9;border-bottom:1px solid #e7d62b; width:100%;}
.menu_sm a{padding:5px 15px 5px 15px;  color:#f79305;}
.menu_sm a:hover{text-decoration:none;color:#fff;}

@media screen and (min-width:0px){
.goods-list li a:hover img{ margin:-20px -20px 0 0}
}


text:
:root {
    --white: #eee;
    --black: #111;
    --theme-color: #f58ea8;
    --font-color: var(--black);
    --background-color: #f1f3f4;
    --semi-black-color: rgba(32, 32, 32, 0.8);
    --semi-white-color: hsla(0, 0%, 87.8%, 0.8);
    --border-radius: 0.4rem;
    --animation-out-back: cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

@media (prefers-color-scheme: dark) {
    :root {
        --background-color: var(--black);
        --font-color: var(--white);
    }
}

@font-face {
    font-family: "Akari Number";
    src: local("Helvetica Neue"), local("Helvetica");
    unicode-range: U+30-39;
}

@font-face {
    font-family: "Akari Fallback UI";
    src: local("Segoe UI"), local("Roboto"), local("Oxygen"), local("Ubuntu"), local("Cantarell"), local("Open Sans"),
        local("Helvetica Neue"), local("Helvetica");
}

html {
    color: var(--font-color);
    font-family: "Akari Number", -apple-system, BlinkMacSystemFont, "Akari Fallback Text", system-ui, sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji";
    font-feature-settings: "kern" 1;
    font-kerning: normal;
    caret-color: var(--theme-color);
}

body,
html {
    height: 100%;
    background-color: #f1f3f4;
    background-color: var(--background-color);
}

.app-header {
    position: fixed;
    top: 0;
    z-index: 233;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    color: #f58ea8;
    color: var(--theme-color);
    background: rgba(40, 40, 40, 0.85);
    box-shadow: 0 1px 1px #f58ea8;
    box-shadow: 0 1px 1px var(--theme-color);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

body {
    display: flex;
    background: #f1f3f4;
    background: var(--background-color);
}

.app-main {
    display: flex;
    flex: 1 0 auto;
}

.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    min-height: 60px;
    color: #eee;
    color: var(--white);
    cursor: default;
}

.icon > svg {
    width: 30px;
    height: 30px;
    margin: 0;
    fill: currentColor;
}

textarea {
    flex: 1 1 auto;
    padding: 70px 10px 10px;
    color: #111;
    color: var(--font-color);
    background: transparent;
    border: none;
    opacity: 0.8;
    resize: none;
}

textarea:focus {
    opacity: 1;
}

button {
    margin: 0;
    padding: 0.5rem;
    background: 0;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.button-group {
    display: flex;
    height: 100%;
    overflow-x: auto;
    overflow-x: overlay;
    overflow-y: hidden;
}

.button-group > button {
    flex: 0 0 auto;
    height: 60px;
    color: #eee;
    color: var(--white);
}

.dialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: auto;
    background: hsla(0, 0%, 87.8%, 0.8);
    background: var(--semi-white-color);
    border-radius: 0.4rem;
    border-radius: var(--border-radius);
    box-shadow: 0 0 1rem #f58ea8, 0 0 0 100vmax rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1rem var(--theme-color), 0 0 0 100vmax rgba(0, 0, 0, 0.4);
}

.dialog[open] {
    display: block;
    animation: dialogSlideIn 0.25s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    animation: dialogSlideIn 0.25s var(--animation-out-back);
}

.dialog > summary {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
}

.dialog > section {
    padding: 1rem;
}

fieldset {
    border: 1px dashed #f58ea8;
    border: 1px dashed var(--theme-color);
}

input[type="number"] {
    width: 6rem;
    text-align: center;
    background: 0;
    border: 0;
    border-bottom: 1px solid #f58ea8;
    border-bottom: 1px solid var(--theme-color);
}

.split-translation {
    width: 25rem;
}

.split-translation input {
    display: block;
    width: 100%;
    margin: 0.5rem 0;
}

input[type="radio"]::after {
    width: 20rem;
    padding-left: 2rem;
    content: attr(title);
}

#regex {
    background: 0;
    border: 0;
    border-bottom: 1px solid #f58ea8;
    border-bottom: 1px solid var(--theme-color);
}

@keyframes dialogSlideIn {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

.ripple {
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
}

.ripple::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10);
    opacity: 0;
    transition: transform 0.5s, opacity 1s;
    content: "";
    pointer-events: none;
}

.ripple:active::after {
    transform: scale(0);
    opacity: 0.2;
    transition: 0s;
}


text:
/*!

=========================================================
* Material Dashboard Angular - v2.3.0
=========================================================

* Product Page: https://www.creative-tim.com/product/material-dashboard-angular2
* Copyright 2019 Creative Tim (https://www.creative-tim.com)
* Licensed under MIT (https://github.com/creativetimofficial/material-dashboard-angular2/blob/master/LICENSE.md)

* Coded by Creative Tim

=========================================================

* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

*/
.tim-typo{
  padding-left: 25%;
  margin-bottom: 40px;
  position: relative;
  width: 100%;
}
.tim-typo .tim-note{
  bottom: 5px;
  color: #c0c1c2;
  display: block;
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  left: 0;
  margin-left: 20px;
  position: absolute;
  width: 260px;
}

.myapp-no-padding-dialog .mat-dialog-container {
  padding: 0;

}

.my-pagination /deep/ .ngx-pagination .current {
  background: gray;
}

.timepicker-overlay {
  z-index: 1100 !important;
}

.timepicker-backdrop-overlay {
  z-index: 1100 !important;
}

::-webkit-scrollbar {
  width: 10px;
  border-radius: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;border-radius: 20px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: lightgray;border-radius: 20px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #888;border-radius: 20px;
}


text:
@import url(http://fonts.googleapis.com/css?family=Permanent+Marker);

h1 {
   font-size: 72px;
    color: white;
    margin: 10px;
}

h2 {
    font-size: 25px;
    color: #8CF0EF;
    margin: 10px;
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #000 url("bg copy.jpg") no-repeat center top;
	font-family: "Georgia, serif";
}
#wrap {
	width: 1000px;
	margin: 0 auto;
}
header {
	clear: both;
	text-align:center;
}
#logo {
	padding: 10px;
}
nav {
	padding: 10px;
}
nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
nav li {
	display: inline;
	margin: 0 30px;
}
nav a {
	color: #133450;
	font-size:30px;
	text-decoration:none;
	font-weight: bold;
	font-family: 'Permanent Marker', cursive;
}
nav a:hover {
	color: white;
}
section {
	background-color:rgba(0,0,0,0.3);
}
.welcome {
	padding: 10px 15px;
	margin: 20px 0;
	overflow: auto;
}
footer {
	background-color: transparent;
	padding: 10px;
	color: white;
	text-align: center;
	clear: both;
}
footer a {
	color: #8CF0EF;
}

figcaption {
    color: white;
    text-align: center;
    font-family: arial, sans-serif;
    font-size: 90%;
    border: white;
    border: 1px;
}
figure {
    float: left;
    padding: 10px;
    font-size: 90%;
    background-color: #000;
    width: 25%;
    margin: 3%;
    border: 1px solid white;

}

article {
    margin: 1px;
}


text:
.searchComparisonDemo button,
.searchComparisonDemo label {
  margin-bottom: 1rem;
  display: inline-block;
}

.searchComparisonDemo label span {
  margin-right: 1rem;
}

.searchComparisonDemo h3 {
  display: inline-block;
  margin: 0.5rem 0;
}

.searchComparisonDemo .haystackTextAreaLabel {
  width: 100%;
}

.searchComparisonDemo .haystackTextAreaLabel span {
  margin-bottom: 0.5rem;
  display: inline-block;
}

.searchComparisonDemo .haystackTextArea {
  width: 100%;
  height: 10rem;
  resize: none;
}

.searchComparisonDemo .arrayHaystack {
  margin: 1rem 0;
}

.searchComparisonDemo .arrayHaystack .arrayHaystackCharacters {
  white-space: nowrap;
  overflow-x: scroll;
  border: 1px solid #071a32;
  padding: 0.5rem;
  background: #f6f6f6;
  border-radius: 0.25rem;
  margin-top: 0.55rem;
}


text:
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
  .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #28a745;
    border: 1px solid #28a745;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 5px 20px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
  float: right; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0; }
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }
.select2-container--default .select2-results__option[role=group] {
  padding: 0; }
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f6f6f6;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); }
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0; }
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }
.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }
.select2-container--classic .select2-dropdown--below {
  border-top: none; }
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }
.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }


text:
@charset "utf-8";
/* CSS Document */

/*----*****---- << Color >> ----*****----*/

body, a, .entry-details .entry-body p, .footer-links li a, #footer .payment-options li a:hover, .dt-sc-service-content p, .dt-sc-icon-content-wrapper:hover .dt-sc-ico-content p, .dt-sc-icon-content-wrapper:hover .dt-sc-ico-content p a, blockquote q, label span, label, .widget ul li a, ol.dt-sc-fancy-list li span { color:#5d5d5d; }

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, td, th, .mailchimp-form .submit, #searchform .submit, .dt-sc-button, .tagcloud a, .dt-sc-sorting-container a, .portfolio figure .fig-title h5 a, .portfolio figcaption h6, ul.dt-sc-tabs-frame > li > a.current, ul.dt-sc-tabs-frame > li:hover > a, ul.dt-sc-tabs-vertical-frame > li > a.current, ul.dt-sc-tabs-vertical-frame > li:hover > a, .dt-sc-toggle-frame-set .dt-sc-toggle-accordion::before, h5.dt-sc-toggle::before, h5.dt-sc-toggle-accordion:before, .dt-sc-toggle-frame h5.dt-sc-toggle:before, .dt-sc-toggle-frame-set .dt-sc-toggle-frame .dt-sc-toggle-accordion::before, .dt-sc-toggle-frame h5.dt-sc-toggle.active a, .dt-sc-toggle-frame h5.dt-sc-toggle.active::before, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active::before, .dt-sc-toggle-frame-set .dt-sc-toggle-accordion.active::before, .dt-sc-toggle-frame-set .dt-sc-toggle-accordion.active > a, .dt-sc-toggle-frame-set .dt-sc-toggle-accordion:hover > a, .dt-sc-toggle-frame-set .dt-sc-toggle-accordion:hover::before, .dt-sc-toggle-accordion.active a, .dt-sc-toggle-accordion.active:before, .dt-sc-toggle.active a, .dt-sc-toggle.active:before, .dt-sc-toggle-accordion > a:hover, .dt-sc-toggle:hover > a, .dt-sc-toggle-frame .dt-sc-toggle:hover > a, .dt-sc-toggle-frame:hover h5.dt-sc-toggle::before, h5.dt-sc-toggle:hover:before, h5.dt-sc-toggle-accordion:hover::before, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active a, .dt-sc-ico-content p span, .blog-entry .entry-metadata p a:hover, .blog-entry:hover .entry-title h4 a:hover, .blog-entry:hover .entry-metadata a:hover, .blog-entry:hover .entry-metadata a:hover i, .post-author-details .author-desc p span, .post-author-details .author-metadata a:hover, .comment .author-metadata p:hover a, .comment .author-metadata p:hover span, #commentform .submit .button, .blog-post .entry-metadata p:hover a, .breadcrumb .user-summary .cart-count a:hover, .breadcrumb .user-summary .account-links a:hover, .dt-sc-contact-details span, .enquiry-form .submit .button, .enquiry-details i, .enquiry-details a:hover, .pagination ul li a:hover, .commententries h6 a:hover, .author-title .woocommerce-product-rating a:hover, .cart-thumb-categories a:hover, .tagcloud a:hover, .woocommerce .button, .woocommerce-page .button, .button, .dt-sc-button.with-icon:hover i.fa, .dt-sc-button.with-icon:hover i.fa::after, .recent-gallery-widget ul li:hover h5 a, .newsletter .newsletter-text i, .products .product-details span, .type1.dt-sc-button.with-icon:focus i.fa, .type1.dt-sc-button.with-icon:active i.fa, .type1.active-sort.dt-sc-button.with-icon i.fa, .type3.dt-sc-button.with-icon:focus i.fa, .type3.dt-sc-button.with-icon:active i.fa, .type3.active-sort.dt-sc-button.with-icon i.fa, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:hover i, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:focus i, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:active i, .dt-sc-pr-tb-col.selected .dt-sc-tb-title h5, .dt-sc-pr-tb-col.selected .dt-sc-tb-content li, .dt-sc-pr-tb-col.selected .dt-sc-tb-features, .dt-sc-pr-tb-col.selected .dt-sc-price span, .dt-sc-pr-tb-col.selected .dt-sc-price h2, .dt-sc-pr-tb-col.type2 .dt-sc-options-table .dt-sc-switch span, .dt-sc-pr-tb-col.type2 .dt-sc-pricing-table ul li:before, .dt-sc-pr-tb-col.type2 .dt-sc-pricing-table li, .dt-sc-pr-tb-col.type2 .dt-sc-pricing-table ul:before, .dt-sc-pr-tb-col.type2 .dt-sc-pricing-table ul:after, #tiptip_content, .bx-controls a, .menu.type1 a, .dt-sc-icon-content-wrapper:hover .dt-sc-ico-content p a:hover, .widget.widget_categories ul li:hover:before, .widget.widget_archive ul li:hover:before, .widget.widget_categories ul li:hover span, .widget.widget_archive ul li:hover span, .active.shop-dropdown > span, .active.shop-dropdown ul li span:hover, .category-details > span, .woocommerce table.shop_table .product-name a, .woocommerce td.product-price span, .woocommerce .cart-subtotal td span, .woocommerce table.cart a.remove, .woocommerce-page table.cart a.remove, .woocommerce #content table.cart a.remove, .woocommerce-page #content table.cart a.remove, .woocommerce .quantity .plus:hover, .woocommerce .quantity .minus:hover, .woocommerce-page .quantity .plus:hover, .woocommerce-page .quantity .minus:hover, .woocommerce-billing-fields .active.shop-dropdown > span, .woocommerce-shipping-fields .active.shop-dropdown > span, .blog-items .blog-entry:hover, .blog-items .blog-entry:focus, .blog-items .blog-entry:active, ul.dt-sc-tabs-frame > li > a, .dt-sc-contact-info a:hover, .dt-sc-working-hours span, ul.dt-sc-tabs-vertical-frame > li > a, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion a, .dt-sc-toggle-frame h5.dt-sc-toggle a, table.skin tbody.skin td , tbody.skin-alt td, .tooltip, .tooltip.type1 .tooltip-item, .tooltip.type1-a .tooltip-item, .tooltip.type1 .tooltip:hover .tooltip-item, .tooltip.type1-a .tooltip:hover .tooltip-item, .tooltip.type1 .tooltip-content, .tooltip.type1-a .tooltip-content, .tooltip.type2 .tooltip-content, .tooltip.type2-a .tooltip-content, .tooltip.type3 .tooltip-content, .tooltip.type3-a .tooltip-content, .tooltip.type4 .tooltip-content, .tooltip.type4-a .tooltip-content, p:hover .dt-sc-dropcap-bordered, .dt-menu-toggle { color:#000000; }

.portfolio-title h5 a, .portfolio figure figcaption p, .bx-controls .bx-prev:hover, .bx-controls .bx-next:hover, .tooltip:hover, .tooltip.type1:hover span.tooltip-item, .tooltip.type1-a:hover span.tooltip-item { color: #FFFFFF; }

.menu.type1 li:hover a, .menu .current_page_item a, .dt-sc-dropcap-bordered { color:#FFFFFF; }

.breadcrumb .user-summary .account-links a, .breadcrumb .user-summary .cart-count a, .commententries h6 a { color:#666666; }

::-webkit-input-placeholder { color: #5d5d5d; }
:-moz-placeholder { color: #5d5d5d; }
::-moz-placeholder { color: #5d5d5d; }
:-ms-input-placeholder { color: #5d5d5d; }

#footer .payment-options li a, #footer .copyright p, .widget .recent-posts-widget ul li .entry-metadata .date { color:#7f7f7f;}

.about-details p, .dt-sc-ico-content > p, .dt-sc-ico-content p a, .entry-details .entry-metadata p, .blog-entry .entry-metadata p a, .blog-entry .entry-title h4 a, .dt-sc-contact-details, .dt-sc-contact-details a, .enquiry-details p, .enquiry-details a, .dt-sc-contact-details:hover span, .newsletter .newsletter-text, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], input[type="search"], textarea, input.text, .widget ul li:before, .shop-dropdown > span, .author-title, .cart-thumb-categories a, .project-details ul.client-details li span, .woocommerce .cart-collaterals .coupon .input-text, .woocommerce .cart-collaterals .cart_totals td, .woocommerce-info, .woocommerce-info a, .woocommerce .woocommerce-shipping-fields .form-row textarea, .woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box, .dt-sc-working-hours li { color:#797979; }

.dt-sc-ico-content p i { color: #7f7f7f;}

.dt-sc-icon i, .dt-sc-icon-content-wrapper .dt-sc-one-half.dt-sc-icon-wrapper .dt-sc-icon i, .shop-dropdown ul li span, .dt-sc-toggle-frame .dt-sc-toggle-content { color:#ececec; }
.dt-sc-icon-content-wrapper:hover .dt-sc-icon-wrapper .dt-sc-icon i { color:#cecccc; }

.dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button i, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:hover span, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:focus span, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:active span { color:#FFFFFF;}

.menu.type1 li a span { color: rgba(255, 255, 255, 0.6); }

/*----*****---- << Background Color >> ----*****----*/

body, .menu.type1, .portfolio figcaption, .portfolio figcaption::before, .bx-controls a, #contact_map::after, tr.alternate td, .alternate td, p:hover .dt-sc-dropcap-bordered, #main-menu, .boxed .wrapper, .boxed #main, .boxed .inner-wrapper { background: #FFFFFF;}

.type1.dt-sc-button::before, .type2.dt-sc-button:after, .type3.dt-sc-button::before, .type1.tagcloud a::before, .type2.tagcloud a:after, .type3.tagcloud a::before, .dt-sc-social-icons li a::before, .menu.type1 .current_page_item a, .menu.type1 li:hover a, .mailchimp-form .submit:hover, #searchform .submit:hover, #commentform .submit .button:hover, .enquiry-form .submit .button:hover, .woocommerce .button:hover, .button:hover, .dt-sc-button.with-icon i.fa:after, .dt-sc-button.with-icon i.fa, .bx-controls .bx-prev:hover, .bx-controls .bx-next:hover, .menu-trigger span, .menu-trigger span::before, .menu-trigger span::after, .nav-is-visible .menu-trigger span::before, .nav-is-visible .menu-trigger span::after, .shop-dropdown ul li span, .woocommerce form .form-row label span, .woocommerce-shipping-fields label span, .dt-sc-toggle-frame .dt-sc-toggle-content, .tooltip:hover, .tooltip.type4 .tooltip-front, .tooltip.type4-a .tooltip-front, .dt-sc-dropcap-bordered, .dt-menu-toggle-icon:before, .dt-menu-toggle-icon:after, .dt-menu-toggle-icon { background: #000000;}

.mailchimp-form p input[type="email"], .mailchimp-form p input[type="text"], #commentform .input-field, #commentform p textarea, .enquiry-form .input-field, .enquiry-form p textarea, #searchform p input, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], input[type="search"], textarea, input.text, .shop-dropdown > span, .project-details ul.client-details li, .woocommerce table.shop_table th, .woocommerce-page table.shop_table th, .woocommerce td, .woocommerce .cart-collaterals .coupon .input-text, .woocommerce .cart-collaterals .cart_totals tr td, .woocommerce-page .cart-collaterals .cart_totals tr td, .woocommerce .cart-collaterals .cart_totals tr th, .woocommerce-page .cart-collaterals .cart_totals tr th, .woocommerce #payment, .woocommerce-page #payment, ul.dt-sc-tabs-frame > li > a, .dt-sc-progress, ul.dt-sc-tabs-vertical-frame > li > a, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion, .dt-sc-toggle-frame h5.dt-sc-toggle { background: #eaeaea;}

.pagination ul li a:hover, .dt-sc-pr-tb-col.selected .dt-sc-price { background: #333333;}

.dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:hover i, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:hover i:after, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:focus i, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:active i, .dt-sc-buy-now .dt-sc-button:focus i.fa::after, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:active i.fa::after { background-color:#FFFFFF; }

.blog-items .blog-entry::before { background: #eaeaea; }
.blog-items .blog-entry { background:#eeeeee; }

.header.nav-is-visible, .header-animate { background: rgba(255, 255, 255, 0.8);}
.nav-is-visible .menu-trigger span{ background-color: rgba(255, 255, 255, 0);}

#hero-donut text { fill:#000000; }

/*----*****---- << Border Color >> ----*****----*/

#tiptip_content, .bx-wrapper ul li::before, .widget.widget_categories ul li:hover, .widget.widget_archive ul li:hover, .widget.widget_categories ul li:last-child:hover, table, .tooltip.type1 .tooltip-content, .tooltip.type1-a .tooltip-content, .tooltip.type3 .tooltip-text, .tooltip.type3-a .tooltip-text, p:hover .dt-sc-dropcap-bordered { border-color: #000000; }

.widget.widget_categories ul li:hover span, .widget.widget_archive ul li:hover span { border-top-color: #000000; border-right-color: #000000; border-left-color: #000000;}

.tooltip.type3 .tooltip-content::after, .tooltip.type4 .tooltip-content .tooltip-front::after { border-top-color: #000000; }
.tooltip.type3-a .tooltip-content::after, .tooltip.type4-a .tooltip-content .tooltip-front::after { border-bottom-color: #000000; }

#tiptip_holder.tip_top #tiptip_arrow { border-top-color:#000000; }
#tiptip_holder.tip_right #tiptip_arrow { border-right-color:#FFFFFF; border-right-color:#000000; }
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color:#FFFFFF; border-bottom-color:#000000; }
#tiptip_holder.tip_left #tiptip_arrow { border-left-color:#FFFFFF; border-left-color:#000000; }

.dt-sc-project-details, .dt-sc-project-details .enquiry-details p, .widget.widget_categories ul li, .widget.widget_archive ul li, .widget.widget_categories ul li:last-child, .widget.widget_categories ul li span, .widget.widget_archive ul li span, .cart-wrapper .cart-thumb-categories li .product > img, .post-author-details, ul.commentlist li, .products, .sorting-products, .woocommerce form .form-row label span, .woocommerce-shipping-fields label span { border-color:#eaeaea; }

.shop-dropdown > span::after, .woocommerce td, .woocommerce table th, .woocommerce table, .woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods, .dt-sc-dropcap-bordered { border-color:#FFFFFF; }

.blog-items .blog-entry { border-color: #ececec; }
.blog-items .blog-entry:hover, .blog-items .blog-entry:focus, .blog-items .blog-entry:active{ border-color: #b3b3b3;}

.tooltip { border-color: rgba(0,0,0,0.6);}

/*----*****---- << Box-shadow Color >> ----*****----*/

.dt-sc-icon-content-wrapper:hover .dt-sc-ico-content { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset; }
.dt-sc-ico-content { box-shadow: 0 0 0 200px #ececec inset; -webkit-box-shadow: 0 0 0 200px #ececec inset; -moz-box-shadow: 0 0 0 200px #ececec inset; }
.woocommerce form .form-row label span, .woocommerce-shipping-fields label span { box-shadow:0 0 0 2px #000000 inset; -moz-box-shadow:0 0 0 2px #000000 inset; -webkit-box-shadow:0 0 0 2px #000000 inset; }
.dt-sc-dropcap-bordered { box-shadow: 0 0 0 10px #000000 inset; -moz-box-shadow: 0 0 0 10px #000000 inset; -webkit-box-shadow: 0 0 0 10px #000000 inset; }
p:hover .dt-sc-dropcap-bordered { box-shadow: 0 0 0 1px #000000 inset; -moz-box-shadow: 0 0 0 1px #000000 inset; -webkit-box-shadow: 0 0 0 1px #000000 inset;}

/*----*****---- << To Top >> ----*****----*/

#toTopHover { background-position: left -80px; }
#toTop:hover { box-shadow: -4px -4px 0px 0px rgba(0,0,0,0.4); -webkit-box-shadow: -4px -4px 0px 0px rgba(0,0,0,0.4); -moz-box-shadow: -4px -4px 0px 0px rgba(0,0,0,0.4); }

@media only screen and (max-width:767px) {

/*----*****---- << Mobile Menu >> ----*****----*/
.dt-menu-toggle { background: #FFFFFF; border-color: #000000; }
#main-menu .menu.type1 li a, #main-menu ul.menu.menu-toggle-open > li > ul.sub-menu, #main-menu .menu.type1 li .sub-menu > li { border-color: #000000; }
#main-menu .menu.type1 li.current_page_item a, #main-menu .menu.type1 li:hover a { background: none; }
#main-menu .menu.type1 li a, #main-menu .menu.type1 li a{ color: #000000;}

}


text:
/* Moppers HTML Template*/

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two
5. Main Slider
6. Services Section
7. Welcome Section
8. Clearner Section
9. Work Section
10. Feedback Section
11. Price Section/ Section Two
12. Blog Section
13. Clients Section
14. Main Footer
15. Spots Section
16. Emergency Section
17. Case Section
18. Case Masonry Section
19. Testimonial Section
20. Blog Section
21. Map Section
22. In Touch Section
23. Page Title
24. Clients Section
25. Experts Section
26. Rating Section
27. Choose Us Section
28. Appointment Section
29. Faq Section
30. Error Section
31. Services Single Section
32. Case Single Section
33. Blog Large
34. Blog Widgets
35. Blog Single
36. Contact Info
37. Contact Form

**********************************************/

@import url('https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i|Sintony:400,700');

/*font-family: 'Rubik', sans-serif;
font-family: 'Sintony', sans-serif;*/

@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('jquery.timepicker.min.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.bootstrap-touchspin.css');
@import url('jquery.mCustomScrollbar.min.css');

/***

====================================================================
	Reset
====================================================================

 ***/

* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

/***

====================================================================
	Global Settings
====================================================================

 ***/

body {
	font-family: 'Sintony', sans-serif;
	font-size:14px;
	color:#777777;
	line-height:1.7em;
	font-weight:400;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

.bordered-layout .page-wrapper{
	padding:0px 50px 0px;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#16bae1;
}

button,
a:hover,a:focus,a:visited{
	text-decoration:none;
	outline:none !important;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	margin:0px;
	background:none;
	line-height:1.6em;
	font-family: 'Rubik', sans-serif;
}

input,button,select,textarea{

}

textarea{
	overflow:hidden;
}

p{
	position:relative;
	line-height:1.8em;
}

.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}

.medium-container{
	max-width:850px;
}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
}

ul,li{
	list-style:none;
	padding:0px;
	margin:0px;
}

img{
	display:inline-block;
	max-width:100%;
}

.theme-btn{
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.centered{
	text-align:center;
}

/*List Style One*/

.list-style-one{
	position:relative;
}

.list-style-one li{
	position:relative;
	color:#1e1e29;
	font-size:18px;
	padding-left:45px;
	font-weight:500;
	margin-bottom:20px;
	font-family: 'Rubik', sans-serif;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.list-style-one li:last-child{
	margin-bottom:0px;
}

.list-style-one li:before{
	position:absolute;
	content: "\f19d";
	left:0px;
	top:0px;
	color:#a2b9ca;
	font-weight:400;
	font-family: "Flaticon";
}

/*List Style Two*/

.list-style-two{
	position:relative;
}

.list-style-two li{
	position:relative;
	color:#1e1e29;
	font-size:15px;
	padding-left:30px;
	font-weight:400;
	margin-bottom:10px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.list-style-two li:last-child{
	margin-bottom:0px;
}

.list-style-two li:before{
	position:absolute;
	content: "";
	left:0px;
	top:7px;
	width:8px;
	height:8px;
	font-weight:400;
	border-radius:50px;
	background-color:#16bae1;
}

/*Btn Style One*/

.btn-style-one{
	position:relative;
	padding:16px 32px 15px;
	line-height:25px;
	text-transform:capitalize;
	background:#16bae1;
	color:#ffffff;
	border:2px solid #16bae1;
	font-size:16px;
	font-weight:500;
	border-radius:50px;
	font-family: 'Rubik', sans-serif;
}

.btn-style-one:hover{
	background:none;
	color:#16bae1;
}

/*Btn Style Two*/

.btn-style-two{
	position:relative;
	padding:16px 53px;
	line-height:24px;
	background:#072d5a;
	color:#ffffff;
	font-size:16px;
	font-weight:500;
	border-radius:50px;
	border:2px solid #072d5a;
	text-transform:capitalize;
	font-family: 'Rubik', sans-serif;
}

.btn-style-two:hover{
	background:#16bae1;
	color:#ffffff;
	border-color:#16bae1;
}

/*Btn Style Three*/

.btn-style-three{
	position:relative;
	padding:13px 45px 13px;
	line-height:25px;
	text-transform:capitalize;
	background:#16bae1;
	color:#ffffff;
	border:2px solid #16bae1;
	font-size:16px;
	font-weight:500;
	border-radius:50px;
	font-family: 'Rubik', sans-serif;
}

.btn-style-three:hover{
	background:none;
	color:#16bae1;
}

/*Btn Style Four*/

.btn-style-four{
	position:relative;
	padding:8px 38px 8px;
	line-height:25px;
	text-transform:capitalize;
	background:#16bae1;
	color:#ffffff;
	border:2px solid #16bae1;
	font-size:16px;
	font-weight:500;
	border-radius:50px;
	font-family: 'Rubik', sans-serif;
}

.btn-style-four:hover{
	background:none;
	color:#16bae1;
}

/*Social Icon One*/

.social-icon-one{
	position:relative;
}

.social-icon-one li{
	position:relative;
	margin-right:8px;
	display:inline-block;
}

.social-icon-one li a{
	position:relative;
	font-size:14px;
	color:#3f608b;
	width:35px;
	height:35px;
	line-height:33px;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	border:1px solid #3f608b;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.social-icon-one li a:hover{
	background-color:#16bae1;
	border-color:#16bae1;
	color:#ffffff;
}

.theme_color{
	color:#16bae1;
}

.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.svg);}

img{
	display:inline-block;
	max-width:100%;
	height:auto;
}

/***

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top{

	right:30px;
	top:-60px;
	width:50px;
	height:60px;
	color:#ffffff;
	font-size:24px;
	text-transform:uppercase;
	line-height:58px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#16bae1;
	display:none;
	border-radius:50px 50px 0px 0px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.scroll-to-top span{
	position:relative;
	display:inline-block;
	-webkit-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
}

.scroll-to-top:hover{
	color:#ffffff;
	background:#16bae1;
}

/***

====================================================================
	Section Title
====================================================================

***/

.sec-title{
	position:relative;
	margin-bottom:50px;
}

.sec-title h2{
	position:relative;
	color:#1e1e29;
	font-size:30px;
	font-weight:500;
	line-height:1.4em;
	padding-bottom:15px;
	text-transform:uppercase;
}

.sec-title.medium h2{
	font-size:24px;
}

.sec-title.light h2{
	color:#ffffff;
}

.sec-title.light .icon-box{
	color:rgba(255,255,255,0.10);
}

.sec-title.centered .separator{
	left:50%;
	margin-left:-15px;
}

.sec-title .separator{
	position:relative;
	width:30px;
	height:10px;
}

.sec-title .separator:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:20px;
	height:10px;
	background-color:#16bae1;
}

.sec-title .separator:after{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	width:6px;
	height:10px;
	background-color:#16bae1;
}

.sec-title .icon-box{
	position:absolute;
	left:0px;
	top:-30px;
	color:#f0f0f0;
	line-height:1em;
	font-size:90px;
}

.sec-title.centered .icon-box{
	left:50%;
	color:#d6dee4;
	margin-left:-120px;
}

/***

====================================================================
	Main Header style
====================================================================

***/

.main-header{
	position:relative;
	z-index:999;
	width:100%;
}

.main-header .header-top{
	position:relative;
	background-color:#e8f1f7;
}

.main-header .header-top .top-left{
	position:relative;
	padding:12px 0px;
}

.main-header .header-top .top-left .text{
	position:relative;
	color:#98b2c4;
	font-size:14px;
	font-weight:500;
	float:left;
	margin-right:40px;
	padding-left:60px;
	text-transform:uppercase;
	font-family: 'Rubik', sans-serif;
}

.main-header .header-top .top-left .social-nav{
	position:relative;
	float:left;
	z-index:1;
	top:3px;
}

.main-header .header-top .top-left .social-nav li{
	position:relative;
	padding-right:6px;
	display:inline-block;
}

.main-header .header-top .top-left .social-nav li a{
	position:relative;
	width:40px;
	height:40px;
	color:#98b2c4;
	font-size:14px;
	line-height:38px;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	border:1px solid #d3dbe1;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.main-header .header-top .top-left .social-nav li a:hover{
	color:#ffffff;
	border-color:#16bae1;
	background-color:#16bae1;
}

.main-header .header-top .top-right{
	position:relative;
	text-align:right;
	padding:15px 0px;
}

.main-header .header-top .top-right .mail-us{
	position:relative;
	float:left;
	color:#98b2c4;
	padding:7px 20px;
	font-weight:500;
	font-size:14px;
	margin-right:20px;
	border-radius:50px;
	display:inline-block;
	text-transform:uppercase;
	border:1px solid #d2dae0;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	font-family: 'Rubik', sans-serif;
}

.main-header .header-top .top-right .mail-us .icon{
	position:relative;
	color:#16bae1;
	font-size:15px;
	margin-right:5px;
	font-weight:600;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .header-top .top-right .mail-us:hover{
	color:#ffffff;
	border-color:#16bae1;
	background-color:#16bae1;
}

.main-header .header-top .top-right .mail-us:hover .icon{
	color:#ffffff;
}

.main-header .main-box{
	position:relative;
	padding:0px 0px;
	left:0px;
	top:0px;
	width:100%;
	background:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .main-box .outer-container{
	position:relative;
	padding:0px 40px;
}

.main-header .main-box .logo-box{
	position:relative;
	float:left;
	left:0px;
	z-index:10;
	padding:30px 0px;
}

.main-header .main-box .logo-box .logo img{
	display:inline-block;
	max-width:100%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .nav-toggler{
	position:absolute;
	top:50%;
	margin-top:0px;
	display: block;
}

.main-header .nav-toggler button{
	position:relative;
	display:block;
	color:#444444;
	text-align:center;
	font-size:24px;
	line-height:34px;
	font-weight:normal;
	background:none;
}

.main-header .header-upper{
	position:relative;
}

.main-header .header-upper .upper-right{
	padding-top:23px;
}

.main-header .nav-outer{
	position:relative;
	padding-left:40px;
	background-color:#072d5a;
}

.header-style-two .nav-outer{
	padding-left:0px;
	background:none;
	border-top:1px solid #e8f1f7;
}

.header-style-two .main-menu .navigation > li{
	padding:0px 45px;
	margin-right:0px;
	border-right:1px solid #e8f1f7;
}

.header-style-two .sticky-header .main-menu .navigation > li{
	margin-left:0px;
	padding:0px 20px;
}

.header-style-two .main-menu .navigation > li:first-child{
	padding-left:0px;
}

.header-style-two .main-menu .navigation > li:first-child:before,
.header-style-two .main-menu .navigation > li:first-child:after{
	left:20px;
}

.header-style-two .main-menu .navigation > li > a{
	color:#1e1e29;
}

/*Language Dropdown*/

.main-header .header-upper .language{
	position:relative;
}

.main-header .header-upper .language .dropdown-menu{
	top: 100% !important;
	right: 0px;
    left: auto !important;
	width:170px;
	border:none;
	padding:0px;
	margin-top:14px;
	border-radius:0px;
	background-color:#222222;
    border-top:3px solid #16bae1;
	transform: translate3d(0px, 0px, 0px) !important;
}

.main-header .header-upper .language > a{
	color:#1e1e29;
	padding:0px 0px;
	background:none !important;
	text-transform:capitalize;
	display:inline-block;
    border:0px;
	font-weight:500;
	font-size:16px;
	line-height:1em;
	font-family: 'Rubik', sans-serif;
}

.main-header .header-upper .language > a .fa{
	margin-left:28px;
}

.main-header .header-upper .language > a:after{
	display:none;
}

.main-header .header-upper language a:hover{
	background:none;
}

.main-header .header-upper .language .dropdown-menu > li{
	padding-right:0px !important;
	margin:0px !important;
	float:none;
	display:block !important;
    border-bottom: 1px solid rgba(255,255,255,0.20);
}

.main-header .header-upper .language .dropdown-menu > li:last-child{
	border-bottom:none;
}

.main-header .header-upper .language .dropdown-menu > li > a{
	padding:8px 20px;
	color:#ffffff;
	display:block;
	text-align:left;
	font-size:14px;
	font-weight:400;
	text-transform:capitalize;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .header-upper .language .dropdown-menu > li > a:hover{
	color:#ffffff !important;
	background-color:#16bae1;
}

.main-header .header-upper .logo-box{
	padding:20px 0px;
}

.main-header .info-box{
	position:relative;
	float:left;
	margin-left:30px;
	font-size:14px;
	color:#98b2c4;
	text-align:left;

	padding:0px 0px 0px 60px;
}

.main-header .info-box:last-child{
	padding-left:30px;
	padding-top:15px;
	padding-bottom:10px;
	border-left:1px solid #e8f1f7;
}

.main-header.header-style-two .info-box:last-child{
	border:none;
	margin-left:0px;
}

.main-header .info-box .icon-box{
	position:absolute;
	left:0px;
	top:2px;
	color:#98b2c4;
	font-size:45px;
	line-height:1em;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}
.main-header .info-box .icon-box:hover{ color:#16bae1;}

.main-header .info-box .icon-box:hover .text:before{ color:#16bae1;}

.main-header .info-box .icon-box.light{
	color:#b7cbd9;
}

.main-header .info-box li{
	position:relative;
	color:#98b2c4;
	font-size:14px;
	margin-bottom:8px;
	font-weight:500;
	line-height:1.8em;
	font-family: 'Sintony', sans-serif;
}

.main-header .info-box li span{color:#16bae1; font-size:18px; font-family: 'Rubik', sans-serif;}

.main-header .info-box .quote-btn{
	position: relative;
    line-height: 24px;
    color: #1f1f1f;
    font-size: 16px;
    font-weight: 600;
	padding:14px 38px;
	border-radius:50px;
	background:none;
    text-transform: uppercase;
	border:2px solid #f2f2f2;
}

.main-header .info-box .quote-btn:hover{
	color:#ffffff;
	border-color:#26447b;
	background-color:#26447b;
}

.main-header .info-box .appointment-btn{
	position:relative;
	color:#ffffff;
	font-size:16px;
	font-weight:500;
	padding:13px 20px;
	border-radius:50px;
	margin-top:5px;
	border:2px solid #16bae1;
	text-transform:capitalize;
	background-color:#16bae1;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	font-family: 'Rubik', sans-serif;
}

.main-header .info-box .appointment-btn:hover{
	background:none;
	color:#16bae1;
}

.main-header .info-box .appointment-btn .icon{
	position:relative;
	margin-right:5px;
	font-weight:600;
}

.main-menu{
	position:relative;
	float:left;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navbar-collapse{
	padding:0px;
}

.main-menu .navigation{
	position:relative;
	margin:0px;
}

.main-menu .navigation > li{
	position:relative;
	float:left;
	margin-right:30px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li:before{
	position:absolute;
	content:'';
	left:50%;
	bottom:-6px;
	width:12px;
	height:12px;
	opacity:0;
	margin-left:-6px;
	border-radius:50px;
	background-color:#16bae1;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li:after{
	position:absolute;
	content:'';
	left:50%;
	bottom:-3px;
	width:6px;
	height:6px;
	opacity:0;
	margin-left:-3px;
	border-radius:50px;
	background-color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li:hover::before,
.main-menu .navigation > li.current::before,
.main-menu .navigation > li:hover::after,
.main-menu .navigation > li.current::after{
	opacity:1;
}

.sticky-header .main-menu .navigation > li > a,
.header-style-two .sticky-header .main-menu .navigation > li > a{
	color:#444444;
}

.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a{
	color:#16bae1;
	background-color:inherit !important;
}

.sticky-header .nav-outer .options-box{
	margin-top:26px;
}

/*Sticky Header*/

.sticky-header{
	position:fixed;
	opacity:0;
	visibility:hidden;
	left:0px;
	top:0px;
	width:100%;
	padding:0px 0px;
	background:#ffffff;
	z-index:0;
	border-bottom:1px solid #e8f1f7;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sticky-header .logo{
	padding:7px 0px 7px;
}

.fixed-header .sticky-header{
	z-index:999;
	opacity:1;
	visibility:visible;
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;


text:
body {
    display: flex;
}

body > main {
    background-color: var(--black-secondary);
    padding: 50px;
    gap: 50px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

body > main > header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

body > main > header > #grupoBtnInicial{
    display: flex;
    gap: 25px;
}

body > main > ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 26px;
    place-items: center;
}

@media only screen and (max-width: 1206px) {
    body > main > ul {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 984px) {
    body > main > ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 800px) {
    body > main > ul {
        grid-template-columns: repeat(1, 1fr);
    }
}


text: .dragging-helper-class{z-index:60000 !important}.dragging-helper-class .close-button{display:none}.wp-drag-sort-multi-image-upload-control-sort-container{width:340px;padding:0px;position:relative}.wp-drag-sort-multi-image-upload-control-sort-container::after{content:"";clear:both;display:table}.wp-drag-sort-multi-image-upload-control-thumbnails{max-width:130px;max-height:130px}.wp-drag-sort-multi-image-upload-control-sortable-item{margin:5px;width:140px;height:140px;float:left;position:relative;z-index:600000 !important}.wp-drag-sort-multi-image-upload-control-sortable-item .drag-handle{width:100%;height:100%;display:grid;align-content:center;justify-content:center;background-color:rgba(0,0,0,.1);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.wp-drag-sort-multi-image-upload-control-sortable-item .close-button{position:absolute;top:-5px;right:-5px;background-color:#f0f0f1;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);color:#000;padding:4px 6px;cursor:pointer;font-size:12px}.wp-drag-sort-multi-image-upload-control-sortable-item .close-button:hover{-webkit-box-shadow:inset 0px 1px 5px 2px #db6f1d;box-shadow:inset 0px 1px 5px 2px #db6f1d}


text:
@import '@stoplight/mosaic/styles.css';
@import '@stoplight/mosaic/themes/default.css';

.sl-elements {
  font-size: 13px;
}

.sl-elements .svg-inline--fa {
  display: inline-block;
}

/* Docs */

.sl-elements .DocsSkeleton {
  animation: 500ms linear infinite alternate skeleton-glow;
  background: rgba(206, 217, 224, 0.2);
  background-clip: padding-box !important;
  border-color: rgba(206, 217, 224, 0.2) !important;
  border-radius: 2px;
  box-shadow: none !important;
  color: transparent !important;
  cursor: default;
  pointer-events: none;
  user-select: none;
}

.sl-elements .Model {
  --fs-code: 12px;
}

/* Table of Contents */

.sl-elements .ElementsTableOfContentsItem:hover {
  text-decoration: none;
  color: inherit;
}

/* TryIt */

.sl-elements .ParameterGrid {
  display: grid;
  grid-template-columns: fit-content(120px) 20px auto;
  row-gap: 3px;
  align-items: center;
  padding-bottom: 0;
  margin-bottom: 16px;
}

.sl-elements .SendButtonHolder{
  margin-top: 16px;
  padding-top: 0;
}

.sl-elements .TryItPanel > :nth-child(2) {
  /* This, along with the padding:0 margin: 16s above causes margin collapse to guarantee correct spacing around the panels & send button */
  overflow: auto;
}

.sl-elements .OperationParametersContent {
  max-height: 162px; /* 4.5 lines plus padding */
}

.sl-elements .TextRequestBody{
  max-height: 200px;
  overflow-y: auto;
  padding-bottom: 0;
  margin-bottom: 16px;
}

/* HttpOperation */

.sl-elements .HttpOperation .JsonSchemaViewer .sl-markdown-viewer p {
  font-size: 12px;
  line-height: 1.5em;
}

.sl-elements .HttpOperation__Parameters .sl-markdown-viewer p {

  font-size: 12px;
  line-height: 1.5em;
}

.sl-elements .Model .JsonSchemaViewer .sl-markdown-viewer p {
  font-size: 12px;
  line-height: 1.5em;
}

.sl-elements .sl-markdown-viewer .JsonSchemaViewer {
  padding-right: 10px;
}

.sl-elements .HttpOperation__gutter {
  --fs-code: 12px;
}


text: .index[data-v-f03b176a]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow-x:visible}.index .left_menu[data-v-f03b176a]{width:15%;height:100%;display:inline-block;border-right:1px solid #e3ebf6}.index .left_menu .logo_img[data-v-f03b176a]{width:100%;margin-top:10px;margin-left:20px}.index .left_menu .logo_img img[data-v-f03b176a]{width:80%}.index .left_menu .menu_items[data-v-f03b176a]{margin-right:40px;width:100%;font-size:15px}.index .left_menu .menu_items .menu_item[data-v-f03b176a]{margin-right:20px;border-bottom:1px solid #e3ebf6;margin-left:20px}.index .left_menu .menu_items .menu_item .item_title1[data-v-f03b176a]{margin:10px 0;color:#95aac9}.index .left_menu .menu_items .menu_item .item_title2[data-v-f03b176a]{margin:10px 0;cursor:pointer;color:#6e84a3}.index .left_menu .menu_items .menu_item .item_title2[data-v-f03b176a]:hover{color:#3b506c}.index .left_menu .menu_items .menu_item .item_content[data-v-f03b176a]{padding-top:5px;padding-bottom:15px;padding-left:15px;color:#7187a9;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.index .left_menu .menu_items .menu_item .item_content[data-v-f03b176a]:hover{color:#3b506c}.index .left_menu .menu_items .menu_item img[data-v-f03b176a]{width:18px;margin-top:2px;margin-right:10px}.index .left_menu .menu_items .menu_item .active[data-v-f03b176a]{color:#3b506c}.index .right_content[data-v-f03b176a]{width:85%;height:100%;min-height:720px;display:inline-block;background-color:#f9fbfd;overflow-y:visible;overflow-x:visible}.welcomebar[data-v-f03b176a]{padding:0 20px}.welcomebar .usertitle[data-v-f03b176a]{width:84%;height:25px;display:inline-block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcomebar .usertitle span[data-v-f03b176a]{vertical-align:middle}.welcomebar img[data-v-f03b176a]{width:25px;float:right;cursor:pointer}.kaiyuanbar[data-v-f03b176a]{padding:10px 20px}.kaiyuanbar a[data-v-f03b176a]{display:block;height:50px;line-height:50px;text-align:center;margin-bottom:10px}.kaiyuanbar a span[data-v-f03b176a]{float:left;color:#3d83e5;margin-right:10px}


text:
/*---Global Reset---*/

/*---Custom Reset---*/
* {outline:none;}
h1,h2,h3,h4{margin: 0;}
a:hover, a:visited, a:active, a:focus {text-decoration: none;outline:none;}
.btn{border-radius: 0;}

/*---Global styles---*/
body{position: relative;}

/*-Fonts-*/
@font-face{font-family: Montserrat-regular;src: url(../fonts/Montserrat/Montserrat-Regular.ttf);}
@font-face{font-family: Open-Sans-regular; src: url(../fonts/Open_Sans/OpenSans-Regular.ttf);}

/*-Typography-*/
p{color:#616161;font-family: Open-Sans-regular, Arial, Helvetica, sans-serif;font-size: 16px;}
h1,h2,h3,h4{color: #212121;font-family: Montserrat-regular, Arial, Helvetica, sans-serif; }

/*-Buttons-*/
.btn-custom {background-color: transparent;border: 1px solid #212121;color:#212121;padding: 10px 36px;}
.btn-custom:hover{background-color: #212121;color:#ffffff;}
.btn-custom:focus,.btn-custom:active{outline:none;box-shadow:none;}
.btn-custom.btn-orange {border: 1px solid #ff6e40;color:#ffffff;}
.btn-custom.btn-orange:hover{background: #ff6e40;}

.title-caption {color:#bdbdbd;font-family: Montserrat-regular, Arial, Helvetica, sans-serif;font-size: 17px;margin: 0;}

/*---Header---*/
.header{background-color: #ffffff;padding: 17px 30px;position: fixed;width: 100%;height:73px;z-index: 3;}
.header .logo {font-size:34px;}
.header .logo > span {display: inline-block;width: 40px;height: 40px;border:2px solid #616161;}
.header nav {padding: 9px 16px 0 0;}
.header .mobile {padding: 0;}
.header nav > a {font-family:Montserrat-regular, Arial, Helvetica, sans-serif;font-size:17px;color:#616161;padding: 0 0 0 15px;}
.header nav > a:hover, .header nav > a:focus,.header nav > a:active{color:#ff6e40;}

/*-Slider-*/
.slider{margin: 73px 0 0;position: relative;height:500px;width: 100%;overflow: hidden; }
.slider .prev,.slider .next{z-index:1;position: absolute;top: 46%;width:40px;height:40px;border:1px solid #ff6e40;font-size:18px;color:#ffffff;cursor:pointer;text-align: center;line-height: 40px;}
.slider .prev:hover,.slider .next:hover{background: #ff6e40;}
.slider .prev{left: 1%;}
.slider .next{right:1%;}
.slider ul li{position: relative;display:none;width:100%;}
.slider .current{position: absolute;top:0;display:block;}
.slider .slider-content {position:absolute;top: 49%;left:50%;transform: translate(-50%,-50%);}
.slider .slider-content .title{font-size:42px;color:#ffffff;padding: 0 0 20px;}
.slider .slider-content p {color:#ffffff;font-size: 26px;margin: 0 0 35px;}
.slider .btn-custom {font-size:19px;}

/*---Main Content---*/
/*-About-*/
.about {padding: 94px 10px 100px;}
.about .title{padding: 0 0 25px;}
.about .text{padding: 0 0 16px;}
.about .btn-custom {padding: 15px 50px;}

/*-Services-*/
.services{padding: 94px 34px 60px;background: #f5f5f5;}
.services .title{padding: 0 0 32px;}
.services .services-item{height:80px;overflow: hidden;margin: 0 0 40px;}
.services .services-item p{line-height: 20px;}
.services .services-item .subtitle{font-size:19px;margin: 0 0 4px;}
.services .services-item .services-icon{width:80px;height:80px;border: 3px solid #ff6e40;border-radius: 4px; color:#ff6e40;position: relative;margin: 0 20px 0 0;}
.services .services-item .services-icon:before{position: absolute;left:-10%;top:-10%;width:90px;height:90px;transform: rotate(45deg);content:'';background: #f5f5f5;}
.services .services-item .services-icon>i{padding: 17px 0 0;font-size: 47px;position: relative;}

/*-Subscribe-*/
.subscribe{background:  #424242;padding: 31px 60px 31px 39px;}
.subscribe .title{color:#ffffff;padding: 11px 0 0;}
.subscribe p {color:#bdbdbd;}
.subscribe .btn-custom{padding: 15px 80px;margin: 10px 0 0;}

/*-Gallery-*/
.gallery{padding: 94px 34px 80px;}
.gallery .title{padding: 0 0 32px;}
.gallery .item{width:380px;height:380px;background: #bdbdbd;position: relative;overflow: hidden;padding: 0;margin: 5px;}
.gallery .item>img{min-height: 100%;}
.gallery .item .item-back{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);display: none;}
.gallery .item:hover .item-back{display:block;}
.gallery .item .item-back .content{position: relative;height:100%;}
.gallery .item .item-back .content .link{height:70%;position:relative;}
.gallery .item .item-back .content .link>a{display:inline-block;width:60px;height:60px;background: #ff6e40;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.gallery .item .item-back .content .link>a>i{color:#ffffff;padding: 15px 0 0;}
.gallery .item .item-back .content .info{height:30%;background: #f5f5f5;position: absolute;bottom:0;width: 100%;padding: 32px 0 0;overflow: hidden;}
.gallery .item .item-back .content .info h3 {color:#ff6e40;}
.gallery .item .item-back .content .info p {color:#616161;}

/*-Contacts-*/
.contacts{background: #f5f5f5;padding: 39px 30px 14px;font-size: 16px;}
.contacts .address-item {display:table;padding: 0 0 5px;}
.contacts .address-item .address-marker {display: table-cell;width:60px;height:60px;background: #ff6e40;color: #ffffff;padding: 13px 0 0;margin: 0 10px 0 0;}
.contacts .address-item .address-info{display: table-cell;vertical-align: middle;color:#616161;}
.contacts .address-item .address-info a{color:#616161;}

/*-Map-*/
.map{height: 400px;position: relative;}

/*---Footer---*/
.footer{padding: 22px 30px;color:#616161;}
.footer .soc-links{text-align: center;}
.footer .soc-links a{color:#bdbdbd;padding: 0 4px;}
.footer .soc-links a>i{font-size:16px;}
.footer .soc-links a>i:hover,.footer .links a:hover{color:#ff6e40;}
.footer .links a{color:#616161;padding: 0 10px;}
.footer .links li:first-child{position: relative;}
.footer .links li:first-child:after{position: absolute;content: '|';right:0;top:0;color:#ff6e40;}

.btn-up{width:40px;height:40px;position: absolute;right:28px;bottom:95px;padding: 0;}
.btn-up:hover i{background: #ff6e40;color:#ffffff;}
.btn-up>i{color:#ff6e40;font-size: 18px;}

@media (max-width: 768px) { .footer{text-align:center;}.footer .soc-links{text-align:center; padding: 15px 0 0;}.footer .links{text-align: center;}}
@media (max-width: 768px) { .slider .slider-content{width:100%;}}


text:
@charset "UTF-8";
body
	{
		font-family: Georgia, sans-serif;
		background-color: #008500;
	}
img
	{
	float:right;
	height:200px;
	width:600px;
	margin:5px;
	}
fieldset
	{
		border: 5px groove #FF0000;
	}
legend
	{
		background-color: #FF0000;
	}
label
	{
		float: left;
		height:20px;
		margin:5px;
		background-color: #00CC00;
	}
input
	{
	    float:left;
		height:20px;
		margin:5px;
		background-color: #00CC00;
	}

select
	{
		float: left;
		height:20px;
			margin:5px;

		background-color: #00CC00;
	}


text:
body {
	margin: 0;
	padding: 0;
	background-image: url("../img/image.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: sans-serif;
	background-color: rgb(48, 48, 49)
}

.panel {
	border: 0px;
	background: rgba(0, 0, 0, 0.5);
	color: #ffff;
	text-align: center;
	padding-top: 70px;
	position: relative;
	transition: 1s;
}

h4 {
	margin: 0;
	padding: 0;
	color: red;
}

span {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	display: inline-block;
	text-align: center;
	margin-left: 10px;
	border-radius: 4px;
	box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.5);
}

.fa-facebook {
	color: #3B5998;
}

.fa-twitter {
	color: #1DA1F2;
}

.fa-google-plus {
	color: red;
}

.lock {
	position: absolute;
	top: -50px;
	width: 100px;
	height: 100px;
	line-height: 112px;
	text-align: center;
	left: 37%;
	/*background: linear-gradient(DrakSlateGray, Cyan);
	background: -webkit-linear-gradient(DrakSlateGray, Cyan);
	background: -moz-linear-gradient(DrakSlateGray, Cyan); */
	border: 3px outset #F4E10A;
	border-radius: 100%;
	/*color: #fff;*/
	box-shadow: -10px 10px 20px rgba(255, 255, 255, 0.5);
}

.panel:hover {
	background: rgba(0, 0, 0, 0.7);
}

.label {
	position: absolute;
	top: 10px;
	left: -20px;
	width: 130px;
	height: 40px;
	line-height: 35px;
	color: #fff;
	transform: rotate(-20deg);
	background: #E419B7;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5)
}

.label2 {
	position: absolute;
	top: 0px;
	left: -18px;
	width: 130px;
	height: 40px;
	line-height: 35px;
	color: #fff;
	transform: rotate(-27deg);
	background: #8E4E81;
	z-index: -1;
}

.btn-success {
	border: 0px;
	border-radius: 0px;
}
.red{
	color: red;
}
.jan{
	color: #f9df05;
}
.green{
	color: green;
}