#wrapper,.banner,.banner .slick-list,.banner .slick-track,.banner .top-slides,.banner-img,body,html {
height:100%
}

.banner .top-slides .caption,.cta--icon,.cta--text,.logo img {
vertical-align:middle
}

.db--service-list li a:hover .db--service-box .db--service-media svg path,.db--service-list li a:hover .db--service-box .db--service-media svg circle,.db--service-list li a:hover .db--service-box .db--service-media svg polygon,.svg-img path {
fill:#fff
}

header {
position:fixed!important;
z-index:111!important;
min-height:82px;
left:0;
right:0;
top:0;
padding:15px 0;
color:#fff;
display:table;
width:100%
}

.banner,.logo {
position:relative
}

.logo {
float:left;
margin-right:25px;
z-index:55;
padding:0 11px;
top:15px
}

.darkHeader {
background:rgba(40,40,40,.98)
}

.darkHeader .logo {
top:auto
}

.logo img {
width:60px
}

.darkHeader .grid_2 {
top:4px
}

.banner {
z-index:1
}

.banner-img {
bottom:0;
right:0;
left:0;
background-position:center center;
background-repeat:no-repeat;
position:absolute;
overflow:hidden;
margin:auto;
background-size:cover;
z-index:3
}

.banner .top-slides .caption {
font-size:16px;
color:#fff;
position:absolute;
width:100%;
top:30%;
text-align:center;
padding:0 10px;
display:table;
z-index:77
}

.banner .top-slides .caption .width_div {
display:table-cell;
vertical-align:middle
}

.features--tile,.srvs-btn,.videoBtn i {
vertical-align:top
}

.banner .top-slides .caption h2 {
font-size:40px;
color:#fff;
font-weight:800;
text-shadow:0 0 3px rgba(0,0,0,.4);
text-transform:uppercase;
line-height:1.1;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}

.banner .top-slides .caption p,.srvs-btn {
font-weight:600;
text-transform:uppercase
}

.banner .top-slides .caption p {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:20px
}

.banner-img::after {
background:rgba(0,0,0,.3);
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0
}

.banner .top-slides .slick-dots li {
height:auto;
background:0;
display:inline-block;
width:auto;
border-radius:100%;
margin:0 3px
}

.banner .slick-dots {
text-align:center;
position:absolute;
width:100%;
bottom:30px;
z-index:77
}

.banner .slick-dots li.slick-active button {
background:#333
}

.banner .slick-dots li button {
width:9px;
height:9px;
background:#fff;
border:2px solid #fff;
padding:3px;
border-radius:100%;
font-size:0;
display:block;
cursor:pointer
}

.grid_2 {
position:relative;
z-index:999;
top:20px
}

.ink,.search_wrap,.videoBtn i {
position:absolute
}

.search_wrap {
display:table;
left:0;
right:0;
bottom:10%;
width:100%;
z-index:3
}

.search_wrap .aligncenter {
margin-bottom:15px
}

.videoBtn {
padding-right:50px
}

.ink {
display:block;
background:rgba(0,0,0,.1);
border-radius:100%;
-webkit-transform:scale(0);
transform:scale(0)
}

.videoBtn i {
top:50%;
right:25px;
padding-right:2px;
width:17px;
height:17px;
transform:translate(0,-50%)
}

.btns-list {
text-align:center
}

.srvs-btn {
background-color:#009bcd;
border-radius:3px;
display:inline-block;
width:22%;
padding:25px 20px;
font-size:16px;
color:#fff;
margin:10px
}

.srvs-btn:nth-child(2),.srvs-btn:nth-child(3) {
background-color:#009148
}

.svg-img {
display:block;
height:60px;
margin-bottom:10px
}

.svg-img img {
height:100%
}

.section {
padding:35px 0
}

.section-head {
text-align:center
}

.section-head h2 {
font-size:52px;
font-weight:700;
line-height:1.2;
color:#282828;
padding-bottom:10px
}

.section-head h3 {
font-size:20px;
font-weight:400;
opacity:.8;
color:#282828
}

.feature--tilebox h4,.feature--tilebox p,.featureColor h4,.featureColor p,.section--intro .section-head h2,.section--intro .section-head h3,.stepcount {
color:#fff
}

.features--tile {
width:33.3%;
display:inline-block;
margin:0 -2px;
text-align:center
}

.feature--tilebox h4,.featureColor h4 {
font-size:18px;
font-weight:600;
line-height:1.2;
padding-bottom:5px
}

.feature--tilebox p,.featureColor p {
font-size:16px;
line-height:1.4;
opacity:.8
}

.feature--tileBox {
padding:40px;
position:relative
}

.feature--tileBox::after,.feature--tileBox:after {
position:absolute;
content:""
}

.feature--tileBox:after {
background:url(../images/home/arrow.svg) no-repeat;
top:90px;
left:0
}

.odd .feature--tileBox:after {
background:url(../images/home/arrowbottom.svg) no-repeat;
content:"";
top:40%;
left:-40px
}

.feature--block div.features--tile:first-child .feature--tileBox::after {
display:none
}

.cta--icon,.cta--text,.feature--media,.feature--media-icon,.section--camp ul li {
display:inline-block
}

.feature--tileBox::after {
background:url(../images/home/arrow.svg) no-repeat;
top:90px;
left:auto;
right:150px;
z-index:99;
width:260px;
height:30px
}

.feature--media {
width:180px;
height:180px;
background:#fff;
border-radius:50%;
margin-bottom:20px;
position:relative
}

.feature--media-icon {
height:65px;
width:auto;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%)
}

.feature--media-icon img {
height:100%;
display:inline-block
}

.feature--block {
margin-top:60px
}

.cta--box {
max-width:696px;
margin:40px auto 0;
text-align:center;
border-radius:10px;
box-shadow:0 0 10px rgba(0,0,0,.1);
background:#fff;
padding:45px
}

.stepcount {
position:absolute;
width:50px;
height:50px;
border-radius:50%;
font-size:20px;
font-weight:800;
background:#009148;
left:0;
top:0;
transform:none;
line-height:38px;
border:4px solid #fff
}

.orange .stepcount {
background:#f1b612
}

.blue .stepcount {
background:#099bcd
}

.section--camp ul li:nth-child(3) span {
color:#00ade9
}

.cta--text {
font-size:24px;
font-weight:600;
color:#282828
}

.cta--text a {
color:#009148;
text-decoration:underline
}

.section--dark .section-head h2,.sonar_effect .iconBox:hover {
color:#fff
}

.cta--icon {
width:59px;
height:59px;
margin-right:15px
}

.section--dark {
background:#009acc
}

.section--camp {
background-image:url(../images/home/bg_camp.png);
background-repeat:no-repeat
}

.sonar_effect {
text-align:center
}

.iconBox:after {
pointer-events:none;
position:absolute;
width:100%;
height:100%;
border-radius:50%;
content:'';
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box
}

.glimpse--listwrap::after,.section--news:after,.text-quote:after {
content:""
}

.sonar_effect .iconBox {
-webkit-transition:-webkit-transform ease-out .1s,background .2s;
-moz-transition:-moz-transform ease-out .1s,background .2s;
transition:transform ease-out .1s,background .2s
}

.sonar_effect .iconBox:after {
top:0;
left:0;
padding:0;
z-index:-1;
box-shadow:0 0 0 2px rgba(255,255,255,.1);
opacity:0;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}

@-webkit-keyframes sonarEffect {
0% {
opacity:.3
}

40% {
opacity:.5;
border:1px solid #fff
}

100% {
border:1px solid #fff;
-webkit-transform:scale(1.2);
opacity:0
}
}

@-moz-keyframes sonarEffect {
0% {
opacity:.3
}

40% {
opacity:.5;
border:1px solid #fff
}

100% {
border:1px solid #fff;
-moz-transform:scale(1.2);
opacity:0
}
}

@keyframes sonarEffect {
0% {
opacity:.3
}

40% {
opacity:.5;
border:1px solid #fff
}

100% {
border:1px solid #fff;
transform:scale(1.2);
opacity:0
}
}

.section--camp ul li {
vertical-align:top;
border-radius:100px;
background:#fff;
height:200px;
width:200px;
margin-right:90px;
position:relative;
text-align:center;
z-index:55
}

.section--camp ul {
text-align:center
}

.section--camp ul li:last-child {
margin-right:0
}

.section--camp ul li .imgbox:before {
display:none
}

.section--camp ul li .imgbox {
height:90px;
margin-top:30px
}

.section--camp ul li .imgbox img {
max-width:70px;
height:auto
}

.section--camp ul li .imgbox img,.section--camp ul li .imgbox svg {
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
margin:auto;
text-align:center
}

.section--camp ul li .imgbox svg {
width:80px;
height:65px
}

.section--camp ul li span {
font-size:16px;
color:#009148;
display:block;
text-align:center;
width:100%;
font-weight:600;
padding:0 10px
}

.section--camp ul .description {
position:absolute;
background:rgba(255,255,255,.8);
opacity:0;
z-index:66;
-webkit-transform:scale(.2);
-moz-transform:scale(.2);
-o-transform:scale(.2);
-ms-transform:scale(.2);
transform:scale(.2);
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
height:1px;
width:1px;
margin:auto;
top:0;
bottom:0;
left:0;
right:0;
display:table-cell;
vertical-align:middle
}

.section--camp ul .description .tab_cell {
display:table-cell;
height:200px;
vertical-align:middle;
font-size:14px;
color:#fff
}

.section--camp ul .description .tab_cell a {
color:#282828;
display:inline-block
}

.section--camp ul li .imgbox:hover .description,.section--camp ul li:hover .description {
opacity:1;
display:table-cell;
vertical-align:middle;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
width:100%;
height:100%;
border-radius:200px;
padding:10px
}

.section--camp ul li:first-child span {
color:#009bcd
}

.camp--box {
margin-top:80px
}

.section--glipse {
background:url(../images/home/bg--glimpse.svg) top center no-repeat;
background-size:100%
}

.glimpse--list {
width:100%;
background:#0085b0
}

.glimpse--list h2 {
font-size:26px;
color:#fff;
font-weight:600;
padding:25px 40px;
background:#16a4d1
}

.glimpse--listwrap {
padding:40px;
position:relative
}

.glimpse--listwrap::after {
background:-moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.01) 1%,rgba(0,133,176,.84) 65%,rgba(0,133,176,1) 77%);
background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.01) 1%,rgba(0,133,176,.84) 65%,rgba(0,133,176,1) 77%);
background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.01) 1%,rgba(0,133,176,.84) 65%,rgba(0,133,176,1) 77%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#0085b0',GradientType=0);
position:absolute;
bottom:0;
left:0;
right:0;
height:250px;
z-index:4
}

.glimpse--view,.section--news {
position:relative
}

.glimpse--user-media {
border-radius:50%;
overflow:hidden;
width:100px;
height:100px;
border:3px solid #fff;
float:left
}

.glimpse--user-media img {
width:100%;
height:100%
}

.glimpse--user-info {
display:block;
padding-left:120px;
vertical-align:middle;
padding-top:20px
}

.glimpse--user-info h3 {
font-size:20px;
font-weight:600;
color:#fff;
line-height:1.2;
padding-bottom:5px
}

.glimpse--user-info p {
font-size:16px;
color:#fff;
line-height:1.2
}

div.glimpse--user:first-child {
padding-top:0
}

.glimpse--user {
padding-top:40px;
display:table;
width:100%;
height:100px
}

.backendClass .glimpse--user {
padding-top:40px;
height:125px
}

.glimpse--view {
z-index:5;
text-align:right;
padding-top:40px
}

.glimpse--view .btn:hover {
background:#fff;
color:#0085b0;
border-color:#fff
}

.glimpse--listbox {
display:table;
width:100%;
margin-top:40px
}

.glimpse--listbox ul {
margin-left:-40px;
margin-top:-40px
}

.glimpse--listbox ul li {
float:left;
width:50%;
padding-left:40px;
padding-top:40px
}

.section.section--intro {
background:#009bcd
}

.section--news:after {
position:absolute;
top:0;
right:0;
bottom:0;
width:400px;
background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.79) 70%,rgba(255,255,255,1) 89%);
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.79) 70%,rgba(255,255,255,1) 89%);
background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.79) 70%,rgba(255,255,255,1) 89%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=1)
}

.news-box,.section--news .section-head {
display:inline-block;
position:relative;
vertical-align:middle
}

.section--news .section-head {
width:40%;
text-align:left;
padding-right:40px;
padding-left:20%
}

.section--news .section-head h3 {
font-weight:600
}

.news-box {
width:59%
}

.news--wrap {
border-radius:10px;
overflow:hidden;
padding:10px
}

.news--media img {
width:100%
}

.news--content {
padding:20px;
border:1px solid #eaeaea;
border-radius:0 0 10px 10px;
min-height:280px
}

.news--dated,.news--title {
padding-bottom:10px;
color:#000;
font-weight:600
}

.news--dated {
font-size:16px
}

.news--title {
font-size:18px;
line-height:1.4;
opacity:.8;
display:block
}

.news--title:hover {
color:#009acc
}

.news--content p {
font-size:16px;
line-height:1.5;
color:#333;
padding-bottom:20px;
display:block
}

.news--wrap a span {
display:inline-block;
vertical-align:middle;
font-size:16px;
font-weight:600;
color:#000
}

.news--wrap a span:hover {
color:#009bcd
}

.ico--read {
width:24px;
height:24px;
margin-right:10px
}

.items {
height:100%
}

.arrow-right.slick-arrow img {
transform:rotate(-180deg)
}

.news--list .slick-arrow {
position:absolute;
width:48px;
height:48px;
display:inline-block;
cursor:pointer;
left:-385px;
top:380px;
opacity:.5
}

.news--list .slick-arrow:hover {
opacity:1
}

.news--list .arrow-right.slick-arrow {
left:-325px
}

.section--testimonial {
background-image:url(../images/home/bg--testimonial.jpg);
background-repeat:no-repeat;
background-position:bottom right
}

.testimonial--content {
margin:80px 0;
text-align:center
}

.testimonial--content p {
font-size:24px;
color:#fff;
font-style:italic;
line-height:1.4
}

.testimonial--content a {
color:#fff;
text-decoration:underline
}

.testimonial--thumbox {
margin:0 auto;
text-align:center
}

.testimonial--media {
width:120px;
height:120px;
display:inline-block;
overflow:hidden;
border-radius:50%;
margin-top:25px;
cursor:pointer
}

.testimonial--media img {
width:100%;
height:100%
}

.testimonial--thumbslist .testimonial--thumbcontent {
display:none
}

.testimonial--thumbslist.slick-current .testimonial--thumbcontent,.testimonial--thumbslist.slick-current testimonial--thumbcontent {
display:block
}

.testimonial--thumbslist.slick-current .testimonial--media {
width:200px;
height:200px;
display:inline-block;
overflow:hidden;
border-radius:50%;
vertical-align:middle;
margin-top:0;
border:4px solid
}

.dashboard--main,.dashboard--sidebar {
vertical-align:top;
display:inline-block
}

.testimonial--thumbcontent h2 {
font-size:20px;
color:#fff;
font-weight:600;
line-height:1.2;
padding-top:20px
}

.testimonial--thumbcontent p {
color:#6ddafe;
font-size:16px;
font-weight:600
}

.text-quote {
width:61px;
display:inline-block;
position:relative
}

.text-quote:after {
position:absolute;
top:-40px;
width:61px;
height:54px;
background:url(../images/home/qute.png);
display:inline-block
}

.text-quote.end--quote:after {
top:auto;
background:url(../images/home/qutes.png);
bottom:-40px;
right:0
}

#body header {
background:#282828
}

#body .logo {
top:auto
}

#body .grid_2 {
top:6px
}

#body,.bodyDashboard {
padding-top:85px
}

.our_servie {
background:url(../images/aboutus_bg.jpg) bottom center no-repeat;
text-align:center;
border-bottom:1px solid #f0f0f0
}

.our_servie .content {
padding-bottom:0
}

.our_servie p {
font-size:18px;
color:#303030;
line-height:31px;
padding-bottom:25px
}

.our_servie iframe {
width:100%;
height:600px;
vertical-align:top;
border:0
}

.dashboard--wrap {
display:block;
width:100%
}

.dashboard--sidebar {
width:26%;
box-shadow:0 0 10px rgba(0,0,0,.1);
background-color:#ffffff;
}

.dashboard--main {
width:74%;
padding-left:30px;
margin-left:-4px
}

.user-profile {
padding:35px 0
}

.login-user-dash {
position:relative
}

.img-box {
border-radius:100%;
display:inline-block;
max-width:196px;
max-height:196px;
overflow:hidden
}

.edit-pic {
background:#f4f7f9;
border-radius:45px;
color:#fff;
height:45px;
text-align:center;
margin:auto;
width:45px;
-webkit-transition:.5s all ease-in-out;
-moz-transition:.5s all ease-in-out;
-o-transition:.5s all ease-in-out;
transition:.5s all ease-in-out;
cursor:pointer;
z-index:5;
display:block;
padding:13px;
line-height:45px;
box-shadow:0 0 10px rgba(0,0,10,.2);
position:absolute;
bottom:0;
right:50px
}

.db--services,.user--menu {
box-shadow:0 0 10px rgba(0,0,0,.05)
}

.edit-pic input[type=file] {
opacity:0;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
cursor:pointer;
width:50px
}

.user-profile {
margin:0 auto;
text-align:center;
background:#fff
}

.profile--detail {
margin-top:20px
}

.profile--detail h3 {
font-size:16px;
font-weight:600;
color:#282828
}

.profile--detail p {
font-size:14px;
color:#959595
}

ul.db--menulist li a {
padding:15px;
display:block;
font-weight:600;
text-transform:uppercase;
color:#282828;
border-top:1px solid rgba(0,0,0,.05)
}

.btn--notify span,ul.db--menulist li a span,ul.db--menulist li a span.has--count {
display:inline-block;
vertical-align:middle
}

ul.db--menulist li ul.db--submenulist {
margin:0 0 20px
}

ul.db--menulist li ul.db--submenulist li a {
color:#8b8b8b;
text-transform:none;
font-size:14px;
font-weight:400;
padding:5px 25px;
border-top:0
}

ul.db--menulist li ul.db--submenulist li a:hover,ul.db--menulist li ul.db--submenulist li.active a {
color:#009bcd
}

ul.db--menulist li ul.db--submenulist li:first-child a {
padding-top:0
}

.db--menu--icon {
height:20px;
width:20px;
margin-right:10px
}

ul.db--menulist li:last-child .db--menu--icon {
height:15px
}

.db--menu--icon img {
height:100%;
width:100%
}

ul.db--menulist li a span.has--count {
width:auto;
height:25px;
background:#0d790d;
font-size:12px;
font-weight:700;
color:#fff;
padding:2px 5px;
line-height:20px;
border-radius:5px;
margin-left:5px;
text-align:center
}

ul.db--menulist li a span.has--count.nil {
background:#f0b612
}

.btn--notify {
background:#059dce;
display:table;
margin:0 auto;
padding:10px;
border-radius:100px;
font-size:24px;
color:#fff;
font-weight:600;
min-width:260px;
position:relative;
text-align:left
}

.notify--ico {
width:47px;
height:47px;
background:#fff;
padding:10px;
border-radius:50%;
margin-right:5px
}

.notify--ico img {
width:100%;
height:100%
}

.notify--count {
width:40px;
height:40px;
display:inline-block;
background:#e05b49;
font-size:18px;
font-weight:700;
color:#fff;
position:absolute;
line-height:35px;
border-radius:40px;
border:2px solid #f5faff;
text-align:center;
top:-20px
}

.btn--notify:hover {
background:#0d790d
}

.db--notification {
text-align:center;
display:none
}

.db--notification h3 {
font-size:14px;
font-weight:700;
color:#737373;
text-transform:uppercase;
letter-spacing:2px;
line-height:1.2;
padding-top:10px
}

.welcome--message {
padding:0 30px 30px
}

.welcome--message h2 {
font-size:32px;
font-weight:600;
line-height:1.4;
padding-bottom:10px;
text-align:center;
color:#0d790d
}

.welcome--message h3 {
font-size:22px;
line-height:1.4;
color:#737373;
text-align:center
}

.db--services {
background:#fff;
border-radius:6px;
padding:25px;
display:table;
width:100%
}

.section--dashboard {
background:#f5faff
}

.db--service-list {
margin-left:-20px;
margin-top:-20px
}

.db--service-box {
padding:20px;
border-radius:5px;
border:2px solid #29333f;
text-align:center
}

.db--service-list li {
float:left;
width:33.3%;
padding-left:20px;
padding-top:20px
}

.db--service-box h3 {
font-size:14px;
font-weight:600;
color:#fff;
min-height:38px;
}

.db--service-list li a .db--service-box {
background:#009bcd;
border-color:#009bcd
}

.db--service-list li:nth-child(2) a .db--service-box,.db--service-list li:nth-child(4) a .db--service-box,.db--service-list li:nth-child(6) a .db--service-box {
background:#009148;
border-color:#009148
}

.db--menu,span.icon-menu {
background:#fff
}

.db--service-list li a:hover .db--service-box h3 {
color:#fff
}

.db--service-media {
display:inline-block;
width:30px;
height:30px;
margin-bottom:10px
}

.db--service-media svg path {
fill:#fff
}

.db--service-media svg {
height:100%;
width:auto
}

.listing--glimpse .glimpse--listbox {
margin-top:30px
}

.listing--glimpse .glimpse--list h2 {
font-size:20px;
padding:15px 20px
}

.listing--glimpse .glimpse--listwrap {
padding:20px
}

.listing--glimpse .glimpse--user-info h3 {
font-size:18px
}

.listing--glimpse .glimpse--user-media {
width:80px;
height:80px
}

.listing--glimpse .glimpse--user-info {
padding-left:100px
}

.listing--glimpse .glimpse--user {
padding-top:20px
}

.user--pic {
float:left;
width:40px;
height:40px;
overflow:hidden;
border-radius:50%;
cursor:pointer
}

.user--name {
display:block;
padding-left:50px;
padding-top:10px;
cursor:pointer
}

.dash--mobilemenu {
display:none
}

span.db--menulink {
display:inline-block;
vertical-align:middle;
padding-left:35px;
font-size:18px;
text-transform:uppercase;
font-weight:700;
color:#000
}

span.icon-menu {
display:block;
height:2px;
margin:19px 0 0;
position:absolute;
width:100%;
width:24px
}

span.icon-menu:after,span.icon-menu:before {
content:"";
height:2px;
left:0;
position:absolute;
width:100%;
background:#fff;
margin-left:0;
}

span.icon-menu:before {
top:-8px
}

span.icon-menu:after {
bottom:-8px
}

.user--menu:before,.user--options:after {
content:"";
left:auto
}

.user--options {
padding-right:20px;
position:relative
}

.user--options:after {
position:absolute;
right:0;
top:18px;
border-top:5px solid #fff;
border-left:5px solid transparent;
border-right:5px solid transparent
}

.user--menu {
position:absolute;
background:#fff;
border-radius:5px;
width:150px;
padding:15px;
top:150%;
right:0;
display:none
}

.user--menu:before {
position:absolute;
right:30px;
top:-7px;
border-bottom:10px solid #fff;
border-left:10px solid transparent;
border-right:10px solid transparent
}

.user--menu li a {
font-size:14px;
color:#282828;
padding-top:5px;
display:block;
line-height:1.2
}

.user--menu li a:hover {
color:#16a4d1
}

.user--menu li:first-child a {
padding-top:0
}

.db-menu,.db-menu.elders.match_requirement,.matches.profile .dashboard--sidebar,.js-hide-menu,.matches.search .dashboard--sidebar {
display:none
}

.db-menu.matches.search {
display:none!important
}
.notify--ico.-modifier {
    position: relative;
    margin-right:10px;
    display:none;

}
.notify--ico.-modifier .notify--count{height:24px;width:24px;line-height:18px}
.grid__2__modifier{display:flex}
@media only screen and (min-width:991px) and (max-width:1050px) {
.feature--tileBox:after {
right:120px
}

.glimpse--listbox ul {
margin-left:-20px;
margin-top:-20px
}

.glimpse--listbox ul li {
padding-left:20px;
padding-top:20px
}

.section {
padding:60px 0
}

.section-head h2 {
font-size:40px
}

.section--camp ul li {
margin-right:40px
}

.camp--box {
margin-top:60px
}

.section--news .section-head {
position:relative;
text-align:center;
padding-right:0;
padding-left:0;
z-index:11;
width:100%
}

.news-box {
display:block;
vertical-align:middle;
width:100%;
margin-top:80px
}

.news--list .slick-arrow {
position:absolute;
left:calc(50% - 50px);
top:-60px;
transform:translate(-50%,0);
-webkit-transform:translate(-50%,0)
}

.news--list .arrow-right.slick-arrow {
left:calc(50% + 50px)
}

.db--service-box {
padding:20px 15px
}

.srvs-btn {
font-size:14px
}
}

@media only screen and (min-width:768px) and (max-width:990px) {
.srvs-btn {
width:21%;
min-height:166px
}

.feature--tileBox:after {
display:none
}

.dashboard--main,.dashboard--sidebar,.dashboard--wrap,.news-box {
display:block;
width:100%
}

.glimpse--list h2 {
font-size:20px;
padding:15px 20px
}

.glimpse--listbox ul {
margin-left:-20px;
margin-top:-20px
}

.glimpse--listbox ul li {
padding-left:20px;
padding-top:20px
}

.section {
padding:60px 0
}

.section-head h2 {
font-size:40px
}

.section--camp ul li,.section--camp ul li:last-child {
margin:20px 40px;
width:240px;
height:240px;
border-radius:240px
}

.camp--box {
margin-top:60px
}

.section--news .section-head {
position:relative;
text-align:center;
padding-right:0;
padding-left:0;
z-index:11;
width:100%
}

.news-box {
vertical-align:middle;
margin-top:80px
}

.news--list .slick-arrow {
position:absolute;
left:calc(50% - 50px);
top:-60px;
transform:translate(-50%,0);
-webkit-transform:translate(-50%,0);
z-index:99
}

.news--list .arrow-right.slick-arrow {
left:calc(50% + 50px)
}

.section--camp ul .description .tab_cell {
height:240px
}

.section--camp ul li .imgbox {
margin-top:40px
}

.dashboard--main {
padding:30px 0
}

.db--service-list {
margin-left:-10px;
margin-top:-10px
}

.db--service-list li {
width:33.3%;
padding-left:10px;
padding-top:10px
}

.db--service-box {
padding:15px 10px
}

.db--services {
padding:20px
}

.welcome--message h2 {
font-size:20px
}

.welcome--message h3 {
font-size:14px;
font-weight:600
}

.btn--notify {
font-size:18px;
min-width:190px;
text-align:left
}

.notify--count {
width:30px;
height:30px;
font-size:14px;
line-height:25px;
top:-10px;
right:0
}

.notify--ico {
width:40px;
height:40px
}

.listing--glimpse .glimpse--listbox {
margin-top:10px
}

.section.section--dashboard {
padding:10px 0
}

.login-user-dash {
position:relative;
width:225px;
margin:0 auto
}

.db--menulist {
display:none;
max-height:200px;
overflow:hidden;
overflow-y:auto
}

.dash--mobilemenu,.db--notification,.db-menu.dashboard,.db-menu.elders,.db-menu.matches.profile,.db-menu.matches.search,.db-menu.settings,.matches.profile .dashboard--sidebar,.matches.search .dashboard--sidebar,.show .db--menu,.show .db--menulist {
display:block;
}

.dash--mobilemenu {
cursor:pointer;
padding:15px
}

.user--options {
padding-right:20px
}

.db-menu.dashboard,.db-menu.elders {
height:31px;
position:relative;
width:31px;
float:left;
cursor:pointer;
display:block
}

#body .logo {
top:auto;
position:absolute;
left:50%;
transform:translate(-50%,0);
-webkit-transform:translate(-50%,0)
}

.db--menu,.mobile__overlay {
bottom:0;
left:0;
position:fixed;
top:0
}

#body .grid_2 {
top:0
}

.show .db--menu {
opacity:1;
transform:translate(0,0);
-moz-transform:translate(0,0);
-webkit-transform:translate(0,0)
}

.db--menu {
box-shadow:0 0 15px rgba(0,0,0,.3);
-moz-box-shadow:0 0 15px rgba(0,0,0,.3);
-webkit-box-shadow:0 0 15px rgba(0,0,0,.3);
opacity:0;
overflow:auto;
padding:0;
transform:translate(-100%,0);
-moz-transform:translate(-100%,0);
-webkit-transform:translate(-100%,0);
transition:all .3s ease 0;
-moz-transition:all .3s ease 0;
-webkit-transition:all .3s ease 0;
width:260px;
z-index:100000;
background:#fff
}

.show .db--menulist {
max-height:100%;
overflow:hidden;
overflow-y:auto
}

.show .mobile__overlay {
opacity:1;
visibility:visible
}

.mobile__overlay {
background:rgba(0,0,0,.4);
opacity:0;
right:0;
transition:all .4s ease 0;
-moz-transition:all .4s ease 0;
webkit-transition:all .4s ease 0;
visibility:hidden;
z-index:111111
}

.logo img {
width:50px
}

.welcome--message {
padding:20px
}

.dashboard--main {
margin-left:0
}

.glimpse--user-info h3 {
font-size:20px;
font-weight:600;
color:#fff;
line-height:1.2;
padding-bottom:5px
}

.glimpse--user-info h3,.glimpse--user-info p {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:170px
}
}

@media only screen and (max-width:767px) {
    .notify--ico.-modifier{display:inline-block}
.logo img {
width:37px
}

.backendClass .logo img {
width:47px
}

.btn {
padding:5px 15px;
font-size:12px
}

#header {
min-height:1%;
left:auto;
right:auto;
top:auto;
padding:10px 0;
background:#282828
}

#innerBody {
padding-top:60px
}

#video_player {
height:203px;
width:100%;
position:relative;
overflow:hidden
}

#video_player iframe {
height:100%;
width:100%;
position:absolute;
top:0;
bottom:0;
left:0;
right:0
}

.grid_2 {
top:4px
}

.logo {
padding:0;
margin:0
}

.banner .top-slides .caption p {
font-size:11px
}

.banner .top-slides .caption h2 {
font-size:25px;
white-space:normal;
text-overflow:ellipsis
}

.btn.videoBtn {
padding:10px 55px 10px 35px;
font-size:12px;
margin:0 auto 10px;
display:table;
text-align:center
}

.search_wrap .aligncenter {
margin-bottom:10px
}

.banner .top-slides .caption {
margin-bottom:10px
}

.srvs-btn {
width:45%;
padding:20px 15px;
font-size:12px;
margin:5px;
min-height:110px
}

.svg-img {
height:30px;
margin-bottom:5px
}

.banner .top-slides .caption {
top:20%
}

.search_wrap {
bottom:0
}

.section {
padding:40px 0
}

.section-head h2 {
font-size:24px
}

.section-head h3 {
font-size:16px
}

.feature--tileBox {
padding:20px
}

.feature--block {
margin-top:20px
}

.features--tile {
width:100%;
display:block;
margin:0 auto
}

.cta--box {
padding:25px;
margin-top:30px
}

.cta--icon {
margin-right:0;
margin-bottom:15px
}

.glimpse--listbox ul li {
float:none;
width:100%;
padding-left:0;
padding-top:10px
}

.glimpse--listbox ul {
margin-left:0;
margin-top:0
}

.glimpse--listbox {
display:block;
width:100%;
margin-top:20px
}

.glimpse--list h2 {
font-size:18px;
padding:10px 20px
}

.glimpse--listwrap {
padding:20px
}

.glimpse--user-media {
width:70px;
height:70px
}

.glimpse--user-info h3 {
font-size:16px
}

.glimpse--user-info p {
font-size:14px
}

.glimpse--user-info {
padding-left:80px;
vertical-align:middle;
padding-top:10px
}

.glimpse--user {
padding-top:20px;
height:auto
}

.camp--box {
margin-top:40px
}

.section--camp ul li .imgbox img {
max-width:70px;
height:auto
}

.section--camp ul li .imgbox {
height:80px;
margin-top:34px
}

.section--camp ul li {
margin-right:0;
margin-top:20px
}

.section--news::after {
display:none
}

.section--news {
padding:60px 10px
}

.section--news .section-head {
position:relative;
text-align:center;
padding-right:0;
padding-left:0;
z-index:11;
width:100%;
margin-bottom:80px
}

.news--list .slick-arrow,.text-quote {
position:absolute;
transform:translate(-50%,0)
}

.news-box {
display:block;
width:100%
}

.news--list .slick-arrow {
left:calc(50% - 50px);
top:-60px;
-webkit-transform:translate(-50%,0);
z-index:99
}

.news--list .arrow-right.slick-arrow {
left:calc(50% + 50px)
}

.testimonial--content p {
font-size:18px;
text-align:center
}

.text-quote.end--quote {
display:none
}

.text-quote {
width:auto;
display:block;
left:calc(50% - 30px);
-webkit-transform:translate(-50%,0);
top:-20px
}

.testimonial--thumbslist.slick-current .testimonial--media {
width:120px;
height:120px
}

.testimonial--thumbslist .testimonial--media {
width:80px;
height:80px
}

.dashboard--main,.dashboard--sidebar,.dashboard--wrap {
width:100%;
display:block
}

.feature--tileBox::after {
display:none
}

.banner .slick-dots {
bottom:20px
}

#body,#body .body,.bodyDashboard {
padding-top:0
}

.dashboard--main {
padding:10px 0
}

.db--service-list {
margin-left:-10px;
margin-top:-10px
}

.db--service-list li {
width:33.3%;
padding-left:10px;
padding-top:10px
}

.db--service-box {
padding:15px 30px
}

.db--services {
padding:20px;
display:block
}

.welcome--message h2 {
font-size:20px
}

.welcome--message h3 {
font-size:14px;
font-weight:600
}

.btn--notify {
font-size:18px;
min-width:190px;
text-align:left
}

.notify--count {
width:30px;
height:30px;
font-size:14px;
line-height:25px;
top:-10px;
right:0
}

.notify--ico {
width:40px;
height:40px
}

.listing--glimpse .glimpse--listbox {
margin-top:10px
}

.section.section--dashboard {
padding:5px 0
}

.login-user-dash {
position:relative;
width:225px;
margin:0 auto
}

.db--menulist {
overflow:hidden;
overflow-y:auto
}

.dash--mobilemenu {
display:block;
cursor:pointer;
padding:15px
}

.db--service-box h3 {
font-size:10px
}

.testimonial--content a {
word-break:break-all
}

.feature--media-icon {
height:95px
}

.db--service-media {
width:45px;
height:45px
}

#body .grid_2 {
top:0
}

.user--name,.user-profile {
display:none
}

.db--notification,.db-menu.dashboard,.db-menu.elders,.db-menu.matches.profile,.db-menu.matches.search,.db-menu.settings,.matches.profile .dashboard--sidebar,.matches.search .dashboard--sidebar,.show .db--menu {
display:block
}

.logo {
top:auto;
position:absolute;
left:50%;
transform:translate(-50%,0);
-webkit-transform:translate(-50%,0)
}

.user--menu {
top:50px
}

.db-menu.dashboard,.db-menu.elders,.db-menu.matches.profile,.db-menu.matches.search,.db-menu.settings {
height:31px;
position:relative;
width:31px;
float:left;
cursor:pointer;
display:block!important;
}

.db--menu,.mobile__overlay {
bottom:0;
left:0;
position:fixed;
top:0
}

.mobile__overlay {
background:rgba(0,0,0,.4);
opacity:0;
right:0;
transition:all .4s ease 0;
-moz-transition:all .4s ease 0;
webkit-transition:all .4s ease 0;
visibility:hidden;
z-index:111111
}

.show .mobile__overlay {
opacity:1;
visibility:visible
}

.db--menu {
box-shadow:0 0 15px rgba(0,0,0,.3);
-moz-box-shadow:0 0 15px rgba(0,0,0,.3);
-webkit-box-shadow:0 0 15px rgba(0,0,0,.3);
opacity:0;
overflow:auto;
padding:0;
transform:translate(-100%,0);
-moz-transform:translate(-100%,0);
-webkit-transform:translate(-100%,0);
transition:all .3s ease 0;
-moz-transition:all .3s ease 0;
-webkit-transition:all .3s ease 0;
width:260px;
z-index:100000;
background:#fff
}

.show .db--menu {
opacity:1;
transform:translate(0,0);
-moz-transform:translate(0,0);
webkit-transform:translate(0,0)
}

.welcome--message {
padding:15px
}

.dashboard--main {
margin-left:0
}

.backendClass .glimpse--user {
height:auto
}

#body.frontClass .logo {
margin-right:0;
position:absolute;
left:10px;
transform:none;
w-webkit-transform:none
}
}

@media only screen and (max-width:750px) {
.table_contact_resp td {
vertical-align:top;
padding:10px
}

.table_responsive.table_contact_resp .mob_caption,.table_contact_resp .mob_caption {
position:relative;
left:0;
width:50%;
display:inline-block;
vertical-align:top
}
}

@media only screen and (max-width:600px) {
.dashboard--main .suggest_profile .repeat_box {
width:100%;
margin-left:0;
padding:10px;
display:block
}

.suggest_profile .repeat_box .grid_5.greenBox {
width:100%;
margin-left:0
}

.suggest_profile .repeat_box .grid_6 {
width:100%;
padding-left:0;
padding-top:15px
}
}

@media only screen and (min-width:450px) and (max-width:600px) {
.srvs-btn {
width:22%;
padding:20px 15px;
font-size:12px;
margin:5px;
min-height:127px
}

.banner .slick-dots {
bottom:10px
}

.section--camp ul li {
margin-right:20px
}

.db--service-box h3 {
font-size:15px
}

.suggest_profile .repeat_box .grid_5.greenBox {
width:300px;
display:block;
margin:0 auto
}
}

@media only screen and (min-width:480px) and (max-width:750px) {
.search_wrap {
bottom:0
}
}

@media only screen and (min-width:481px) and (max-width:750px) {
.srvs-btn {
width:22%
}
}

@media only screen and (min-width:320px) and (max-width:460px) {
.db--service-box {
min-height:132px;
padding:20px 12px 15px
}

#homeBody .logo {
top:8px;
left:10px;
transform:none
}
}

@media only screen and (min-width:375px) and (max-width:414px) {
.banner .top-slides .caption {
top:18%
}
}

@media only screen and (max-width:360px) {
.banner .top-slides .caption {
top:18%
}

.search_wrap {
bottom:15%
}

.btn.videoBtn {
margin-bottom:10px
}

.banner .top-slides .caption h2 {
font-size:20px
}
}

@media only screen and (max-width:320px) {
.banner .top-slides .caption {
top:18%
}

.btn.videoBtn {
margin-bottom:10px
}

.srvs-btn {
padding:15px;
min-height:100px
}

.banner {
height:550px
}
}

@media only screen and (min-width:1021px) {
	.mobile-version-map{
		display:none;
	}
	.desktop-version-map{
		display:block;
	}
}
@media only screen and (max-width:1020px) {
	.mobile-version-map{
		display:block;
	}
	.desktop-version-map{
		display:none;
	}
	.db-menu, .db-menu.matches.search {
		display:inline-block!important;
		position:relative;
		z-index:8;
		cursor:pointer;
		width:25px;
		height:25px
	}
	.logo{float: none;
	margin-right: 0;
	position: absolute;
	line-height: 0;
	display: inline-block;
	}

	span.icon-menu {
	width:100%
	}
}

span.service-title {
    min-height: 44px;
    display: inline-block;
    vertical-align: middle;
}