@charset "utf-8";

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
span,
strike,
sub,
summary,
time,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0
}

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

body {
    line-height: 1
}

.overlayDiv {
    content: '';
    background: transparent url(../images/blackoverlay.png) repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    -webkit-transform-style: all .5s cubic-bezier(.54, .01, .57, 1.03) !important;
    -moz-transition: all .5s cubic-bezier(.54, .01, .57, 1.03) !important;
    -ms-transition: all .5s cubic-bezier(.54, .01, .57, 1.03) !important;
    -o-transition: all .5s cubic-bezier(.54, .01, .57, 1.03) !important;
    transition: all .5s cubic-bezier(.54, .01, .57, 1.03) !important
}

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

blockquote,
q {
    quotes: none
}

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

table {
    border-collapse: collapse;
    border-spacing: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

iframe {
    display: block
}

a,
a:active,
a:link,
a:visited {
    text-decoration: none;
    color: #8a8a8a;
    outline: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

a:focus,
a:hover {
    text-decoration: none;
    color: #1b1b1b;
    ie-dummy: expression(this.hideFocus=true)
}

a.back {
    color: #888;
    font-size: 11px;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: .005em;
    border-bottom: 1px solid #bbb;
    text-transform: uppercase;
    font-family: latoregular, Arial, Helvetica, sans-serif
}

a.back:hover {
    color: #333;
    border-color: #555
}

a.email {
    background: transparent url(../images/icon_email.png) no-repeat left center;
    padding-left: 20px;
    color: #565656;
    font-family: latobold, Arial, Helvetica, sans-serif
}

a.email:hover {
    color: #565656;
    text-decoration: underline
}

.btn,
a.btn {
    display: inline-block;
    background: #fff;
    font: normal 11px latolight, Arial, Helvetica, sans-serif;
    color: #828181;
    letter-spacing: .025em;
    padding: 13px 17px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 11px
}

.btn2,
a.btn2 {
    background: #fff;
    display: inline-block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font: normal 14px latolight, Arial, Helvetica, sans-serif;
    line-height: 14px;
    color: #7a7a7a;
    border: 2px solid #e1e1e1;
    padding: 15px 25px
}

.btn2:hover,
a.btn2:hover {
    background: #e0e0e0
}

.btn3,
a.btn3 {
    background: #919191;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 13px
}

.btn3:hover,
a.btn3:hover {
    color: #fff;
    background: #333
}

.btn4,
a.btn4 {
    background: #919191;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 13px;
    padding: 13px 40px;
    margin-top: 18px
}

.btn4:hover,
a.btn4:hover {
    background: #fd8409;
    color: #fff
}

.btn5,
a.btn5 {
    display: inline-block;
    background: #424242;
    font: normal 11px latolight, Arial, Helvetica, sans-serif;
    color: #fff;
    letter-spacing: .025em;
    padding: 13px 17px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 11px
}

.btn5:hover,
a.btn5:hover {
    background: #424242;
    color: #ececec
}

.open-mypage1,
a.open-mypage1 {
    color: #fff !important;
    font: normal 15px latobold, Arial, Helvetica, sans-serif;
    letter-spacing: .02em;
    text-transform: uppercase;
    vertical-align: middle;
    line-height: 45px;
    display: block;
    background: 0 0;
    border: none;
    text-align: center;
    margin: auto
}

.open-mypage1:focus {
    outline: 0;
    border: none
}

@font-face {
    font-family: loveloblack;
    src: url(../font/lovelo_black-webfont.eot);
    src: url(../font/lovelo_black-webfont.eot?#iefix) format('embedded-opentype'), url(../font/lovelo_black-webfont.woff2) format('woff2'), url(../font/lovelo_black-webfont.woff) format('woff'), url(../font/lovelo_black-webfont.ttf) format('truetype'), url(../font/lovelo_black-webfont.svg#loveloblack) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: latoblack;
    src: url(../font/lato-black-webfont.eot);
    src: url(../font/lato-black-webfont.eot?#iefix) format('embedded-opentype'), url(../font/lato-black-webfont.woff2) format('woff2'), url(../font/lato-black-webfont.woff) format('woff'), url(../font/lato-black-webfont.ttf) format('truetype'), url(../font/lato-black-webfont.svg#latoblack) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: latoblackitalic;
    src: url(../font/lato-blackitalic-webfont.eot);
    src: url(../font/lato-blackitalic-webfont.eot?#iefix) format('embedded-opentype'), url(../font/lato-blackitalic-webfont.woff2) format('woff2'), url(../font/lato-blackitalic-webfont.woff) format('woff'), url(../font/lato-blackitalic-webfont.ttf) format('truetype'), url(../font/lato-blackitalic-webfont.svg#latoblack_italic) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: latobold;
    src: url(../font/lato-bold-webfont.eot);
    src: url(../font/lato-bold-webfont.eot?#iefix) format('embedded-opentype'), url(../font/lato-bold-webfont.woff2) format('woff2'), url(../font/lato-bold-webfont.woff) format('woff'), url(../font/lato-bold-webfont.ttf) format('truetype'), url(../font/lato-bold-webfont.svg#latobold) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: latobolditalic;
    src: url(../font/lato-bolditalic-webfont.eot);
    src: url(../font/lato-bolditalic-webfont.eot?#iefix) format('embedded-opentype'), url(../font/lato-bolditalic-webfont.woff2) format('woff2'), url(../font/lato-bolditalic-webfont.woff) format('woff'), url(../font/lato-bolditalic-webfont.ttf) format('truetype'), url(../font/lato-bolditalic-webfont.svg#latobold_italic) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: latohairline;
    src: url(../font/lato-hairline-webfont.eot);
    src: url(../font/lato-hairline-webfont.eot?#iefix) format('embedded-opentype'), url(../font/lato-hairline-webfont.woff2) format('woff2'), url(../font/lato-hairline-webfont.woff) format('woff'), url(../font/lato-hairline-webfont.ttf) format('truetype'), url(../font/lato-hairline-webfont.svg#latohairline) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: latohairlineitalic;
    src: url(../font/lato-hairlineitalic-webfont.eot);
    src: url(../font/lato-hairlineitalic-webfont.eot?#iefix) format('embedded-opentype'), url(../font/lato-hairlineitalic-webfont.woff2) format('woff2'), url(../font/lato-hairlineitalic-webfont.woff) format('woff'), url(../font/lato-hairlineitalic-webfont.ttf) format('truetype'), url(../font/lato-hairlineitalic-webfont.svg#latohairline_italic) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: latoitalic;
    src: url(../font/lato-italic-webfont.eot);
    src: url(../font/lato-italic-webfont.eot?#iefix) format('embedded-opentype'), url(../font/lato-italic-webfont.woff2) format('woff2'), url(../font/lato-italic-webfont.woff) format('woff'), url(../font/lato-italic-webfont.ttf) format('truetype'), url(../font/lato-italic-webfont.svg#latoitalic) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: latolight;
    src: url(../font/lato-light-webfont.eot);
    src: url(../font/lato-light-webfont.eot?#iefix) format('embedded-opentype'), url(../font/lato-light-webfont.woff2) format('woff2'), url(../font/lato-light-webfont.woff) format('woff'), url(../font/lato-light-webfont.ttf) format('truetype'), url(../font/lato-light-webfont.svg#latolight) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: latolightitalic;
    src: url(../font/lato-lightitalic-webfont.eot);
    src: url(../font/lato-lightitalic-webfont.eot?#iefix) format('embedded-opentype'), url(../font/lato-lightitalic-webfont.woff2) format('woff2'), url(../font/lato-lightitalic-webfont.woff) format('woff'), url(../font/lato-lightitalic-webfont.ttf) format('truetype'), url(../font/lato-lightitalic-webfont.svg#latolight_italic) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: latoregular;
    src: url(../font/lato-regular-webfont.eot);
    src: url(../font/lato-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../font/lato-regular-webfont.woff2) format('woff2'), url(../font/lato-regular-webfont.woff) format('woff'), url(../font/lato-regular-webfont.ttf) format('truetype'), url(../font/lato-regular-webfont.svg#latoregular) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: dancingscriptbold;
    src: url(../font/dancingscript-bold-webfont.eot);
    src: url(../font/dancingscript-bold-webfont.eot?#iefix) format('embedded-opentype'), url(../font/dancingscript-bold-webfont.woff2) format('woff2'), url(../font/dancingscript-bold-webfont.woff) format('woff'), url(../font/dancingscript-bold-webfont.ttf) format('truetype'), url(../font/dancingscript-bold-webfont.svg#dancing_scriptbold) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: dancingscriptregular;
    src: url(../font/dancingscript-regular-webfont.eot);
    src: url(../font/dancingscript-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../font/dancingscript-regular-webfont.woff2) format('woff2'), url(../font/dancingscript-regular-webfont.woff) format('woff'), url(../font/dancingscript-regular-webfont.ttf) format('truetype'), url(../font/dancingscript-regular-webfont.svg#dancing_scriptregular) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

html {
    position: relative;
    min-height: 100%;
    background: #fff
}

body {
    background: #fff;
    color: #4e4e4e;
    letter-spacing: .025em;
    font: normal 14px latolight, Arial, sans-serif;
    line-height: 22px;
    height: auto;
    margin: 0;
    padding-bottom: 235px
}

body,
html {
    -ms-overflow-style: scrollbar
}

@media (max-width:540px) {
    body {
        font-size: 12px;
        line-height: 16px
    }
}

#wrapper {
    width: 100%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 2
}

td {
    position: relative
}

p {
    margin-bottom: 22px;
    font-weight: 400
}

.clear {
    clear: both
}

.table-responsive {
    border: none;
    margin: 0 15px;
    width: 92%
}

tr.title {
    background-color: #2e2c2c;
    color: #fff;
    font-weight: 700
}

table.table {
    border: 1px solid #ddd
}

.table_sub {
    color: #fd8409;
    font-weight: 700
}

.vAlign,
.vBtm,
.vTop {
    float: none !important;
    display: inline-block;
    margin-right: -4px;
    vertical-align: middle
}

.vTop {
    vertical-align: top
}

.vBtm {
    vertical-align: bottom
}

.halfCol {
    width: 50%
}

.img-inline {
    display: inline-block !important;
    vertical-align: top
}

.section-top {
    padding-top: 7%
}

.section-bottom {
    padding-bottom: 7%
}

.spacing-top {
    padding-top: 5%
}

.spacing-top2 {
    padding-top: 3%
}

.spacing-top3 {
    padding-top: 1%
}

.spacing-top4 {
    padding-top: .5%
}

.spacing-bottom {
    padding-bottom: 5%
}

.spacing-bottom2 {
    padding-bottom: 3%
}

.spacing-bottom3 {
    padding-bottom: 1%
}

.spacing-bottom4 {
    padding-bottom: .5%
}

.spacing-left {
    padding-left: 10%
}

.spacing-left2 {
    padding-left: 5%
}

.spacing-left3 {
    padding-left: 3%
}

.spacing-right {
    padding-right: 10%
}

.spacing-right2 {
    padding-right: 5%
}

.spacing-right3 {
    padding-right: 3%
}

.smallerWd {
    max-width: 740px;
    width: 100%;
    margin: auto
}

.nospacing {
    padding: 0 !important
}

.nospacing_right {
    padding-right: 0 !important
}

.nospacing_left {
    padding-left: 0 !important
}

.col2:nth-child(odd) {
    padding-right: 3%
}

.col2:nth-child(even) {
    padding-left: 3%
}

.table2 {
    overflow: auto
}

.table2 tr {
    border-bottom: 1px solid transparent
}

.captcha {
    min-height: 100px;
    border: 1px solid #cecece
}

.orangebg {
    background-color: #fd8409
}

.whitebg {
    background: #fff
}

.graybg {
    background: #f8f8f8
}

.cyanbg {
    background: #70c5bd url(../images/bg_cyan.jpg) repeat-x left top
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    font-style: normal
}

h1 {
    font-size: 45px;
    color: #4e4e4e;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 54px;
    margin-bottom: 30px;
    font-style: italic;
    letter-spacing: -.01em
}

h2 {
    font-size: 40px;
    font-family: loveloblack, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #fd8409;
    line-height: 45px;
    margin-bottom: 25px
}

h2.grayline:before,
h2.orangeline:before {
    content: '';
    width: 40px;
    height: 3px;
    display: block;
    margin: auto;
    margin-bottom: 20px
}

h2.orangeline:before {
    background: #fd8409
}

h2.grayline:before {
    background: #bababa
}

h2 em,
h2 i {
    font-family: loveloblack, Arial, Helvetica, sans-serif;
    font-style: italic
}

h3 {
    font-size: 26px;
    line-height: 30px;
    color: #4e4e4e;
    font-family: latohairline, Arial, Helvetica, sans-serif;
    margin-bottom: 30px
}

h3 em,
h3 i {
    font-family: latohairlineitalic, Arial, Helvetica, sans-serif;
    font-style: normal
}

h4 {
    font-size: 26px;
    color: #4e4e4e;
    font-family: loveloblack, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    line-height: 30px;
    margin-bottom: 5px
}

h4.purple {
    color: #77366e
}

h4.pink {
    color: #d15972
}

h4.cyan {
    color: #58b2a9
}

h4.orange {
    color: #f4a14d
}

h4.green {
    color: #61b358
}

h4.smallH4 {
    font-size: 20px;
    letter-spacing: .05em;
    margin-bottom: 15px
}

h4 em,
h4 i {
    font-family: loveloblack, Arial, Helvetica, sans-serif;
    font-style: italic
}

h5 {
    font-size: 20px;
    line-height: 25px;
    font-family: latolight, Arial, Helvetica, sans-serif;
    color: #4e4e4e;
    margin-bottom: 30px
}

h5 em,
h5 i {
    font-family: latolightitalic, Arial, Helvetica, sans-serif;
    font-style: normal
}

h6 {
    font-size: 14px;
    line-height: 17px;
    color: #231f20;
    font-weight: 400;
    margin-bottom: 10px;
    font-family: latoblack, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: .075em
}

h6.normal {
    text-transform: none
}

h6.letnospacing {
    letter-spacing: 0
}

h6.testimonial {
    margin-bottom: 3px;
    letter-spacing: .025em
}

h6.h6_lovelo {
    font-family: loveloblack, Arial, Helvetica, sans-serif;
    margin-bottom: 3px
}

h6 em,
h6 i {
    font-family: latoblackitalic, Arial, Helvetica, sans-serif;
    font-style: normal
}

.anniyear {
    display: inline-block;
    font-size: 30px;
    font-family: latohairline, Arial, Helvetica, sans-serif;
    color: #33383e;
    letter-spacing: .1em;
    padding: 14px 5px;
    background: transparent url(../images/year_bg.png) repeat-x left top;
    min-height: 50px
}

@media (max-width:992px) {
    h1 {
        font-size: 40px;
        line-height: 43px
    }
}

@media (max-width:769px) {
    h1 {
        font-size: 5vw;
        line-height: 5.5vw;
        margin-bottom: 2.5vw
    }

    h2 {
        font-size: 4.8vw;
        line-height: 6vw;
        margin-bottom: 3.8vw
    }

    h3 {
        font-size: 3.5vw;
        margin-bottom: 3.8vw;
        line-height: 4vw
    }

    h4 {
        font-size: 3.4vw;
        line-height: 4vw;
        margin-bottom: 1vw
    }

    h5 {
        font-size: 2.6vw;
        margin-bottom: 4vw;
        line-height: 3.3vw
    }
}

@media (max-width:560px) {
    h1 {
        font-size: 6vw;
        line-height: 7vw
    }

    h4 {
        font-size: 4vw;
        line-height: 4.4vw
    }

    h5 {
        font-size: 3vw;
        line-height: 3.4vw
    }
}

@media (max-width:490px) {
    h2 {
        font-size: 5.8vw;
        line-height: 8.8vw;
        margin-bottom: 3vw
    }

    h3 {
        font-size: 4vw;
        margin-bottom: 5vw;
        font-family: latolight, Arial, Helvetica, sans-serif
    }

    h4 {
        font-size: 4.8vw;
        line-height: 5.3vw
    }

    h5 {
        font-size: 3.5vw;
        line-height: 3.9vw
    }
}

@media (max-width:320px) {
    h3 {
        font-size: 4.3vw;
        margin-bottom: 7vw
    }

    h4 {
        font-size: 5.3vw;
        line-height: 5.7vw;
        margin-bottom: 2vw
    }

    h5 {
        font-size: 4vw;
        line-height: 4.5vw;
        margin-bottom: 8vw
    }
}

.catTitle,
.catTitle2 {
    color: #4e4e4e;
    font-size: 18px;
    text-transform: uppercase;
    font-family: latoblack, Arial, Helvetica, sans-serif;
    line-height: 22px;
    display: block;
    text-align: center;
    background: transparent url(../images/cat_line.png) no-repeat center bottom;
    padding-bottom: 15px;
    margin-bottom: 20px;
    letter-spacing: .12em
}

.catTitle2 {
    background: 0 0;
    margin-bottom: 5px;
    padding: 0;
    text-align: inherit
}

@media (max-width:769px) {
    .catTitle {
        min-height: 0 !important
    }
}

.thintxt {
    font-size: 14px;
    font-family: latohairline, Arial, Helvetica, sans-serif;
    color: #fd8409
}

.smalltxt {
    font-size: 13px;
    font-family: latolight, Arial, Helvetica, sans-serif;
    line-height: 20px;
    letter-spacing: .045em
}

.smallerfont {
    font-size: 11px;
    line-height: 16px
}

.smallerfont2 {
    font: normal 12px latolight, Arial, Helvetica, sans-serif;
    color: #231f20;
    text-transform: none;
    display: block;
    margin-top: 5px;
    letter-spacing: .025em;
    line-height: 16px
}

.subtitle {
    font-size: 18px;
    font-family: latoregular, Arial, Helvetica, sans-serif;
    color: #231f20;
    margin-bottom: 3px;
    display: block
}

.orangeTxt {
    color: #fd8409
}

.whiteTxt,
a.whiteTxt {
    color: #fff
}

a.whiteTxt:hover {
    color: #e0e0e0
}

.darkgrayTxt {
    color: #231f20
}

.grayblueTxt,
a.grayblueTxt {
    color: #bfc0c4
}

a.grayblueTxt:hover {
    color: #fff
}

b,
strong {
    font-family: latobold, Arial, Helvetica, sans-serif;
    font-weight: 400
}

em,
i {
    font-family: latolightitalic, Arial, Helvetica, sans-serif;
    font-style: normal
}

b em,
b i,
em b,
em strong,
i b,
i strong,
strong em,
strong i {
    font-family: latobolditalic, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400
}

.pagesubtitle {
    font: normal 14px latoblack, Arial, Helvetica, sans-serif;
    color: #231f20;
    text-transform: uppercase;
    display: block;
    padding-bottom: 10px;
    line-height: 22px;
    background: transparent url(../images/title_line.png) no-repeat left bottom
}

.catsubtitle {
    font: normal 14px latoblack, Arial, Helvetica, sans-serif;
    color: #231f20;
    display: block;
    padding-bottom: 5px;
    line-height: 20px
}

.pagetitle {
    display: block;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .13em;
    line-height: 50px;
    margin-bottom: 15px;
    font: normal 45px latoblack, Arial, Helvetica, sans-serif
}

.quote {
    font: normal 20px "Arial Black", Gadget, sans-serif;
    color: #b1b1b1
}

@media (max-width:768px) {
    .pagetitle {
        font-size: 6.5vw;
        line-height: 7vw
    }
}

@media (max-width:540px) {
    .subtitle {
        font-size: 15px
    }
}

ol,
ul {
    margin-left: 25px;
    padding-bottom: 10px;
    margin-top: 10px
}

ol li {
    margin-bottom: 7px
}

ul li {
    margin-bottom: 5px
}

ul.tick {
    list-style-image: url(../images/ul_tick.png)
}

ul.tick li {
    margin-bottom: 15px
}

ul.tick2 {
    margin-left: 40px
}

ul.tick2 li {
    margin-bottom: 5px
}

ul.tick3 li {
    margin-bottom: 5px
}

ul.tick4 li {
    font-size: 16px
}

ul.nobtm {
    padding-bottom: 0;
    margin-bottom: 0
}

ul.notop {
    margin-top: 0;
    padding-top: 0
}

@media (max-width:991px) {
    ul.tick4 li {
        font-size: 13px;
        line-height: 17px;
        margin-bottom: 8px
    }
}

@media (max-width:768px) {

    ul.tick2,
    ul.tick4 {
        list-style: none;
        margin-left: 0
    }

    ul.tick2 li:before,
    ul.tick4 li:before {
        content: url(../images/ul_tick2.png);
        margin-right: 10px
    }
}

button,
input {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

input[type=password],
input[type=text],
select,
textarea {
    padding: 8px 10px;
    background: #fff;
    border: 1px solid #cecece;
    color: #5e5e5e;
    font-size: 15px;
    font-family: latoregular, Arial, Helvetica, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    line-height: 15px
}

input[type=button],
input[type=submit] {
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border: 0;
    outline: 0
}

input:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
    outline: 0
}

label {
    font-size: 11px;
    font-family: latohairline, Arial, Helvetica, sans-serif;
    color: #4f4f4f;
    line-height: 17px;
    display: inline-block;
    margin: 10px 0 5px;
    letter-spacing: .12em;
    font-weight: 400
}

@media (max-width:490px) {
    label {
        font-family: latolight, Arial, Helvetica, sans-serif
    }
}

.actionbtn,
a.actionbtn,
input.actionbtn {
    display: inline-block;
    padding: 10px 15px;
    background: #fabc22;
    font: normal 11px latobold, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff
}

.actionbtn:hover,
a.actionbtn:hover,
input.actionbtn:hover {
    background: #222
}

.redbtn,
a.redbtn,
input.redbtn {
    background: #c30726
}

.orangebtn,
a.orangebtn,
input.orangebtn {
    background: #fc7317;
    font: normal 13px latoregular, Arial, Helvetica, sans-serif;
    padding: 12px 17px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    text-shadow: 1px 1px 1px #d5540f
}

.orangebtn:hover,
a.orangebtn:hover,
input.orangebtn:hover {
    text-shadow: 1px 1px 1px #888
}

#scrollUp {
    bottom: 0;
    right: 30px;
    width: 70px;
    height: 70px;
    padding: 10px 5px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

#scrollUp:hover {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

#scrollUp,
a#scrollUp {
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    background: url(../images/top.png) no-repeat center;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none
}

#scrollUp-active {
    display: none
}

@media (max-width:540px) {

    #scrollUp,
    a#scrollUp {
        width: 40px;
        height: 40px;
        background-size: 100%
    }
}

hr {
    background: #ddd;
    min-height: 1px;
    border: 0;
    outline: 0;
    margin: 5px 0
}

hr.lightorange {
    background: #f4e5d7;
    min-height: 1px;
    border: 0;
    outline: 0;
    margin: 5px 0;
    max-width: 430px
}

hr.lighterHr {
    background: #ebebeb
}

.vDiv {
    background: url(../images/vdiv.jpg) repeat-y center
}

.outline {
    border: #e6e6e6 1px solid
}

#box {
    width: 240px;
    right: -240px;
    top: 180px;
    position: fixed;
    z-index: 100;
    background: #212121;
    color: #fff;
    font: normal 13px latoregular, Arial, sans-serif;
    line-height: 19px;
    padding: 20px 25px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#box h3 {
    color: #fff;
    margin-top: 0
}

#box a {
    color: #d0d0d0;
    text-decoration: none
}

#box a:hover {
    color: #fff;
    text-decoration: none
}

#tab {
    float: left;
    list-style: outside none none;
    margin-left: -56px;
    padding: 0;
    position: relative;
    z-index: 99;
    margin-top: -20px
}

#tab li span {
    display: block;
    padding: 0;
    position: relative
}

#tab img {
    cursor: pointer
}

.hideTab,
.showTab {
    transition: margin-right .4s ease-in;
    -webkit-transition: margin-right .4s ease-in
}

.hideTab {
    margin-right: 0
}

.hideTab ul li img:hover {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.showTab {
    margin-right: 240px
}

header {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    border-bottom: 1px solid #dedede
}

.logo {
    max-width: 250px;
    width: 100%;
    display: inline-block;
    -webkit-transition: none;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

#search {
    width: 215px;
    margin: 0 auto 50px
}

.search_field,
input.search_field {
    display: inline-block;
    background: 0 0 !important;
    width: 0;
    overflow: hidden;
    border: none !important;
    margin-right: 8px;
    vertical-align: middle;
    font-size: 13px;
    line-height: 13px;
    padding: 8px 0 !important color: #e0e0e0;
    border: none !important;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

a.search_btn_link,
input.search_btn,
search_btn {
    display: inline-block;
    background: #d0d0d0 url(../images/icon_search.png) no-repeat center;
    outline: 0;
    border: none;
    width: 38px;
    height: 38px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.search_btn:hover,
a.search_btn_link:hover,
input.search_btn:hover {
    background-color: #606060
}

input.search_btn {
    display: none
}

.search_field.open,
input.search_field.open {
    width: 160px;
    padding: 8px 10px !important;
    padding-left: 3px;
    background: 0 0 !important;
    border-bottom: 1px solid #eee !important
}

.search_btn:focus,
.search_field:focus {
    outline: 0
}

#search:focus {
    border-color: #ccc
}

nav {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    background-color: none;
    border: none;
    border-radius: 0 !important
}

.nav_wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0
}

.navbar {
    min-height: 0
}

ul#navmenu-h {
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
    position: relative;
    z-index: 500 !important;
    float: none;
    -webkit-font-smoothing: antialiased;
    text-shadow: 0 1px 0 #fff;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

ul#navmenu-h li {
    margin: 0;
    display: inline-block;
    position: relative;
    float: none;
    vertical-align: top;
    width: 17%;
    margin-right: -4px;
    min-height: 65px
}

ul#navmenu-h li.logo_li {
    padding: 0;
    width: 32%
}

ul#navmenu-h li a {
    display: block;
    color: #313131;
    letter-spacing: .2em;
    font: normal 13px latoregular, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    padding: 0 1%;
    padding: 25px 11px 25px 10px;
    background: 0 0;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

ul#navmenu-h li.logo_li a {
    padding-top: 15px;
    padding-bottom: 0
}

ul#navmenu-h li:not(:last-child):after {
    content: '';
    width: 1px;
    height: 34px;
    background: transparent url(../images/nav_line.jpg) repeat-y center;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

ul#navmenu-h li ul li:after {
    background: 0 0;
    width: 0;
    height: 0;
    display: none
}

ul#navmenu-h li li {
    min-height: 0
}

ul#navmenu-h li a.active,
ul#navmenu-h li.active a,
ul#navmenu-h li:hover a {
    color: #fd8409;
    background: 0 0
}

ul#navmenu-h ul {
    display: block;
    position: absolute;
    top: 100%;
    list-style-type: none;
    padding: 0;
    margin: 0;
    float: left;
    border: 1px solid #ebe8e8;
    background-color: #fff;
    -moz-box-shadow: 2px 2px 10px rgba(123, 123, 123, .75);
    -webkit-box-shadow: 2px 2px 10px rgba(123, 123, 123, .75);
    box-shadow: 2px 2px 10px rgba(123, 123, 123, .75);
    border: 1px solid #e6e6e6;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    visibility: hidden;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    width: 255px
}

ul#navmenu-h ul li {
    width: 100%;
    display: block;
    margin: 0;
    background: 0 0 !important;
    padding: 0;
    border: 1px solid #e6e6e6;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

ul#navmenu-h ul.show {
    visibility: visible;
    opacity: 1;
    top: 120%;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

ul#navmenu-h li ul li a,
ul#navmenu-h li.active ul li a,
ul#navmenu-h li:hover li a {
    float: none;
    background: #fff;
    color: #231f20;
    font: normal 13px latolight, Arial, Helvetica, sans-serif;
    letter-spacing: .025em;
    text-transform: uppercase;
    padding: 10px 15px;
    margin: 0;
    text-align: left;
    cursor: pointer;
    z-index: 500 !important;
    width: 100%;
    min-width: 150px;
    border: none;
    text-shadow: none;
    padding: 15px 10px;
    border-top: 1px solid #efefef
}

ul#navmenu-h ul li a.submenu {
    background: url(../images/navarrow-right.png) center right no-repeat
}

ul#navmenu-h ul:before {
    content: '▲';
    transform: scaleX(2.5);
    color: #fff;
    width: 0;
    height: 0;
    position: absolute;
    top: -16px;
    left: 20px;
    text-shadow: 0 0 10px rgba(123, 123, 123, .75)
}

ul#navmenu-h ul ul:before {
    content: '';
    width: 0;
    height: 0;
    border: none
}

ul#navmenu-h li ul li,
ul#navmenu-h li:hover ul li {
    border: none;
    padding: 0 10px
}

ul#navmenu-h li ul li:first-child a,
ul#navmenu-h li:hover ul li:first-child a {
    border: none
}

ul#navmenu-h li li.active a,
ul#navmenu-h li.active li.active a,
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li.active a,
ul#navmenu-h li:hover li:hover a {
    cursor: pointer;
    color: #fd8409;
    z-index: 500 !important
}

ul#navmenu-h ul li.submenu:hover {
    background: url(../images/navarrow-right-hover.png) center right no-repeat
}

ul#navmenu-h li.iehover li.iehover li a,
ul#navmenu-h li:hover li:hover li a {
    float: none;
    background: #fff;
    color: #231f20;
    font: normal 13px latolight, Arial, Helvetica, sans-serif;
    letter-spacing: .025em;
    text-transform: uppercase;
    padding: 10px 15px;
    margin: 0;
    text-align: left;
    cursor: pointer;
    z-index: 500 !important;
    width: 100%;
    min-width: 150px;
    border: none;
    text-shadow: none;
    padding: 15px 10px;
    border-top: 1px solid #efefef
}

ul#navmenu-h ul ul li a.submenu {
    background: url(../images/navarrow-right.png) center right no-repeat !important
}

ul#navmenu-h li.iehover li.iehover li:first-child a,
ul#navmenu-h li:hover li:hover li:first-child a {
    border: none
}

ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a,
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a {
    cursor: pointer;
    color: #fd8409;
    z-index: 500 !important
}

ul#navmenu-h li.iehover li.iehover li.iehover li a,
ul#navmenu-h li:hover li:hover li:hover li a {
    float: none;
    background: #fff;
    color: #231f20;
    font: normal 13px latolight, Arial, Helvetica, sans-serif;
    letter-spacing: .025em;
    text-transform: uppercase;
    padding: 10px 15px;
    margin: 0;
    text-align: left;
    cursor: pointer;
    z-index: 500 !important;
    width: 100%;
    min-width: 150px;
    border: none;
    text-shadow: none;
    padding: 15px 10px;
    border-top: 1px solid #efefef
}

ul#navmenu-h li.iehover li.iehover li.iehover li a:hover,
ul#navmenu-h li:hover li:hover li:hover li a:hover {
    cursor: pointer;
    color: #fd8409;
    z-index: 500 !important
}

ul#navmenu-h li.iehover li.iehover li.iehover li:first-child a,
ul#navmenu-h li:hover li:hover li:hover li:first-child a {
    border: none
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
    top: 0;
    left: 100%;
    float: left
}

ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul,
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul {
    display: none;
    visibility: visible;
    opacity: 1
}

ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li.iehover ul,
ul#navmenu-h ul ul li:hover ul {
    display: block;
    top: -1px;
    box-shadow: none;
    left: 100.5%
}

.nav_txt {
    display: inline-block;
    margin-right: 5px
}

.navbar-toggle {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0
}

.navbar-toggle .icon-bar {
    background: #231f20;
    width: 11px;
    height: 2px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 2px
}

li.active .icon-bar,
li:hover .icon-bar {
    background-color: #fd8409
}

@media (max-width:992px) {
    ul#navmenu-h li {
        display: none
    }

    ul#navmenu-h li.logo_li {
        display: inline-block;
        width: 100%
    }

    ul#navmenu-h li#nav-icon {
        position: absolute;
        right: 0;
        display: block;
        top: 0;
        width: 110px;
        text-align: right
    }

    ul#navmenu-h li.logo_li,
    ul#navmenu-h li.logo_li a {
        text-align: center;
        border: none
    }

    ul#navmenu-h li#nav-icon,
    ul#navmenu-h li#nav-icon a {
        text-align: right;
        border: none
    }

    ul#navmenu-h li:not(:last-child):after {
        display: none
    }

    nav {
        width: 98%
    }
}

@media (max-width:580px) {
    ul#navmenu-h li#nav-icon a .nav_txt {
        display: none
    }
}

@media (max-width:490px) {
    ul#navmenu-h li.logo_li {
        width: 60%;
        min-height: 0;
        padding: 5vw 0
    }

    ul#navmenu-h li.logo_li a {
        vertical-align: middle;
        display: inline-block;
        padding-top: 0
    }

    ul#navmenu-h li#nav-icon {
        min-height: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        height: 15px;
        right: 1%
    }

    ul#navmenu-h li#nav-icon a {
        padding: 0
    }
}

@media (max-width:376px) {
    ul#navmenu-h li.logo_li {
        width: 70%;
        min-height: 0;
        padding: 6vw 0
    }
}

.sliding-menu {
    height: 100% !important
}

#maincontent {
    width: 100%;
    overflow: hidden;
    padding-top: 100px;
    margin: auto
}

#maincontent.homepage {
    padding-bottom: 0;
    background: transparent url(../images/bg_home01.jpg) repeat center 
    /* background: transparent url(../images/bg_home01.webp) repeat center*/
}

#maincontent.homepage .container {
    max-width: 1230px;
    width: 100%
}

.container.smaller {
    max-width: 1000px
}

.anni_div {
    width: 100%;
    background: url(../images/bg_home02.png) no-repeat center bottom ; 
    /* background: url(../images/bg_home02.webp) no-repeat center bottom*/
}

.go-digital {
    padding: 35px 40px 30px;
    position: relative;
    background: url(../images/goDigital.png) no-repeat left top, url(../images/goDigital_bg.jpg) no-repeat right bottom #f88f35; 
    /* background: url(../images/goDigital.png) no-repeat left top, url(../images/goDigital_bg.webp) no-repeat right bottom #f88f35; */
    margin-bottom: 10px
}

.vpnbox {
    padding: 30px;
    position: relative;
    background: url(../images/cew-webbanner.jpg) top center no-repeat #000; 
    /* background: url(../images/cew-webbanner.webp) top center no-repeat #000;*/
    margin-bottom: 10px
}

.vpnbtn {
    float: right
}


.float-lg-right {
    float: right
}




.home_subdiv {
    padding: 0 5px;
    position: relative
}

.home_subdiv:first-child {
    padding-left: 15px
}

.home_subdiv:last-child {
    padding-right: 15px
}

.home_sub {
    height: 470px;
    padding-top: 135px;
    position: relative
}

.home_subdiv:nth-child(4n+1) .home_sub {
    background: #31c3a1 url(../images/sub01.png) no-repeat center top;
    /* background: #31c3a1 url(../images/sub01.webp) no-repeat center top; */
    color: #004132
}

.home_subdiv:nth-child(4n+2) .home_sub {
    background: #bfdc2c url(../images/sub02.png) no-repeat center top;
    /* background: #bfdc2c url(../images/sub02.webp) no-repeat center top; */
    color: #004132
}

.home_subdiv:nth-child(4n+3) .home_sub {
    background: #f5db30 url(../images/sub03.png) no-repeat center top;
    /* background: #f5db30 url(../images/sub03.webp) no-repeat center top; */
    color: #502e0d
}

.home_subdiv:nth-child(4n+4) .home_sub {
    background: #fd6d31 url(../images/sub04.png) no-repeat center top;
    /* background: #fd6d31 url(../images/sub04.webp) no-repeat center top; */
    color: #502e0d
}

.home_subtitle {
    color: #fff;
    font: normal 38px latobold, Arial, Helvetica, sans-serif;
    text-transform: capitalize;
    line-height: 34px;
    margin-bottom: 35px;
    display: block;
    padding: 0 15px;
    text-align: center
}

.home_subtitle02 {
    color: #212121;
    font: normal 46px latobold, Arial, Helvetica, sans-serif;
    text-transform: capitalize;
    line-height: 40px;
    margin-bottom: 1.5rem;
    display: block;
    padding: 0 15px;
    font-weight: 700
}

.home_subtitle03 {
    color: #212121;
    font: normal 1.85em latoregular, Arial, Helvetica, sans-serif;
    line-height: 1.3em;
    display: block;
    padding: 0 15px;
    word-break: keep-all
}

.subtitle04 {
    color: #3e1505;
    font: normal 1.05em latoregular, Arial, Helvetica, sans-serif;
    line-height: 1.15em;
    display: block;
    padding: 0 0;
    min-height: 70px;
    overflow: hidden
}

.subtitle04-main {
    color: #fff;
    font: normal 1.22em latoregular, Arial, Helvetica, sans-serif;
    line-height: 1.2em;
    display: block;
    padding: 5px 0;
    overflow: hidden
}

.borderright {
    border-right: 1px solid #ffba61
}

@media (max-width:1024px) {
    .subtitle04 {
        min-height: 110px
    }
}

@media (max-width:767px) {
    .subtitle04-main {
        font: normal 1.4em latoregular, Arial, Helvetica, sans-serif
    }

    .subtitle04 {
        min-height: 115px
    }

    .col-sm-6 {
        width: 50%
    }
}

@media (max-width:414px) {
    .subtitle04 {
        min-height: inherit
    }

    .col-sm-6 {
        width: inherit
    }
}

.home_subdes {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 13px;
    font-family: latoregular, Arial, Helvetica, sans-serif;
    line-height: 18px
}

.home_subdes_div {
    background: transparent url(../images/whiteoverlay.png) repeat;
    padding: 20px 15px;
    box-sizing: border-box;
    min-height: 95px
}

.home_subdiv_after {
    width: 100%
}

.diamondbg {
    background: url(../images/bg_home02.png) no-repeat center -6.4vw
}

.home_annititle {
    font: normal 24px latoblack, Arial, Helvetica, sans-serif;
    color: #fd8409;
    display: block;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
    text-transform: lowercase;
    line-height: 30px
}

.home_annititle2 {
    color: #fff;
    font: normal 36px loveloblack, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    display: block;
    text-align: center;
    line-height: 40px;
    margin-bottom: 20px;
    margin-bottom: 1.05vw
}

.home_annitxt {
    color: #33383e;
    font: normal 16px latoregular, Arial, Helvetica, sans-serif;
    display: block;
    text-align: center;
    line-height: 24px;
    letter-spacing: .01em;
    margin-bottom: 2vw
}

.ribbon {
    max-width: 730px;
    background: transparent url(../images/sub06.png) no-repeat center top;
    background-size: 100% auto;
    margin: auto
}

.col3arrow,
.col3icon {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    text-align: center;
    box-sizing: border-box
}

.col3arrow img,
.col3icon img {
    margin: auto
}

.col3icon {
    width: 28%;
    padding: 1%
}

.col3arrow {
    width: 8%;
    padding: 0 15px;
    margin-top: 8%
}

.cboxinline {
    padding: 25px
}

.privacyTitle {
    margin-top: 30px;
    background: 0 0;
    padding-bottom: 0;
    text-align: left;
    margin-bottom: 5px
}

#privacy ol,
#privacy ul {
    margin-bottom: 22px;
    padding-bottom: 0
}

@media (max-width:1240px) {
    .home_subdes_div {
        min-height: 130px
    }

    .home_subtitle {
        font-size: 3vw
    }

    .borderright {
        border-right: 0
    }
}

@media (max-width:1061px) {
    .home_annititle {
        font-size: 20px;
        margin-bottom: .7vw
    }

    .home_annititle2 {
        font-size: 30px
    }

    .home_annitxt {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 0
    }

    .home_sub {
        height: 420px
    }
}

@media (max-width:992px) {
    .home_annititle {
        margin-bottom: 1.5vw;
        margin-top: 2.2vw
    }

    .home_annititle2 {
        margin-bottom: 2.1vw
    }

    .home_subrow {
        max-width: 730px;
        margin:0 auto !important;
    }

    .home_subdiv {
        margin-bottom: 20px
    }

    .home_subtitle {
        font-size: 4vw;
        line-height: 4vw
    }

    .home_subdiv:last-child {
        padding-right: 15px
    }

    .home_subdiv:first-child,
    .home_subdiv:nth-child(2n+1) {
        padding-left: 5px
    }

    .home_sub {
        height: 470px
    }

    .vpnbtn {
        float: left
    }
}

@media (min-width:360px) and (max-width:992px) {
    .md-center {
        text-align: center !important
    }
}

@media (max-width:730px) {
    .home_annititle {
        font-size: 3vw
    }

    .home_annititle2 {
        font-size: 4.5vw;
        line-height: 5vw
    }

    .home_annitxt {
        font-size: 2.3vw;
        line-height: 2.5vw;
        margin-top: 3vw
    }

    .home_sub {
        height: 420px
    }
}

@media (max-width:580px) {
    .ribbon {
        background: 0 0
    }

    .home_annititle2 {
        background: #f35419 url(../images/bg_stars.png) no-repeat center;
        background-size: 95% auto;
        padding: 2vw 0
    }

    .home_subdiv {
        width: 95%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: auto;
        margin-right: auto;
        float: none;
        max-width: 400px
    }

    .home_sub {
        height: 410px;
        padding-top: 100px;
        margin-bottom: 5vw
    }

    .home_subtitle {
        font-size: 8vw;
        line-height: 8vw
    }

    .home_subdiv_after {
        display: none
    }

    .home_subdes {
        background: transparent url(../images/whiteoverlay.png) repeat;
        padding: 20px 25px;
        height: 25%;
        display: table;
        vertical-align: middle
    }

    .home_subdes_div {
        padding: 0;
        background: 0 0;
        min-height: 0;
        vertical-align: middle;
        display: table-cell
    }
}

@media (max-width:540px) {
    #colorbox {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        background: #fff;
        height: auto;
        padding: 0;
        z-index: 9999;
        width: 100% !important;
        height: 100% !important
    }

    #cboxContent {
        width: 100% !important;
        margin: auto;
        padding: 20px 0;
        background: 0 0;
        border: none;
        float: none !important;
        display: table-cell;
        vertical-align: middle
    }

    #cboxLoadedContent {
        width: 80% !important;
        border: none;
        background: 0 0;
        margin: auto;
        height: auto !important;
        overflow: visible !important
    }

    .cboxPhoto {
        max-width: 100% !important;
        height: 100% !important;
        margin-top: 0 !important;
        width: 100% !important
    }

    #cboxNext,
    #cboxPrevious {
        width: 20px;
        background-color: transparent;
        background-size: 10px auto
    }

    #cboxNext {
        right: 0;
        background-image: url(../images/arrow_right_black.png);
        background-position: left center
    }

    #cboxPrevious {
        left: 0;
        background-image: url(../images/arrow_left_black.png);
        background-position: right center
    }

    #cboxNext:hover,
    #cboxPrevious:hover {
        background-color: transparent
    }

    #cboxCurrent,
    #cboxTitle,
    #cboxTitle a {
        color: #4e4e4e;
        position: relative;
        float: none !important;
        bottom: auto;
        left: auto;
        right: auto;
        text-align: center;
        width: 90%;
        margin: 10px auto
    }

    #cboxTitle a:hover {
        color: #000
    }

    #cboxTitle,
    #cboxTitle a {
        font-size: 15px
    }

    #cboxTitle {
        margin-top: 25px
    }

    #cboxClose {
        top: 10px;
        right: 10px;
        background-image: url(../images/icon_close_black.png)
    }

    #cboxWrapper {
        width: 100% !important;
        height: 100% !important
    }

    #privacy {
        position: fixed;
        height: 100%;
        overflow: auto
    }

    #cboxClose {
        position: fixed
    }
}

@media (max-width:531px) {
    .home_annitxt {
        font-size: 2.5vw;
        margin-top: 4vw
    }

    .home_annititle {
        margin-top: 4vw
    }

    .spacing-bottom2 {
        padding-bottom: 8vw
    }

    .spacing-top2 {
        padding-top: 8vw
    }
}

@media (max-width:490px) {
    .home_annititle {
        font-size: 15px
    }

    .home_annititle2 {
        font-size: 18px;
        padding: 3vw 0;
        line-height: 18px
    }

    .home_annitxt {
        font-size: 12px;
        line-height: 18px
    }
}

@media (max-width:376px) {
    #maincontent.homepage {
        padding-top: 26vw
    }
}

@media (max-width:321px) {
    .home_annitxt {
        font-size: 11px;
        line-height: 15px
    }

    .home_subdes {
        font-size: 12px;
        line-height: 16px
    }

    .home_sub {
        height: 350px;
        padding-top: 70px
    }
}

.home_sub {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d
}

.go-digital:hover .back_flip,
.home_sub.hover .back_flip,
.home_sub:hover .back_flip {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -o-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0)
}

.flipper {
    -webkit-transition: .6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: .6s;
    -moz-transition: .6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: .6s;
    transform-style: preserve-3d;
    position: relative;
    text-align: center
}

.back_flip {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: .6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0);
    -moz-transition: .6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0);
    -o-transition: .6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0);
    -ms-transition: .6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0);
    transition: .6s;
    transform-style: preserve-3d;
    transform: rotateY(0)
}

.back_flip {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

section.module.parallax {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.parallax_port {
    background-image: url(../images/08portfolio-bg.jpg) 
    /* background-image: url(../images/08portfolio-bg.webp) */
}

.homeportfolio {
    padding: 3vw 2vw
}

.lazy {
    display: none
}

.animation {
    opacity: 0;
    position: relative
}

.animation.slide-right {
    opacity: 0;
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    -moz-transform: translate3d(100px, 0, 0);
    -webkit-transform: translate3d(100px, 0, 0);
    -o-transform: translate(100px, 0);
    -ms-transform: translate(100px, 0);
    transform: translate3d(100px, 0, 0)
}

.animation.slide-right.in-view {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate3d(0, 0, 0)
}

.bounce-up.animation {
    opacity: 0;
    -moz-transition: all .7s ease-out;
    -webkit-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .7s ease-out;
    -moz-transform: translate3d(0, 200px, 0);
    -webkit-transform: translate3d(0, 200px, 0);
    -o-transform: translate(0, 200px);
    -ms-transform: translate(0, 200px);
    transform: translate3d(0, 200, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.bounce-up.in-view.animation {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate3d(0, 0, 0)
}

@media (max-width:769px) {
    .col3icon {
        width: 100%;
        margin-bottom: 50px
    }

    .col3arrow {
        display: none
    }
}

.whiteline {
    padding-bottom: 20px;
    background: transparent url(../images/title_line_white.png) no-repeat center bottom
}

.whiteline2 {
    height: 2px;
    background: transparent url(../images/whiteline2.jpg) no-repeat center
}

.graylinetitle {
    height: 1px;
    background: transparent url(../images/title_line_gray.png) no-repeat center
}

#subbanner {
    background-color: #0f0f0f;
    width: 100%;
    padding: 35px 15px 65px
}

.freebies_div {
    border: 1px solid #ebebeb;
    padding: 30px;
    display: table-cell;
    vertical-align: middle
}

.freebies_div.freebies_left {
    border-left: 0
}

.freebies_div:nth-child(2n),
.freebies_div:nth-child(2n+1) {
    border-top: 0
}

.freebies_div:nth-child(1),
.freebies_div:nth-child(2) {
    border-top: 1px solid #ebebeb
}

.freebies_icon {
    width: 10%;
    margin-right: 5%;
    vertical-align: top;
    display: inline-block
}

.freebies_content {
    width: auto;
    margin-right: -4px;
    display: inline-block;
    width: 80%;
    vertical-align: top
}

.freebies-top {
    border-top: 1px solid #ebebeb !important
}


@media (max-width:1199px) {
.float-lg-right{ float: left; }}

@media (max-width:768px) {
	



    .freebies_div {
        border: 1px solid #ebebeb !important;
        border-top: 0 !important;
        margin: 0 auto;
        width: 95%;
        float: none;
        display: block
    }

    .freebies_div:first-child {
        border-top: 1px solid #ebebeb !important
    }

    .freebies-top {
        border-top: 1px solid #ebebeb !important
    }
}

@media (max-width:540px) {

    .freebies_content,
    .freebies_icon {
        display: block;
        float: none;
        width: 100%
    }

    .freebies_icon {
        margin-bottom: 5vw
    }
}

.mobilebanner,
.mobilebanner.module.parallax {
    background-image: url(../images/sub_banner.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto
}

.mob-icon,
a.mob-icon {
    width: 110px;
    height: 110px;
    text-align: center;
    line-height: 110px;
    display: block;
    margin: auto;
    background: #58b3aa;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background .2s, color .2s;
    -moz-transition: background .2s, color .2s;
    transition: background .2s, color .2s;
    position: relative;
    margin-bottom: 8%
}

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

.mob-icon:after {
    top: -8px;
    left: -8px;
    margin: auto;
    position: absolute;
    padding: 4px;
    border: 4px solid #58b3aa;
    transition: transform .2s, opacity .2s;
    -moz-transition: -moz-transform .2s, opacity .2s;
    -webkit-transition: -webkit-transform .2s, opacity .2s;
    opacity: 0;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.mob-icon:hover:after {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1
}

.mob-icon img {
    vertical-align: middle
}

.mob-icon.pink_icon {
    background: #e16b85
}

.mob-icon.pink_icon:after {
    border-color: #e16b85
}

.mob-icon.yellow_icon {
    background: #f0ea46
}

.mob-icon.yellow_icon:after {
    border-color: #f0ea46
}

.mob-icon.purple_icon {
    background: #b67eaf
}

.mob-icon.purple_icon:after {
    border-color: #b67eaf
}

.mob-icon.orange_icon {
    background: #f4a14d
}

.mob-icon.orange_icon:after {
    border-color: #f4a14d
}

.mob-icon.green_icon {
    background: #61b358
}

.mob-icon.green_icon:after {
    border-color: #61b358
}

.mob-icon.grey_icon {
    background: #9f9f9f
}

.mob-icon.grey_icon:after {
    border-color: #9f9f9f
}

.mob-icon.fuchsia_icon {
    background: #e67fdb
}

.mob-icon.fuchsia_icon:after {
    border-color: #e67fdb
}

.mob-icon.blue_icon {
    background: #72cae3
}

.mob-icon.blue_icon:after {
    border-color: #72cae3
}

.mob-icon.pink2_icon {
    background: #e67f95
}

.mob-icon.pink2_icon:after {
    border-color: #e67f95
}

.web_dev_bg {
    position: relative
}

.web_dev_arrow {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    margin: auto
}

.web_dev_4 {
    padding: 5% 3%;
    background: transparent url(../images/web_dev_shadow.png) no-repeat left center;
    min-height: 390px
}

.web_dev_4:first-child {
    background: 0 0
}

.web_dev_4:last-child {
    padding-right: 0
}

@media (max-width:992px) {
    .web_dev_4 {
        min-height: 350px;
        padding: 5vw
    }

    .web_dev_4:nth-child(2n+1) {
        background: 0 0;
        padding-left: 1vw
    }

    .web_dev_4:nth-child(2n) {
        padding-right: 1vw;
        background: transparent url(../images/web_dev_shadow2.png) repeat-y left top
    }
}

@media (max-width:768px) {
    .web_dev_4 {
        min-height: 370px;
        padding: 5vw 3vw
    }
}

@media (max-width:540px) {
    .web_dev_4 {
        background: 0 0 !important;
        min-height: 0 !important
    }
}

.cmsbanner,
.cmsbanner.module.parallax {
    background-color: #303030;
    background-image: url(../images/cms_bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 40px !important;
    padding-bottom: 0 !important
}

.cmsWhiteTxt {
    color: #fff;
    font: normal 24px latolight, Arial, Helvetica, sans-serif;
    line-height: 26px;
    margin-bottom: 3px;
    display: block
}

.dotted_div {
    position: relative;
    border: 1px dashed #fff;
    margin-top: 45px;
    font-size: 13px;
    padding: 30px 25px;
    margin-bottom: 40px
}

.dotted_div:after {
    content: '';
    background: transparent url(../images/icon_star.png) no-repeat center;
    width: 35px;
    height: 35px;
    position: absolute;
    left: -17px;
    top: -17px
}

@media (max-width:360px) {
    .dotted_div {
        padding: 20px 15px
    }
}

.mapbg {
    background: transparent url(../images/bg_map.png) no-repeat center top
}

.ribbontitle {
    background: #b67eaf;
    font: normal 52px dancingscriptregular, Arial, Helvetica, sans-serif;
    letter-spacing: -.025em;
    color: #fff;
    line-height: 52px;
    padding: 15px;
    margin-right: 0;
    border: 3px solid #fff;
    display: inline-block;
    text-align: center
}

.eshopmap {
    background-position: center 70px
}

@media (max-width:480px) {
    .ribbontitle {
        font-size: 40px
    }

    .ribbon_img {
        width: 15%
    }
}

@media (max-width:400px) {
    .ribbontitle {
        font-size: 30px;
        padding-top: 7px;
        padding-bottom: 7px;
        width: 100%;
        margin-bottom: 20px
    }

    .ribbon_cart,
    .ribbon_img {
        display: none !important
    }
}

.mobilewebmap {
    background-position: 30% top;
    background-image: url(../images/bg_map2.png)
}

.mobwebicon_div {
    width: 20%;
    padding: 0 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin-right: -4px;
    vertical-align: top
}

.mobilewebbanner,
.mobilewebbanner.module.parallax {
    background-image: url(../images/mobileweb_bg.jpg);
    background-color: #202020;
    background-position: center
}

@media (max-width:768px) {
    .mobwebicon_div {
        width: 25%
    }
}

@media (max-width:540px) {
    .mobwebicon_div {
        width: 50%
    }
}

@media (max-width:390px) {
    .mobwebicon_div {
        width: 100%;
        margin-top: 15px
    }
}

.subnav-main {
    background-color: #fd8409
}

.subnav {
    text-align: center
}

.subnav ul {
    list-style: none;
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0
}

.subnav ul li {
    display: inline-block;
    position: relative;
    padding: 8px 0 12px;
    margin: 0;
    color: #fff
}

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

.subnav ul li:not(:first-child)::before {
    content: '●';
    display: inline-block;
    color: #ffe4c8;
    font-size: 12px;
    vertical-align: middle;
    padding: 0 15px
}

.subnav ul li a {
    border-bottom: 1px solid transparent;
    padding-bottom: 1px;
    color: #fff;
    -webkit-transition: border-color .4s linear;
    -moz-transition: border-color .4s linear;
    -ms-transition: border-color .4s linear;
    -o-transition: border-color .4s linear;
    transition: border-color .4s linear;
    vertical-align: middle
}

.subnav ul li a.active,
.subnav ul li.active a,
.subnav ul li:hover a {
    color: #fff;
    background: 0 0;
    border-color: #ffe4c8
}

.subnav ul li a.active,
.subnav ul li.active a {
    font-family: latobold, Arial, Helvetica, sans-serif
}

@media (max-width:600px) {
    .subnav ul li {
        font-size: 2.3vw;
        line-height: 2.3vw
    }

    .subnav ul li:not(:first-child)::before {
        padding: 0 1.2vw;
        font-size: 2vw
    }
}

.mobileappmap {
    background-image: url(../images/bg_map3.png);
    background-position: 30% top
}

.mobapp_arrow,
.mobapp_icon {
    display: inline-block;
    margin-right: -4px
}

.mobapp_arrow {
    vertical-align: -270%;
    width: 2%
}

.mobapp_icon {
    vertical-align: top;
    width: 15%
}

@media (max-width:992px) {
    .mobapp_icon {
        width: 30%;
        padding: 0 10px
    }
}

@media (max-width:768px) {
    .mobapp_icon {
        width: 30%
    }
}

@media (max-width:540px) {
    .mobapp_icon {
        width: 100%
    }

    .mobapp_arrow {
        display: none
    }
}

.marketbanner,
.marketbanner.parallax.module {
    background-image: url(../images/sub_banner2.jpg);
    background-size: auto;
    background-position: 50% 0
}

#subbanner.emailAdv.module.parallax,
.emailAdv,
.emailAdv.parallax.module {
    background-image: url(../images/email_bg.jpg);
    padding-bottom: 0;
    background-size: 100% auto;
    background-color: #303030
}

.slider-nav.marketing-nav {
    /* max-width: 880px; */
}

.icon_wrapper {
    padding: 0 5px
}

.marketCatTitle.catTitle {
    min-height: 58px;
    vertical-align: middle;
    line-height: 58px
}

.marketCatSpan {
    display: inline-block;
    vertical-align: middle;
    line-height: 22px
}

.sem_banner {
    background-image: url(../images/sem_bg.jpg)
}

#subbanner.sem_banner {
    background-size: cover;
    background-position: center top
}

.title_stars:first-child {
    margin-right: 15px
}

.title_stars:last-child {
    margin-left: 15px
}

@media (max-width:1000px) {

    .marketbanner,
    .marketbanner.parallax.module {
        background-size: 180% auto;
        background-position: 50% 10%
    }
}

@media (max-width:650px) {

    .marketbanner,
    .marketbanner.parallax.module {
        background-size: 160% auto;
        background-position: 50% 15%
    }
}

@media (max-width:540px) {
    .title_stars {
        display: none !important
    }
}

@media (max-width:480px) {

    .marketbanner,
    .marketbanner.parallax.module {
        background-size: 200% auto;
        background-position: 50% 16%
    }
}

.managebanner,
.managebanner.parallax.module {
    background-image: url(../images/managementbanner.jpg);
    background-position: 50% -50px;
    background-size: 100% auto
}

.slider-nav.manage-nav {
    max-width: 480px
}

.manage-emailbg {
    background: url(../images/management_emailbg.jpg) repeat-x bottom
}

@media (max-width:1500px) {

    .managebanner,
    .managebanner.parallax.module {
        background-position: 50% 0;
        background-size: 100% auto
    }
}

@media (max-width:1200px) {

    .managebanner,
    .managebanner.parallax.module {
        background-position: 50% 50px;
        background-size: 100% auto
    }
}

@media (max-width:900px) {

    .managebanner,
    .managebanner.parallax.module {
        background-position: 50% 10%;
        background-size: 130% auto
    }
}

@media (max-width:540px) {

    .managebanner,
    .managebanner.parallax.module {
        background-position: 50% 15%;
        background-size: 110% auto
    }
}

.otherbanner,
.otherbanner.module.parallax {
    background-image: url(../images/othersbanner.jpg);
    background-position: 50% -50px;
    background-size: 100% auto
}

@media (max-width:1500px) {

    .otherbanner,
    .otherbanner.module.parallax {
        background-position: 50% 0;
        background-size: 100% auto
    }
}

@media (max-width:1200px) {

    .otherbanner,
    .otherbanner.module.parallax {
        background-position: 50% 50px;
        background-size: 100% auto
    }
}

@media (max-width:900px) {

    .otherbanner,
    .otherbanner.module.parallax {
        background-position: 50% 10%;
        background-size: 130% auto
    }
}

@media (max-width:540px) {

    .otherbanner,
    .otherbanner.module.parallax {
        background-position: 50% 15%;
        background-size: 110% auto
    }
}

section.aboutus {
    background: #fff url(../images/aboutbg.jpg) no-repeat center -90px
}

section.aboutus02 {
    background: #fff url(../images/aboutbg02.jpg) no-repeat center -90px
}

.aboutorangebg {
    background: #ffab2e url(../images/about_quote.png) no-repeat center;
    padding: 60px 60px 40px;
    max-width: 700px;
    background-size: 100% auto
}

@media (max-width:765px) {

    section.aboutus,
    section.aboutus02 {
        background: 0 0
    }

    .aboutorangebg {
        width: 95%;
        margin: auto;
        float: none
    }
}

.customer1_logo {
    display: inline-block;
    vertical-align: top;
    padding: 0 5px 15px;
    width: 14%;
    text-align: center
}

.testimonial_row {
    margin-top: 40px
}

.testimonial_row:first-child {
    margin-top: 30px
}

.testimonial_logo {
    margin-bottom: 30px;
    margin-top: 30px
}

.testimonial_logo img {
    vertical-align: middle
}

@media (max-width:990px) {
    .customer1_logo {
        width: 24%;
        padding: 0 2% 4%
    }
}

@media (max-width:768px) {
    .customer1_logo {
        width: 32.5%;
        padding: 0 2% 6%
    }

    .customerlogo_div {
        width: 95%;
        margin: auto
    }

    .testimonial_msg {
        height: auto !important
    }
}

@media (max-width:360px) {
    .customer1_logo {
        width: 48.5%;
        padding: 0 2% 6%
    }
}

.projecttab.port_thumbs {
    width: 22%;
    margin-right: 2%;
    margin-bottom: 2%
}

.projecttabHome.port_thumbs {
    width: 22%;
    margin-right: 1%;
    margin-bottom: 1%
}

.test .projecttab:nth-child(4n+0).port_thumbs {
    margin-right: 0
}

.projecttab.port_thumbs div div.caption,
.projecttab.port_thumbs div div.caption_nopop a {
    padding-top: 42%;
    font-size: 12px;
    line-height: 1.3em
}

.projecttab.port_thumbs div div.caption h6.whiteTxt:hover {
    color: #fd8409
}

div.caption_nopop a {
    display: block
}

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

    .projecttab.port_thumbs div div.caption,
    .projecttab.port_thumbs div div.caption_nopop a {
        padding-top: 22%
    }
}

@media (max-width:768px) {
    .projecttab.port_thumbs {
        width: 30%;
        margin-right: 2%;
        margin-bottom: 3%
    }

    .projecttab:nth-child(4n+0).port_thumbs {
        margin-right: 2%
    }
}

@media (max-width:680px) {

    .projecttab.port_thumbs div div.caption,
    .projecttab.port_thumbs div div.caption_nopop a {
        padding-top: 22%
    }
}

@media (max-width:540px) {
    .projecttab.port_thumbs {
        width: 47%;
        margin-bottom: 3%;
        margin-right: 2%
    }

    .projecttab.port_thumbs div div.caption,
    .projecttab.port_thumbs div div.caption_nopop a {
        padding-top: 34%
    }

    .port_thumbsdiv .port_thumbs div div.caption h6,
    .projecttab.port_thumbs div div.caption_nopop h6 {
        font-size: 12px;
        line-height: 17px
    }
}

@media (max-width:375px) {
    .projecttab.port_thumbs {
        width: 100%;
        margin-right: 0;
        max-width: 250px;
        margin-bottom: 20px
    }

    .projecttab:nth-child(2n+0).port_thumbs {
        margin-right: 0
    }

    .port_thumbsdiv .port_thumbs div div.caption h6 {
        font-size: 17px;
        line-height: 22px
    }

    .projecttab.port_thumbs div div.caption,
    .projecttab.port_thumbs div div.caption_nopop a {
        padding-top: 44%
    }
}

.projecttab.port_thumbs.workshop_t {
    width: 30%;
    box-sizing: border-box
}

.workshop_t_div {
    padding-top: 40%;
    padding-bottom: 40%;
    position: relative;
    display: block
}

.projecttab.port_thumbs.workshop_t img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    width: auto;
    max-width: none
}

.workshop_caption.caption_nopop a,
.workshop_t.projecttab.port_thumbs div .workshop_caption.caption_nopop a {
    padding-top: 33%
}

.projecttab:nth-child(4n+0).workshop_t.port_thumbs {
    margin-right: 3%;
    margin-bottom: 4%
}

@media (max-width:990px) {
    .workshop_t.projecttab.port_thumbs div .workshop_caption.caption_nopop a {
        padding-top: 11%
    }
}

@media (max-width:768px) {
    .projecttab.port_thumbs.workshop_t {
        width: 48%;
        max-width: none;
        margin-right: 3%;
        margin-bottom: 3%
    }

    .projecttab:nth-child(3n+0).port_thumbs.workshop_t.port_thumbs {
        margin-right: 3%;
        margin-bottom: 3%
    }

    .projecttab:nth-child(2n+0).port_thumbs.workshop_t.port_thumbs {
        margin-right: 0
    }

    .workshop_t.projecttab.port_thumbs div .workshop_caption.caption_nopop a {
        padding-top: 30%
    }
}

@media (max-width:600px) {
    .workshop_t.projecttab.port_thumbs div .workshop_caption.caption_nopop a {
        padding-top: 15%
    }

    .projecttab.port_thumbs.workshop_t {
        width: 95%;
        max-width: none;
        margin-right: 0
    }

    .projecttab:nth-child(3n+0).port_thumbs.workshop_t.port_thumbs {
        margin-right: 0
    }

    .projecttab.port_thumbs.workshop_t,
    .projecttab:nth-child(2n+0).port_thumbs.workshop_t.port_thumbs.port_thumbs,
    .projecttab:nth-child(3n+0).port_thumbs.workshop_t.port_thumbs {
        margin-bottom: 20px
    }
}

@media (max-width:540px) {
    .projecttab:nth-child(2n+0).port_thumbs.workshop_t.port_thumbs.port_thumbs {
        margin-right: 0
    }
}

@media (max-width:375px) {
    .projecttab.port_thumbs div div.caption_nopop h6 {
        font-size: 15px;
        line-height: 20px
    }

    .workshop_t.projecttab.port_thumbs div .workshop_caption.caption_nopop a {
        padding-top: 24%
    }
}

div.navigation,
ul.thumbs {
    margin: 0;
    padding: 0;
    float: none;
    display: block;
    width: 100%
}

ul.thumbs {
    margin-bottom: 10px
}

ul.thumbs li {
    display: inline-block;
    float: none;
    margin-right: -4px;
    width: 32%;
    margin-left: 3%
}

ul.thumbs li:nth-child(3n+1) {
    margin-left: 0
}

ul.thumbs li a {
    display: block;
    position: relative;
    padding-bottom: 80%;
    width: 100%;
    overflow: hidden
}

ul.thumbs li img {
    max-height: 100%;
    max-width: none;
    width: auto;
    position: absolute;
    top: -25%;
    right: -25%;
    left: -25%;
    bottom: -25%;
    margin: auto;
    display: block
}

div.loader,
div.slideshow a.advance-link,
div.slideshow-container {
    width: 100%
}

#thumbs div.pagination {
    left: auto
}

div.caption-container {
    height: auto;
    float: none;
    margin-top: 20px
}

span.image-caption.current {
    position: relative
}

div.image-desc {
    color: #4f4f4f
}

div.caption-container,
span.image-caption {
    width: 100%
}

.bottom.pagination {
    margin: 0
}

div.slideshow-container {
    float: none
}

div.image-desc {
    font-family: latolight, Arial, Helvetica, sans-serif
}

div.slideshow img {
    width: auto;
    height: auto
}

div.slideshow span.image-wrapper {
    position: relative;
    z-index: 1;
    width: 100%
}

div.slideshow span.image-wrapper.previous {
    position: absolute;
    z-index: 2
}

div.slideshow a.advance-link,
div.slideshow-container {
    height: auto
}

#thumbs div.pagination a,
#thumbs div.pagination span.current,
#thumbs div.pagination span.ellipsis {
    border: 0;
    padding: 0;
    display: inline-block;
    float: none;
    vertical-align: middle;
    margin-right: 15px
}

#thumbs div.pagination a[title=next],
#thumbs div.pagination a[title=prev] {
    text-indent: -9999px;
    overflow: hidden;
    width: 13px;
    height: 13px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #333
}

#thumbs div.pagination a[title=next] {
    background-image: url(../images/icon_right.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto
}

#thumbs div.pagination a[title=prev] {
    background-image: url(../images/icon_left.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto
}

#thumbs div.pagination a[title=next]:hover,
#thumbs div.pagination a[title=prev]:hover {
    background-color: #fd8409
}

div.pagination span.current {
    font-weight: 400;
    font-family: opensanssemibold, Arial, Helvetica, sans-serif
}

div.slideshow img {
    margin: auto
}

@media (max-width:767px) {
    ul.thumbs {
        max-width: 600px;
        margin: auto
    }

    ul.thumbs li {
        width: 15%;
        margin-left: 2%;
        margin-bottom: 2%
    }

    ul.thumbs li:nth-child(3n+1) {
        margin-left: 2%
    }

    ul.thumbs li:nth-child(6n+1) {
        margin-left: 0
    }

    #thumbs .pagination,
    .gallery_back,
    .gallery_div {
        max-width: 600px;
        margin: auto;
        width: 100%;
        float: none
    }

    #thumbs .pagination {
        padding-left: 0;
        display: block;
        margin-bottom: 20px;
        clear: both
    }
}

.career_bg {
    background: transparent url(../images/career_quote.png) no-repeat center top;
    background-size: 100% auto;
    padding: 2% 0;
    margin-bottom: 10px
}

.career_div {
    background: #ffab2e;
    background-size: 100% auto;
    padding: 70px 20px;
    height: 100%;
    font-size: 20px;
    line-height: 25px
}

.career_smalltxt {
    letter-spacing: .35em;
    font-size: 15px
}

@media (max-width:600px) {
    .career_div {
        font-size: 2.8vw;
        line-height: 4vw
    }
}

@media (max-width:540px) {
    .ul_xxs {
        list-style: none;
        margin-left: 0
    }

    .ul_xxs li:before {
        content: '-';
        margin-right: 5px
    }

    .career_div {
        font-size: 3.5vw;
        line-height: 4.5vw
    }

    .career_smalltxt {
        font-size: 3vw;
        line-height: 3.5vw
    }
}

@media (max-width:400px) {
    .career_smalltxt {
        font-size: 13px;
        line-height: 18px
    }
}

@media (max-width:330px) {
    .career_div {
        font-size: 5vw;
        line-height: 5.5vw
    }

    .career_smalltxt {
        font-size: 3.7vw;
        line-height: 4vw
    }
}

#subbanner.googlemap_div,
.googlemap_div {
    padding: 0;
    background: #fff;
    margin-bottom: 30px
}

.contactbanner {
    background-image: url(../images/contact_banner.jpg)
}

#subbanner.contactbanner {
    padding-bottom: 50px;
    padding-top: 40px
}

footer {
    width: 100%;
    text-align: left;
    color: #bec0c8;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    font-size: 12px;
    letter-spacing: .005em;
    line-height: 16px;
    z-index: 2;
    left: 0
}

.footer_wrapper {
    width: 100%;
    padding: 40px 10px;
    background: #000
}

footer .container {
    max-width: 1000px
}

footer a {
    display: inline-block;
    margin-bottom: 5px
}

.footer2 {
    background: #0b0b0b;
    padding: 10px
}

.footer_ul,
.footer_ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block
}

.footer_ul {
    padding-top: 5px
}

.footer_ul li a {
    display: inline-block;
    padding: 0 10px;
    color: #bfc0c4
}

.footer_ul li a:hover {
    color: #fff
}

.footer_ul li:first-child a {
    padding-left: 0
}

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

.icon_ul a.applyfac,
.icon_ul a.applyleave,
.icon_ul a.checkmail,
.icon_ul a.easyship,
.icon_ul a.paypal {
    display: inline-block;
    padding-left: 18px;
    padding-right: 20px
}

.icon_ul li:first-child a {
    padding-left: 18px
}

.icon_ul li:last-child a {
    padding-right: 0
}

a.easyship {
    background: transparent url(../images/icon_easyship_inactive.png) no-repeat left 2px
}

a.checkmail {
    background: transparent url(../images/icon_email_inactive.png) no-repeat left 3px
}

a.applyleave {
    background: transparent url(../images/icon_applyleave_inactive.png) no-repeat left 0
}

a.applyfac {
    background: transparent url(../images/icon_applyfac_inactive.png) no-repeat left 2px
}

a.paypal {
    background: transparent url(../images/icon_pp_inactive.png) no-repeat left 2px
}

a.checkmail:hover {
    background-image: url(../images/icon_email.png)
}

a.applyleave:hover {
    background-image: url(../images/icon_applyleave.png)
}

a.applyfac:hover {
    background-image: url(../images/icon_applyfac.png)
}

a.paypal:hover {
    background: transparent url(../images/icon_pp.png) no-repeat left 2px
}

a.easyship:hover {
    background-image: url(../images/icon_easyship.png)
}





@media (max-width:490px) {

    .footer2,
    footer {
        font-family: latoregular, Arial, Helvetica, sans-serif
    }
}

#___plusone_0 {
    width: 53px !important;
    display: inline-block !important;
    vertical-align: -4px !important
}

@media (max-width:992px) {
    .footer_logo {
        text-align: left !important
    }
}

.txt-xs-left {
    text-align: left
}

.txt-xs-right {
    text-align: right
}

.txt-xs-center {
    text-align: center
}

.txt-xs-justify {
    text-align: justify
}

.visible-xxs {
    display: none
}

.pagesubtitle.txt-xs-center {
    background-position: center bottom
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

@media (max-width:540px) {
    .txt-xxs-left {
        text-align: left
    }

    .txt-xxs-right {
        text-align: right
    }

    .txt-xxs-center {
        text-align: center
    }

    .txt-xxs-justify {
        text-align: justify
    }

    .pagesubtitle.txt-xxs-center {
        background-position: center bottom
    }

    .col-xxs-12 {
        width: 100%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }

    .col-xxs-11 {
        width: 91.66666667%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }

    .col-xxs-10 {
        width: 83.33333333%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }

    .col-xxs-9 {
        width: 75%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }

    .col-xxs-8 {
        width: 66.66666667%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }

    .col-xxs-7 {
        width: 58.33333333%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }

    .col-xxs-6 {
        width: 50%;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left
    }

    .col-xxs-5 {
        width: 41.66666667%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }

    .col-xxs-4 {
        float: left;
        width: 33.33333333%;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }

    .col-xxs-3 {
        width: 25%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }

    .col-xxs-2 {
        width: 16.66666667%;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left
    }

    .col-xxs-1 {
        float: left;
        width: 8.33333333%;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }

    .hidden-xxs {
        display: none
    }

    .visible-xxs {
        display: block
    }
}

@media (min-width:768px) {
    .txt-sm-left {
        text-align: left
    }

    .txt-sm-right {
        text-align: right
    }

    .txt-sm-center {
        text-align: center
    }

    .txt-sm-justify {
        text-align: justify
    }

    .pagesubtitle.txt-sm-center {
        background-position: center bottom
    }

    .pagesubtitle.txt-sm-left {
        background-position: left bottom
    }

    .pagesubtitle.txt-sm-right {
        background-position: right bottom
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }
}

@media (min-width:992px) {
.sg-digital { margin-left:auto; }

    .txt-md-left {
        text-align: left
    }

    .txt-md-right {
        text-align: right
    }

    .txt-md-center {
        text-align: center
    }

    .txt-md-justify {
        text-align: justify
    }

    .pagesubtitle.txt-md-center {
        background-position: center bottom
    }

    .pagesubtitle.txt-md-left {
        background-position: left bottom
    }

    .pagesubtitle.txt-md-right {
        background-position: right bottom
    }
}

@media (min-width:1200px) {
    .txt-lg-left {
        text-align: left
    }

    .txt-lg-right {
        text-align: right
    }

    .txt-lg-center {
        text-align: center
    }

    .txt-lg-justify {
        text-align: justify
    }

    .pagesubtitle.txt-lg-center {
        background-position: center bottom
    }

    .pagesubtitle.txt-lg-left {
        background-position: left bottom
    }

    .pagesubtitle.txt-lg-right {
        background-position: right bottom
    }
}

.lessSpacingLeft {
    padding-left: 5px
}

.lessSpacingRight {
    padding-right: 5px
}

.pl-lg-0,
.px-lg-0 {
    padding-left: 0 !important
}

.pl-lg-2,
.px-lg-2 {
    padding-left: .5rem !important
}

.errMsg,
.errMsg a:Active,
.errMsg a:link,
.errMsg a:visited {
    font-family: normal 11px Arial, sans-serif;
    color: #c00
}

.errMsg a:hover {
    text-decoration: underlink
}

.trasbg {
    background-color: rgba(255, 255, 255, 0);
    background: rgba(255, 255, 255, 0);
    color: rgba(255, 255, 255, 0);
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding: 15px;
    border-radius: 4px
}

.trasbg:hover {
    background-color: rgba(255, 255, 255, .2);
    background: rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .2)
}

.smecaption {
    margin-top: 1.5%
}

#close {
    float: right;
    display: inline-block;
    padding: 2px 5px;
    background: #ccc
}

#buttons {
    text-align: center;
    margin: 50px 0
}

button {
    background: #fff;
    display: inline-block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 30px;
    font: normal 14px latolight, Arial, Helvetica, sans-serif !important;
    line-height: 14px;
    color: #7a7a7a !important;
    border: 2px solid #e1e1e1;
    padding: 15px 25px;
    margin: 5px 5px !important
}

button.active,
button:hover {
    background: #fd8409;
    color: #fff !important;
    cursor: pointer
}

#gallery {
    text-align: center;
    max-width: 1020px;
    margin: 0 auto
}

#gallery img {
    border-radius: 3px;
    margin: 0;
    float: left
}


/*Customized 2 Col Flex Row*/

.h-100{ height: 100%;}

.row-flex{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}


.flex-2col{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}


@media (max-width:992px){
.flex-2col{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.flex-2col.home_subdiv{
padding-right: 15px;

}

}