@import url('https://fonts.googleapis.com/css?family=Karla:normal,bold');
body,
body, .dropdown-menu {
    font-size: 16px;
}
dl, dt, dd, ol, ul, li {
    margin: 0;
    padding: 0;
}
.clear {
    clear: both;
    display: block;
    font-size: 0px;
    height: 0px;
    line-height: 0;
    width: 100%;
    overflow:hidden;
}
::selection {
    background: #7523D8;
    color: #FFF;
    text-shadow: none;
}
::-moz-selection {
    background: #7523D8; /* Firefox */
    color: #FFF;
    text-shadow: none;
}
::-webkit-selection {
    background: #7523D8; /* Safari */
    color: #FFF;
    text-shadow: none;
}
:active,
:focus { outline: none !important; }
body {
    line-height: 1.5;
    color: #676e79;
    font-family: 'Karla', sans-serif;
    font-weight: normal;
}
a {
    text-decoration: none !important;
    color: #7523D8;
}
a:hover { color: #222; }
a img { border: none; }
img { max-width: 100%; }
iframe { border: none !important; }
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #444;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 30px 0;
    font-family: 'Karla', sans-serif;
}
h5,
h6 { margin-bottom: 20px; }
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
h4 { font-weight: bold; }
h5,
h6 { font-weight: bold; }
h1 > span:not(.nocolor):not(.badge),
h2 > span:not(.nocolor):not(.badge),
h3 > span:not(.nocolor):not(.badge),
h4 > span:not(.nocolor):not(.badge),
h5 > span:not(.nocolor):not(.badge),
h6 > span:not(.nocolor):not(.badge) { color: #7523D8; }
p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form { margin-bottom: 30px; }
small { font-family: 'Source Sans Pro', sans-serif; }
.uppercase { text-transform: uppercase !important; }
.lowercase { text-transform: lowercase !important; }
.capitalize { text-transform: capitalize !important; }
.nott { text-transform: none !important; }
.tright { text-align: right !important; }
.tleft { text-align: left !important; }
.fright { float: right !important; }
.fleft { float: left !important; }
.fnone { float: none !important; }
.ohidden {
    position: relative;
    overflow: hidden !important;
}
#wrapper {
    position: relative;
    float: none;
    width: 1220px;
    margin: 0 auto;
    background-color: #FFF;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.line,
.double-line {
    clear: both;
    position: relative;
    width: 100%;
    margin: 60px 0;
    border-top: 1px solid #EEE;
}
.line.line-sm { margin: 30px 0; }
span.middot {
    display: inline-block;
    margin: 0 5px;
}
.double-line { border-top: 3px double #E5E5E5; }
.emptydiv {
    display: block !important;
    position: relative !important;
}
.allmargin { margin: 50px !important; }
.leftmargin { margin-left: 50px !important; }
.rightmargin { margin-right: 50px !important; }
.topmargin { margin-top: 50px !important; }
.bottommargin { margin-bottom: 50px !important; }
.clear-bottommargin { margin-bottom: -50px !important; }
.allmargin-sm { margin: 30px !important; }
.leftmargin-sm { margin-left: 30px !important; }
.rightmargin-sm { margin-right: 30px !important; }
.topmargin-sm { margin-top: 30px !important; }
.bottommargin-sm { margin-bottom: 30px !important; }
.clear-bottommargin-sm { margin-bottom: -30px !important; }
.allmargin-lg { margin: 80px !important; }
.leftmargin-lg { margin-left: 80px !important; }
.rightmargin-lg { margin-right: 80px !important; }
.topmargin-lg { margin-top: 80px !important; }
.bottommargin-lg { margin-bottom: 80px !important; }
.clear-bottommargin-lg { margin-bottom: -80px !important; }
.nomargin {margin: 0 !important; }
.noleftmargin { margin-left: 0 !important; }
.norightmargin { margin-right: 0 !important; }
.notopmargin { margin-top: 0 !important; }
.nobottommargin { margin-bottom: 0 !important; }
.header-stick { margin-top: -50px !important; }
.content-wrap .header-stick { margin-top: -80px !important; }
.footer-stick { margin-bottom: -50px !important; }
.content-wrap .footer-stick { margin-bottom: -80px !important; }
.noborder { border: none !important; }
.noleftborder { border-left: none !important; }
.norightborder { border-right: none !important; }
.notopborder { border-top: none !important; }
.nobottomborder { border-bottom: none !important; }
.noradius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; }
.col-padding { padding: 60px; }
.nopadding { padding: 0 !important; }
.noleftpadding { padding-left: 0 !important; }
.norightpadding { padding-right: 0 !important; }
.notoppadding { padding-top: 0 !important; }
.nobottompadding { padding-bottom: 0 !important; }
.noabsolute { position: relative !important; }
.noshadow { box-shadow: none !important; }
.notextshadow { text-shadow: none !important; }
.hidden { display: none !important; }
.nothidden { display: block !important; }
.inline-block {
    float: none !important;
    display: inline-block !important;
}
.center { text-align: center !important; }
.divcenter {
    position: relative !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.bgcolor,
.bgcolor #header-wrap { background-color: #7523D8 !important; }
.color { color: #7523D8 !important; }
.border-color { border-color: #7523D8 !important; }
.nobg { background: none !important; }
.nobgcolor { background-color: transparent !important; }
.tnormal { font-weight: normal !important; }
.tnormal { font-weight: normal !important; }
.t500 { font-weight: 500 !important; }
.tbold { font-weight: bold !important; }
.tbold { font-weight: bold !important; }
.ls0 { letter-spacing: 0px !important; }
.ls1 { letter-spacing: 1px !important; }
.ls2 { letter-spacing: 2px !important; }
.ls3 { letter-spacing: 3px !important; }
.ls4 { letter-spacing: 4px !important; }
.ls5 { letter-spacing: 5px !important; }
.noheight { height: 0 !important; }
.nolineheight { line-height: 0 !important; }
.font-body { font-family: 'Source Sans Pro', sans-serif; }
.font-primary { font-family: 'Raleway', sans-serif; }
.font-secondary { font-family: 'Crete Round', serif; }
.bgicon {
    display: block;
    position: absolute;
    bottom: -60px;
    right: -50px;
    font-size: 210px;
    color: rgba(0,0,0,0.1);
}
.section {
    position: relative;
    margin: 60px 0;
    padding: 60px 0;
    background-color: #F9F9F9;
    overflow: hidden;
}
.parallax {
    background-color: transparent;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    overflow: hidden;
    will-change: transform;
}
.mobile-parallax,
.video-placeholder {
    background-size: cover !important;
    background-attachment: scroll !important;
    background-position: center center !important;
}
.section .container { z-index: 2; }
.content-about .container{
    padding-left: 15%
}
.section .container + .video-wrap { z-index: 1; }
.revealer-image {
    position: relative;
    bottom: -100px;
    transition: bottom .3s ease-in-out;
    -webkit-transition: bottom .3s ease-in-out;
    -o-transition: bottom .3s ease-in-out;
}
.section:hover .revealer-image { bottom: -50px; }
body.stretched .container-fullwidth {
    position: relative;
    padding: 0 60px;
    width: 100%;
}
#header {
    position: relative;
    background-color: #FFF;
    border-bottom: 1px solid #F5F5F5;
}
#header .container { position: relative; }
#header.transparent-header {
    background: transparent;
    border-bottom: none;
    z-index: 199;
}
#header.transparent-header + #slider,
#header.transparent-header + #page-title.page-title-parallax,
#header.transparent-header + #google-map,
#slider + #header.transparent-header {
    top: -100px;
    margin-bottom: -100px;
}
#header.transparent-header + #page-title.page-title-parallax .container {
    z-index: 5;
    padding-top: 100px;
}
#header.full-header { border-bottom-color: #EEE; }
#header.full-header.white #header-wrap{
    background: #fff
}
#header.full-header.white:before{
    background: rgba(0, 0, 0, 0.69);
    position: fixed;
    height: 100vh;
    width: 100%;
    content: '';
    z-index: -1
}
body.stretched #header.full-header .container {
    width: 100%;
    max-width: none;
    padding: 0 30px;
}
#slider + #header.transparent-header.full-header #header-wrap {
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: none;
}
#logo {
    position: relative;
    float: left;
    font-family: 'Karla', sans-serif;
    font-size: 36px;
    line-height: 100%;
    margin-right: 40px;
}
#header.full-header #logo {
    margin-right: 30px;
    padding: 10px 0 0;
}
#logo a {
    display: block;
    color: #000;
}
#logo img {
    display: block;
    max-width: 100%;
}
#logo a.standard-logo { display: block; }
#primary-menu {float: right;width: 75%;}
#primary-menu ul.mobile-primary-menu { display: none; }
#header.full-header #primary-menu > ul {
    float: left;
    padding-right: 15px;
    margin-right: 15px;
}
#primary-menu-trigger,
#page-submenu-trigger {
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    font-size: 14px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
#primary-menu ul {
    list-style: none;
    margin: 0;
}
#primary-menu > ul { float: left; }
#primary-menu ul li { position: relative; }
#primary-menu ul li.mega-menu { position: inherit; }
#primary-menu ul > li {
    float: left;
    margin-left: 24px;
}
#primary-menu > ul > li:first-child { margin-left: 0; }
#primary-menu ul li > a {
    display: block;
    line-height: 22px;
    padding: 30px 20px 25px;
    color: #444;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Karla', sans-serif;
    -webkit-transition: margin .4s ease, padding .4s ease;
    -o-transition: margin .4s ease, padding .4s ease;
    transition: margin .4s ease, padding .4s ease;
}
#primary-menu ul li > a span { display: none; }
#primary-menu ul li > a i {
    position: relative;
    top: -1px;
    font-size: 14px;
    width: 16px;
    text-align: center;
    margin-right: 6px;
    vertical-align: top;
}
#primary-menu ul li > a i.icon-angle-down:last-child {
    font-size: 12px;
    margin: 0 0 0 5px;
}

#primary-menu ul li:hover > a,
#primary-menu ul li.current > a { color: #7523D8; }
body.no-superfish #primary-menu li:hover > ul:not(.mega-menu-column),
body.no-superfish #primary-menu li:hover > .mega-menu-content { display: block; }
#primary-menu ul ul:not(.mega-menu-column),
#primary-menu ul li .mega-menu-content {
    display: none;
    position: absolute;
    width: 220px;
    background-color: #F2F4F8;
    height: auto;
    z-index: 199;
    top: 100%;
    left: 0;
    margin: 0;
}
#primary-menu ul ul:not(.mega-menu-column) ul {
    top: -2px !important;
    left: 218px;
}
#primary-menu ul ul.menu-pos-invert:not(.mega-menu-column),
#primary-menu ul li .mega-menu-content.menu-pos-invert {
    left: auto;
    right: 0;
}
#primary-menu ul ul:not(.mega-menu-column) ul.menu-pos-invert { right: 218px; }
#primary-menu ul ul li {
    float: none;
    margin: 0;
}
#primary-menu ul ul li:first-child { border-top: 0; }
#primary-menu ul ul li > a {
    font-size: 12px;
    font-weight: bold;
    color: #666;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 0;
    letter-spacing: 0;
    font-family: 'Lato', sans-serif;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#primary-menu ul ul li > a i { vertical-align: middle; }
#primary-menu ul ul li:hover > a {
    background-color: #F9F9F9;
    padding-left: 18px;
    color: #7523D8;
}
#primary-menu ul ul > li.sub-menu > a,
#primary-menu ul ul > li.sub-menu:hover > a {
    background-image: url("../images/icons/submenu.png");
    background-position: right center;
    background-repeat: no-repeat;
}
#primary-menu ul li .mega-menu-content,
#primary-menu ul li.mega-menu-small .mega-menu-content {
    width: 720px;
    max-width: normalpx;
}
#primary-menu ul li.mega-menu .mega-menu-content,
.floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content {
    margin: 0 15px;
    width: 1140px;
    max-width: none;
}
body.stretched .container-fullwidth #primary-menu ul li.mega-menu .mega-menu-content { margin: 0 60px; }
body.stretched #header.full-header #primary-menu ul li.mega-menu .mega-menu-content {
    margin: 0;
    width: 100% !important;
}
#primary-menu ul li.mega-menu .mega-menu-content.style-2 {
    padding: 0 15px 90px 15px;
}
#primary-menu ul li .mega-menu-content ul {
    display: block;
    position: relative;
    top: 0;
    min-width: inherit;
    border: 0;
    box-shadow: none;
    background-color: transparent;
}
#primary-menu ul li .mega-menu-content ul:not(.megamenu-dropdown) {
    display: block !important;
    opacity: 1 !important;
    top: 0;
    left: 0;
}
#primary-menu ul li .mega-menu-content ul.mega-menu-column {
    float: left;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}
#primary-menu ul li .mega-menu-content ul.mega-menu-column.col-5 {
    width: 20%;
    max-width: none;
}
#primary-menu ul li .mega-menu-content ul:not(.mega-menu-column) { width: 100%; }
#primary-menu ul li .mega-menu-content ul.mega-menu-column:not(:first-child) { border-left: 1px solid #F2F2F2; }
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column { padding: 30px 20px; }
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title:hover > a { background-color: transparent; }
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a:hover { color: #7523D8; }
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title.sub-menu > a,
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title.sub-menu:hover > a { background: none; }
#primary-menu ul li .mega-menu-content.style-2 li { border: 0; }
#primary-menu ul li .mega-menu-content.style-2 ul li > a {
    padding-left: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
}
#primary-menu ul li .mega-menu-content.style-2 ul li > a:hover { padding-left: 12px; }
#primary-menu.style-2 {
    float: none;
    max-width: none;
    border-top: 1px solid #F5F5F5;
}
#primary-menu.style-2 > div > ul { float: left; }
#primary-menu.style-2 > div > ul > li > a {
    padding-top: 19px;
    padding-bottom: 19px;
}
#logo + #primary-menu.style-2 { border-top: 0; }
#primary-menu.style-2 > div #top-search,
#primary-menu.style-2 > div #top-cart,
#primary-menu.style-2 > div #side-panel-trigger {
    margin-top: 20px;
    margin-bottom: 20px;
}
body:not(.device-md):not(.device-sm):not(.device-xs) #primary-menu.style-2.center > ul,
body:not(.device-md):not(.device-sm):not(.device-xs) #primary-menu.style-2.center > div {
    float: none;
    display: inline-block !important;
    width: auto;
    text-align: left;
}
#header,
#header-wrap {
    -webkit-transition: height .4s ease, opacity .3s ease;
    -o-transition: height .4s ease, opacity .3s ease;
    transition: height .4s ease, opacity .3s ease;
}
#logo img {
    height: 52px;
    -webkit-transition: height .4s ease, opacity .3s ease;
    -o-transition: height .4s ease, opacity .3s ease;
    transition: height .4s ease, opacity .3s ease;
}
#header.sticky-style-2 { height: 161px; }
#header.sticky-style-3 { height: 181px; }
#header.sticky-style-2 #header-wrap { height: 60px; }
#header.sticky-style-3 #header-wrap { height: 80px; }
#primary-menu > ul > li > ul,
#primary-menu > ul > li > .mega-menu-content,
#primary-menu > ul > li.mega-menu > .mega-menu-content {
    -webkit-transition: top .4s ease;
    -o-transition: top .4s ease;
    transition: top .4s ease;
}
body:not(.top-search-open) #header-wrap #logo,
body:not(.top-search-open) #primary-menu > ul,
body:not(.top-search-open) #primary-menu > .container > ul,
body:not(.top-search-open) #top-cart,
body:not(.top-search-open) #side-panel-trigger,
body:not(.top-search-open) #top-account {
    opacity: 1;
    -webkit-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
    -o-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
    transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
}
body.top-search-open #header-wrap #logo,
body.top-search-open #primary-menu > ul,
body.top-search-open #primary-menu > .container > ul,
body.top-search-open #top-cart,
body.top-search-open #side-panel-trigger,
body.top-search-open #top-account { opacity: 0; }
#header.sticky-header.semi-transparent { background-color: transparent; }
#header-wrap {
    position: relative;
    z-index: 199;
    -webkit-backface-visibility: hidden;
}
#header.sticky-header #header-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #FFF;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
#header.semi-transparent.sticky-header #header-wrap { background-color: rgba(255,255,255,0.8) }
#header.sticky-header:not(.static-sticky),
#header.sticky-header:not(.static-sticky) #header-wrap {height: 72px;}
#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img { height: 52px; }
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {
    padding-top: 25px;
    padding-bottom: 20px;
}
#header.sticky-header #logo {
    padding: 10px 0;
}
#header.sticky-header:not(.static-sticky).sticky-style-2,
#header.sticky-header:not(.static-sticky).sticky-style-3 { height: 161px; }
#header.sticky-header:not(.static-sticky).sticky-style-2 #primary-menu,
#header.sticky-header:not(.static-sticky).sticky-style-3 #primary-menu { border-top: 0; }
#header.sticky-header:not(.static-sticky) #top-search,
#header.sticky-header:not(.static-sticky) #top-cart,
#header.sticky-header:not(.static-sticky) #side-panel-trigger {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
#header.sticky-header:not(.static-sticky) #top-account {
    margin-top: 15px !important;
    margin-bottom: 14px !important;
}
#header.sticky-header:not(.static-sticky) #top-cart .top-cart-content { top: 40px; }
#header.sticky-header.sticky-style-2 #primary-menu { border-top: 0; }
.slider-element {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.slider-parallax { position: relative; }
.slider-parallax,
.slider-parallax .swiper-container {
    visibility: visible;
    -webkit-backface-visibility: hidden;
}
.slider-parallax .slider-parallax-inner {
    position: fixed;
    width: 100%;
    height: 100%;
}

.device-touch .slider-parallax .slider-parallax-inner { position: relative; }
body:not(.side-header) .slider-parallax .slider-parallax-inner { left: 0; }
body:not(.stretched) .slider-parallax .slider-parallax-inner { left: auto; }
#header.transparent-header + .slider-parallax .slider-parallax-inner { top: 0; }
.slider-parallax .slider-parallax-inner,
.slider-parallax .slider-caption {
    will-change: transform;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition: transform 0s linear;
    -webkit-backface-visibility: hidden;
}
.swiper_wrapper {
    width: 100%;
    height: 500px;
    overflow: hidden;
}

.full-screen .swiper_wrapper { height: auto; }

.swiper_wrapper .swiper-container {
    position: relative;
    width:100%;
    height:100%;
    margin: 0;
}
.swiper_wrapper .swiper-slide {
    position: relative;
    margin: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.swiper-slide [data-caption-animate] { -webkit-backface-visibility: hidden; }
.swiper-slide .video-wrap,
.section .video-wrap,
.swiper-slide .yt-bg-player,
.section .yt-bg-player {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
}
.yt-bg-player .inlinePlayButton,
.yt-bg-player .loading { display: none !important; }
.slider-element .container {
    position: relative;
    height: 100%;
}
.slider-element.canvas-slider .swiper-slide img { width: 100%; }
.slider-element.canvas-slider a {
    display: block;
    height: 100%;
}
.swiper-pagination {
    position: relative;
    width: 100%;
    z-index: 20;
    margin: 0;
    top: auto;
    bottom: 50px !important;
    text-align: left;
    line-height: 1;
    left: 60px;
}
.swiper-pagination span {
    display: inline-block;
    cursor: pointer;
    width: 36px;
    height: 3px;
    margin: 0 4px;
    opacity: 1;
    background-color: #C0BFF6;
    border: none;
    border-radius: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.swiper-pagination span:hover, .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #FFBB25 !important;
}
.slider-caption,
.flex-caption {
    position: absolute;
    top: 0;
    left: 75px;
    z-index: 20;
    max-width: 500px;
    color: #EEE;
    font-size: 1.375rem;
    font-weight: normal;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    -webkit-transition: top .3s ease;
    -o-transition: top .3s ease;
    transition: top .3s ease;
}
.slider-caption:not(.dark),
.slider-caption:not(.dark) h2 {
    color: #222;
    text-shadow: none;
}
.slider-caption h2 {
    font-size: 40px;
    letter-spacing: 2px;
    text-transform: capitalize;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 0;
    color: #403E9B !important;
}
.slider-caption p {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 20px;
    color: #644DA4;
}
.slider-caption.slider-caption-right {
    left: auto;
    right: 15px;
}
.slider-caption.slider-caption-center {
    position: relative;
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.slider-caption-bg {
    padding: 5px 12px;
    border-radius: 2px;
    background-color: rgba(0,0,0,0.6);
    top: auto;
    bottom: 50px;
    left: 50px;
}
.slider-caption-bg.slider-caption-bg-light {
    background-color: rgba(255,255,255,0.8);
    color: #333;
    font-weight: normal;
    text-shadow: none;
}
.slider-caption-top-left {
    top: 50px;
    bottom: auto;
}
.slider-caption-top-right {
    top: 50px;
    bottom: auto;
    left: auto;
    right: 50px;
}
.slider-caption-bottom-right {
    left: auto;
    right: 50px;
}
.slider-element .owl-carousel { margin: 0; }
.slider-arrow-left,
.slider-arrow-right,
.flex-prev,
.flex-next,
.slider-arrow-top-sm,
.slider-arrow-bottom-sm {
    position: absolute;
    cursor: pointer;
    z-index: 10;
    top: 50%;
    margin-top: -26px;
}
.slider-arrow-left {
    left: 30px;
}
.slider-arrow-right {
    right: 30px !important;
}
.slider-arrow-top-sm,
.slider-arrow-bottom-sm {
    top: auto;
    bottom: 57px;
    left: auto;
    right: 20px;
    margin: 0;
    width: 32px;
    height: 32px;
    border-radius: 3px 3px 0 0;
}
.slider-arrow-bottom-sm {
    bottom: 20px;
    border-radius: 0 0 3px 3px;
}
.fslider[data-thumbs="true"] .flex-prev,
.fslider[data-thumbs="true"] .flex-next { margin-top: -64px; }
.slider-arrow-right,
.slider-element .owl-next,
.flex-next {
    left: auto;
    right: 0;
    border-radius: 3px 0 0 3px;
}
.slider-arrow-left i,
.slider-arrow-right i,
.flex-prev i,
.flex-next i,
.slider-arrow-top-sm i,
.slider-arrow-bottom-sm i {
    line-height: 50px;
    width: 34px;
    height: 52px;
    color: #DDD;
    color: rgba(255,255,255,0.8);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    font-size: 34px;
    text-align: center;
    margin-left: 7px;
}
.slider-arrow-top-sm i,
.slider-arrow-bottom-sm i {
    width: 32px;
    height: 32px;
    margin: 0;
    line-height: 30px;
    font-size: 18px;
    color: #FFF;
    color: rgba(255,255,255,1);
}
.flex-prev i { margin-left: 9px; }
.slider-element .owl-prev i { margin-left: 0; }
.slider-arrow-right i { margin-left: 10px; }
.flex-next i { margin-left: 11px; }
.slider-element .owl-next i { margin-right: 4px; }
.slider-element .owl-dots {
    position: absolute;
    width: 100%;
    z-index: 20;
    margin: 0;
    top: auto;
    bottom: 15px;
}
.slider-element .owl-dots button {
    width: 10px;
    height: 10px;
    margin: 0 3px;
    opacity: 1 !important;
    background-color: transparent !important;
    border: 1px solid #FFF;
}
.slider-element .owl-dots .owl-dot.active,
.slider-element .owl-dots .owl-dot:hover { background-color: #FFF !important; }
#content {
    position: relative;
    overflow: hidden;
    background-color: #FFF;
}
#content p {line-height: 1.8;}
.content-wrap {
    position: relative;
    padding: 80px 0;
}
#content .container { position: relative; }
.grid-container {
    position: relative;
    overflow: hidden;
}
body:not(.device-touch) .grid-container {
    -webkit-transition: height .4s ease;
    -o-transition: height .4s ease;
    transition: height .4s ease;
}
img.alignleft,
div.alignleft {
    float: left;
    margin: 5px 20px 13px 0;
    max-width: 100%;
}
div.alignleft > img,
div.alignnone > img,
div.aligncenter > img,
div.alignright > img {
    display: block;
    float: none;
}
img.alignnone,
img.aligncenter,
div.alignnone,
div.aligncenter {
    display: block;
    margin: 10px 0;
    float: none;
}
img.aligncenter,
div.aligncenter,
div.aligncenter img {
    margin-left: auto;
    margin-right: auto;
    clear: both;
}
img.alignright,
div.alignright {
    float: right;
    margin: 5px 0 13px 20px;
}
.button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 10px 32px;
    font-size: 15px;
    height: auto;
    line-height: 40px;
    background-color: #7523D8;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
}
.button:hover{
    background-color:#8b57e8
}
body:not(.device-touch) .button {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.button-dark { background-color: #444; }
.button-light {
    background-color: #EEE;
    color: #333;
    text-shadow: none !important;
}
.button:hover {
    background-color: #444;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.button.button-dark:hover { background-color: #7523D8; }
.button.button-mini {
    padding: 0 14px;
    font-size: 11px;
    height: 28px;
    line-height: 28px;
}
.button.button-small {
    padding: 0 17px;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
}
.button.button-large {
    padding: 0 26px;
    font-size: 16px;
    height: 46px;
    line-height: 46px;
}
.button.button-xlarge {
    padding: 0 32px;
    font-size: 18px;
    letter-spacing: 2px;
    height: 52px;
    line-height: 52px;
}
.button.button-desc {
    text-align: left;
    padding: 24px 34px;
    font-size: 22px;
    height: auto;
    line-height: 1;
    font-family: 'Raleway', sans-serif;
}
.button.button-desc span {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    font-family: 'Crete Round', serif;
    font-style: italic;
    text-transform: none;
}
.button i {
    position: relative;
    top: 1px;
    line-height: 1;
    margin-right: 5px;
    width: 16px;
    text-align: center;
}
.button.tright i { margin: 0 0 0 5px; }
.button-mini i { margin-right: 3px; }
.button-mini.tright i { margin: 0 0 0 3px; }
.button-small i { margin-right: 4px; }
.button-small.tright i { margin: 0 0 0 4px; }
.button-xlarge i {
    top: 2px;
    margin-right: 8px;
}
.button-xlarge.tright i { margin: 0 0 0 8px; }
.button.button-desc i {
    top: 1px;
    font-size: 48px;
    width: 48px;
    text-align: center;
    margin-right: 12px;
}
.button.button-desc.tright i { margin: 0 0 0 12px; }
.button.button-desc div { display: inline-block; }
.button.button-rounded { border-radius: 3px; }
.button.button-circle {border-radius: 120px;}
.button.button-mini.button-circle { border-radius: 14px; }
.button.button-small.button-circle { border-radius: 17px; }
.button.button-large.button-circle { border-radius: 23px; }
.button.button-xlarge.button-circle { border-radius: 26px; }
.feature-box {
    position: relative;
    margin-top: 20px;
    padding: 0 0 0 80px;
}
.feature-box:first-child { margin-top: 0; }
.feature-box .fbox-icon {
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    top: 0;
    left: 0;
}
.feature-box .fbox-icon a,
.feature-box .fbox-icon i,
.feature-box .fbox-icon img {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #FFF;
    text-align: center;
}
.feature-box .fbox-icon i,
.feature-box .fbox-icon img {
    border-radius: 50%;
    background-color: #7523D8;
}
.feature-box .fbox-icon i {
    font-style: normal;
    font-size: 28px;
    text-align: center;
    line-height: 64px;
}
.feature-box h3 {
    font-size: 20px;
    font-weight: bold;
    text-transform: capitalize;
    margin-bottom: 0;
    color: #1F3D62;
}
.feature-box p {
    margin: 10px 10%;
    line-height: 1.35 !important;
    color: #676e79;
}
.feature-box .before-heading { font-size: 14px; }
.feature-box.fbox-large { padding: 0 0 0 115px; }
.feature-box.fbox-large .fbox-icon {
    width: 96px;
    height: 96px;
}
.feature-box.fbox-large .fbox-icon i {
    font-size: 42px;
    line-height: 96px;
}
.feature-box.fbox-outline .fbox-icon {
    border: 1px solid #7523D8;
    border-radius: 50%;
    padding: 3px;
}
.feature-box.fbox-outline .fbox-icon i { line-height: 56px; }
.feature-box.fbox-outline.fbox-large .fbox-icon { padding: 4px; }
.feature-box.fbox-outline.fbox-large .fbox-icon i { line-height: 86px; }
.feature-box.fbox-rounded .fbox-icon { border-radius: 3px !important; }
.feature-box.fbox-rounded .fbox-icon i,
.feature-box.fbox-rounded .fbox-icon img { border-radius: 3px !important; }
.feature-box.fbox-rounded.fbox-large .fbox-icon { border-radius: 4px !important; }
.feature-box.fbox-rounded.fbox-large .fbox-icon i,
.feature-box.fbox-rounded.fbox-large .fbox-icon img { border-radius: 4px !important; }
.feature-box.fbox-light.fbox-outline .fbox-icon { border-color: #E5E5E5; }
.feature-box.fbox-light .fbox-icon i,
.feature-box.fbox-light .fbox-icon img {
    border: 1px solid #E5E5E5;
    background-color: #F5F5F5;
    color: #444;
}
.feature-box.fbox-light .fbox-icon i { line-height: 62px; }
.feature-box.fbox-light.fbox-outline .fbox-icon i { line-height: 54px; }
.feature-box.fbox-light.fbox-large .fbox-icon i { line-height: 96px; }
.feature-box.fbox-light.fbox-outline.fbox-large .fbox-icon i { line-height: 84px; }
.feature-box.fbox-dark.fbox-outline .fbox-icon { border-color: #444; }
.feature-box.fbox-dark .fbox-icon i,
.feature-box.fbox-dark .fbox-icon img { background-color: #333; }
.feature-box.fbox-border .fbox-icon {
    border: 1px solid #7523D8;
    border-radius: 50%;
}
.feature-box.fbox-border .fbox-icon i,
.feature-box.fbox-border .fbox-icon img {
    border: none;
    background-color: transparent !important;
    color: #7523D8;
}
.feature-box.fbox-border .fbox-icon { padding: 0; }
.feature-box.fbox-border .fbox-icon i { line-height: 62px !important; }
.feature-box.fbox-border.fbox-large .fbox-icon i { line-height: 94px !important; }
.feature-box.fbox-border.fbox-light .fbox-icon { border-color: #E5E5E5; }
.feature-box.fbox-border.fbox-light .fbox-icon i,
.feature-box.fbox-border.fbox-light .fbox-icon img { color: #888; }
.feature-box.fbox-border.fbox-dark .fbox-icon { border-color: #333; }
.feature-box.fbox-border.fbox-dark .fbox-icon i,
.feature-box.fbox-border.fbox-dark .fbox-icon img { color: #444; }
.feature-box.fbox-plain .fbox-icon {
    border: none !important;
    height: auto !important;
}
.feature-box.fbox-plain .fbox-icon i,
.feature-box.fbox-plain .fbox-icon img {
    border: none !important;
    background-color: transparent !important;
    color: #7523D8;
    border-radius: 0;
}
.feature-box.fbox-plain .fbox-icon i {
    font-size: 48px;
    line-height: 1 !important;
}
.feature-box.fbox-plain .fbox-icon img { height: 64px; }
.feature-box.fbox-plain.fbox-image .fbox-icon { width: auto; }
.feature-box.fbox-plain.fbox-image .fbox-icon img {
    width: auto;
    display: inline-block;
}
.feature-box.fbox-plain.fbox-small { padding-left: 42px; }
.feature-box.fbox-plain.fbox-small .fbox-icon { width: 28px; }
.feature-box.fbox-plain.fbox-small h3 {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 10px;
}
.feature-box.fbox-plain.fbox-small p { margin-left: -42px; }
.feature-box.fbox-plain.fbox-small .fbox-icon i { font-size: 28px; }
.feature-box.fbox-plain.fbox-small .fbox-icon img { height: 28px; }
.feature-box.fbox-plain.fbox-large .fbox-icon i { font-size: 72px; }
.feature-box.fbox-plain.fbox-large .fbox-icon img { height: 96px; }
.feature-box.fbox-plain.fbox-light .fbox-icon i,
.feature-box.fbox-plain.fbox-light .fbox-icon img { color: #888; }
.feature-box.fbox-plain.fbox-dark .fbox-icon i,
.feature-box.fbox-plain.fbox-dark .fbox-icon img { color: #444; }
.feature-box.fbox-center {
    padding: 0;
    text-align: center;
}
.feature-box.fbox-center.fbox-small { padding-left: 0 !important; }
.feature-box.fbox-center .fbox-icon {
    position: relative;
    width: 218px;
    height: 96px;
    margin: 0 auto;
}
.feature-box.fbox-center .fbox-icon i {
    font-size: 42px;
    line-height: 96px;
}
.feature-box.fbox-center.fbox-outline .fbox-icon i { line-height: 88px; }
.feature-box.fbox-center p {
    font-size: 16px;
    margin-top: 10px;
}
.feature-box.fbox-center.fbox-large .fbox-icon {
    width: 128px;
    height: 128px;
}
.feature-box.fbox-center.fbox-large .fbox-icon i {
    font-size: 70px;
    line-height: 128px;
}
.feature-box.fbox-center.fbox-large.fbox-outline .fbox-icon i { line-height: 118px; }
.feature-box.fbox-center.fbox-light .fbox-icon i { line-height: 94px; }
.feature-box.fbox-center.fbox-light.fbox-outline .fbox-icon i { line-height: 86px; }
.feature-box.fbox-center.fbox-light.fbox-outline.fbox-large .fbox-icon i { line-height: 114px; }
.feature-box.fbox-center.fbox-border .fbox-icon i { line-height: 94px !important; }
.feature-box.fbox-center.fbox-large.fbox-border .fbox-icon i { line-height: 126px !important; }
.feature-box.fbox-center.fbox-plain .fbox-icon i { font-size: 84px; }
.feature-box.fbox-center.fbox-plain .fbox-icon img {
    height: auto;
    width: 180px;
    margin: 0 auto;
}
.feature-box.fbox-center.fbox-large.fbox-plain .fbox-icon i { font-size: 112px; }
.feature-box.fbox-center.fbox-large.fbox-plain .fbox-icon img { height: 128px; }
.feature-box.fbox-center.fbox-small .fbox-icon {
    width: 64px;
    height: 64px;
}
.feature-box.fbox-center.fbox-small .fbox-icon i {
    font-size: 28px;
    line-height: 64px;
}
.feature-box.fbox-center.fbox-small.fbox-outline .fbox-icon i { line-height: 58px; }
.feature-box.fbox-center.fbox-light.fbox-outline.fbox-small .fbox-icon i { line-height: 54px; }
.feature-box.fbox-center.fbox-small.fbox-border .fbox-icon i { line-height: 62px !important; }
.feature-box.fbox-center.fbox-small.fbox-plain .fbox-icon i { font-size: 56px; }
.feature-box.fbox-center.fbox-small.fbox-plain .fbox-icon img { height: 64px; }
.feature-box.fbox-center.fbox-small p {
    font-size: 14px;
    margin-top: 10px;
}
.feature-box.fbox-center.fbox-plain.fbox-small p { margin-left: 0; }
.feature-box.fbox-right {
    padding: 0 80px 0 0;
    text-align: right;
}
.feature-box.fbox-right.fbox-large { padding-right: 115px; }
.feature-box.fbox-right .fbox-icon {
    left: auto;
    right: 0;
}
.feature-box.fbox-right.fbox-plain.fbox-small { padding: 0 42px 0 0; }
.feature-box.fbox-right.fbox-plain.fbox-small p { margin: 0 -42px 0 0; }
.feature-box h3 + .fbox-icon { margin-top: 20px !important; }
.feature-box h3 span.subtitle {
    display: block;
    margin-top: 5px;
    color: #444;
    font-weight: normal;
    text-transform: none;
}
.feature-box.fbox-center:not(.fbox-bg) h3:after {
    content: '';
    display: block;
    margin: 20px auto;
    width: 30px;
    border-top: 2px solid #555;
    -webkit-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease;
}
.feature-box.fbox-center:not(.fbox-bg):hover h3:after { width: 50px; }
.feature-box.fbox-center.noborder:not(.fbox-bg) h3:after,
.feature-box.fbox-center.nobottomborder:not(.fbox-bg) h3:after { display: none; }
.feature-box.fbox-center.fbox-italic p {
    font-style: italic;
    font-family: 'Lato', sans-serif;
}
.feature-box.fbox-bg.fbox-center {
    margin-top: 68px;
    padding: 68px 30px 30px;
    background-color: #FFF;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
}
.feature-box.fbox-bg.fbox-center:first-child { margin-top: 48px; }
.feature-box.fbox-bg.fbox-center.fbox-large {
    margin-top: 84px;
    padding-top: 84px;
}
.feature-box.fbox-bg.fbox-center.fbox-large:first-child { margin-top: 64px; }
.feature-box.fbox-bg.fbox-center .fbox-icon {
    position: absolute;
    top: -48px;
    left: 50%;
    margin: 0 0 0 -48px;
}
.feature-box.fbox-bg.fbox-center.fbox-large .fbox-icon {
    top: -64px;
    left: 50%;
    margin-left: -64px;
}
.feature-box.fbox-bg.fbox-center.fbox-plain .fbox-icon,
.feature-box.fbox-bg.fbox-center.fbox-border .fbox-icon,
.feature-box.fbox-bg.fbox-center.fbox-outline .fbox-icon { background-color: #FFF; }
.fbox-effect .fbox-icon i { z-index: 1; }
.fbox-effect .fbox-icon i: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;
}
.fbox-rounded.fbox-effect .fbox-icon i:after { border-radius: 3px; }
.fbox-effect .fbox-icon i {
    -webkit-transition: background-color 0.3s, color 0.3s;
    -o-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}
.fbox-effect .fbox-icon i:after {
    top: -3px;
    left: -3px;
    padding: 3px;
    box-shadow: 0 0 0 2px #333;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.3s, opacity 0.3s;
    transform: scale(.8);
    opacity: 0;
}
.fbox-effect .fbox-icon i:hover,
.fbox-effect:hover .fbox-icon i {
    background-color: #333;
    color: #FFF;
}
.fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #7523D8; }
.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-effect.fbox-dark:hover .fbox-icon i { background-color: #7523D8; }
.fbox-effect .fbox-icon i:hover:after,
.fbox-effect:hover .fbox-icon i:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.fbox-border.fbox-effect .fbox-icon i {
    -webkit-transition: color 0.5s, box-shadow 0.5s, background-color 0.5s;
    -o-transition: color 0.5s, box-shadow 0.5s, background-color 0.5s;
    transition: color 0.5s, box-shadow 0.5s, background-color 0.5s;
}
.fbox-border.fbox-effect .fbox-icon i:after {
    top: -2px;
    left: -2px;
    padding: 2px;
    z-index: -1;
    box-shadow: none;
    background-image: url('images/icons/iconalt.svg');
    background-position: center center;
    background-size: 100% 100%;
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s, background-color 0.5s;
    -o-transition: -moz-transform 0.5s, opacity 0.5s, background-color 0.5s;
    transition: transform 0.5s, opacity 0.5s, background-color 0.5s;
}
.fbox-border.fbox-rounded.fbox-effect .fbox-icon i:after { border-radius: 3px; }
.fbox-border.fbox-effect .fbox-icon i:hover,
.fbox-border.fbox-effect:hover .fbox-icon i {
    color: #FFF;
    box-shadow: 0 0 0 1px #333;
}
.fbox-border.fbox-effect .fbox-icon i:after {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
    background-color: #333;
}
.fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #7523D8; }
.fbox-border.fbox-effect.fbox-dark .fbox-icon i:after { background-color: #7523D8; }
.fbox-border.fbox-effect .fbox-icon i:hover:after,
.fbox-border.fbox-effect:hover .fbox-icon i:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.i-rounded,
.i-plain,
.i-circled,
.i-bordered,
.social-icon {
    display: block;
    float: left;
    margin: 4px 11px 7px 0;
    text-align: center !important;
    font-size: 28px;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    cursor: pointer;
    font-style: normal;
}
body:not(.device-touch) .i-rounded,
body:not(.device-touch) .i-plain,
body:not(.device-touch) .i-circled,
body:not(.device-touch) .i-bordered,
body:not(.device-touch) .social-icon {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.i-rounded,
.i-circled,
.i-bordered {
    width: 52px !important;
    height: 52px !important;
    line-height: 52px !important;
    background-color: #444;
    border-radius: 3px;
}
.social-icon {
    margin: 0 5px 5px 0;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 38px !important;
    color: #555;
    text-shadow: none;
    border: 1px solid #AAA;
    border-radius: 3px;
    overflow: hidden;
}
.si-rounded { border-radius: 50%; }

.social-icon i {
    display: block;
    position: relative;
}
body:not(.device-touch) .social-icon i {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.social-icon i:last-child { color: #FFF !important; }
.social-icon:hover i:first-child { margin-top: -30px; }
.social-icon.si-large:hover i:first-child { margin-top: -54px; }
.social-icon.si-small:hover i:first-child { margin-top: -30px; }
.social-icon:hover {
    color: #555;
    border-color: transparent;
}
.si-colored.social-icon { border-color: transparent; }
.si-facebook:hover,
.si-colored.si-facebook { background-color: #3B5998 !important; }
.si-delicious:hover,
.si-colored.si-delicious { background-color: #205CC0 !important; }
.si-paypal:hover,
.si-colored.si-paypal { background-color: #00588B !important; }
.si-flattr:hover,
.si-colored.si-flattr { background-color: #F67C1A !important; }
.si-android:hover,
.si-colored.si-android { background-color: #A4C639 !important; }
.si-smashmag:hover,
.si-colored.si-smashmag { background-color: #E53B2C !important; }
.si-gplus:hover,
.si-colored.si-gplus { background-color: #DD4B39 !important; }
.si-wikipedia:hover,
.si-colored.si-wikipedia { background-color: #333 !important; }
.si-stumbleupon:hover,
.si-colored.si-stumbleupon { background-color: #F74425 !important; }
.si-foursquare:hover,
.si-colored.si-foursquare { background-color: #25A0CA !important; }
.si-call:hover,
.si-colored.si-call { background-color: #444 !important; }
.si-ninetyninedesigns:hover,
.si-colored.si-ninetyninedesigns { background-color: #F26739 !important; }
.si-forrst:hover,
.si-colored.si-forrst { background-color: #5B9A68 !important; }
.si-digg:hover,
.si-colored.si-digg { background-color: #191919 !important; }
.si-spotify:hover,
.si-colored.si-spotify { background-color: #81B71A !important; }
.si-reddit:hover,
.si-colored.si-reddit { background-color: #C6C6C6 !important; }
.si-blogger:hover,
.si-colored.si-blogger { background-color: #FC4F08 !important; }
.si-cc:hover,
.si-colored.si-cc { background-color: #688527 !important; }
.si-dribbble:hover,
.si-colored.si-dribbble { background-color: #EA4C89 !important; }
.si-evernote:hover,
.si-colored.si-evernote { background-color: #5BA525 !important; }
.si-flickr:hover,
.si-colored.si-flickr { background-color: #FF0084 !important; }
.si-google:hover,
.si-colored.si-google { background-color: #DD4B39 !important; }
.si-instapaper:hover,
.si-colored.si-instapaper { background-color: #333 !important; }
.si-klout:hover,
.si-colored.si-klout { background-color: #FF5F52 !important; }
.si-linkedin:hover,
.si-colored.si-linkedin { background-color: #0E76A8 !important; }
.si-vk:hover,
.si-colored.si-vk { background-color: #2B587A !important; }
.si-rss:hover,
.si-colored.si-rss { background-color: #EE802F !important; }
.si-skype:hover,
.si-colored.si-skype { background-color: #00AFF0 !important; }
.si-twitter:hover,
.si-colored.si-twitter { background-color: #00ACEE !important; }
.si-youtube:hover,
.si-colored.si-youtube { background-color: #C4302B !important; }
.si-vimeo:hover,
.si-colored.si-vimeo { background-color: #86C9EF !important; }
.si-aim:hover,
.si-colored.si-aim { background-color: #FCD20B !important; }
.si-yahoo:hover,
.si-colored.si-yahoo { background-color: #720E9E !important; }
.si-email3:hover,
.si-colored.si-email3 { background-color: #6567A5 !important; }
.si-macstore:hover,
.si-colored.si-macstore { background-color: #333333 !important; }
.si-myspace:hover,
.si-colored.si-myspace { background-color: #666666 !important; }
.si-podcast:hover,
.si-colored.si-podcast { background-color: #E4B21B !important; }
.si-cloudapp:hover,
.si-colored.si-cloudapp { background-color: #525557 !important; }
.si-dropbox:hover,
.si-colored.si-dropbox { background-color: #3D9AE8 !important; }
.si-ebay:hover,
.si-colored.si-ebay { background-color: #89C507 !important; }
.si-github:hover,
.si-colored.si-github { background-color: #171515 !important; }
.si-googleplay:hover,
.si-colored.si-googleplay { background-color: #DD4B39 !important; }
.si-itunes:hover,
.si-colored.si-itunes { background-color: #222 !important; }
.si-plurk:hover,
.si-colored.si-plurk { background-color: #CF5A00 !important; }
.si-pinboard:hover,
.si-colored.si-pinboard { background-color: #0000E6 !important; }
.si-soundcloud:hover,
.si-colored.si-soundcloud { background-color: #FF7bold !important; }
.si-tumblr:hover,
.si-colored.si-tumblr { background-color: #34526F !important; }
.si-wordpress:hover,
.si-colored.si-wordpress { background-color: #1E8CBE !important; }
.si-yelp:hover,
.si-colored.si-yelp { background-color: #C41200 !important; }
.si-intensedebate:hover,
.si-colored.si-intensedebate { background-color: #009EE4 !important; }
.si-eventbrite:hover,
.si-colored.si-eventbrite { background-color: #F16924 !important; }
.si-scribd:hover,
.si-colored.si-scribd { background-color: #666666 !important; }
.si-stripe:hover,
.si-colored.si-stripe { background-color: #008CDD !important; }
.si-print:hover,
.si-colored.si-print { background-color: #111 !important; }
.si-dwolla:hover,
.si-colored.si-dwolla { background-color: #FF5C03 !important; }
.si-statusnet:hover,
.si-colored.si-statusnet { background-color: #131A30 !important; }
.si-acrobat:hover,
.si-colored.si-acrobat { background-color: #D3222A !important; }
.si-drupal:hover,
.si-colored.si-drupal { background-color: #27537A !important; }
.si-buffer:hover,
.si-colored.si-buffer { background-color: #333333 !important; }
.si-pocket:hover,
.si-colored.si-pocket { background-color: #EE4056 !important; }
.si-bitbucket:hover,
.si-colored.si-bitbucket { background-color: #0E4984 !important; }
.si-stackoverflow:hover,
.si-colored.si-stackoverflow { background-color: #EF8236 !important; }
.si-hackernews:hover,
.si-colored.si-hackernews { background-color: #FF6bold !important; }
.si-xing:hover,
.si-colored.si-xing { background-color: #126567 !important; }
.si-instagram:hover,
.si-colored.si-instagram { background-color: #3F729B !important; }
.si-quora:hover,
.si-colored.si-quora { background-color: #A82normal !important; }
.si-openid:hover,
.si-colored.si-openid { background-color: #E16309 !important; }
.si-steam:hover,
.si-colored.si-steam { background-color: #111 !important; }
.si-amazon:hover,
.si-colored.si-amazon { background-color: #E47911 !important; }
.si-disqus:hover,
.si-colored.si-disqus { background-color: #E4E7EE !important; }
.si-plancast:hover,
.si-colored.si-plancast { background-color: #222 !important; }
.si-appstore:hover,
.si-colored.si-appstore { background-color: #000 !important; }
.si-pinterest:hover,
.si-colored.si-pinterest { background-color: #C8232C !important; }
.si-fivehundredpx:hover,
.si-colored.si-fivehundredpx { background-color: #111 !important; }
.title-block {
    padding: 2px 0 3px 20px;
    border-left: 7px solid #7523D8;
    margin-bottom: 30px;
}
.title-block h1,
.title-block h2,
.title-block h3,
.title-block h4 { margin-bottom: 0; }
.title-block > span {
    display: block;
    margin-top: 4px;
    color: #555;
    font-weight: normal;
}
.title-block h1 + span { font-size: 22px; }
.title-block h2 + span { font-size: 19px; }
.title-block h3 + span { font-size: 17px; }
.title-block h4 + span {
    font-size: 15px;
    margin-top: 3px;
}
.heading-block { margin-bottom: 50px; }
.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 {
    margin-bottom: 0;
    font-weight: bold;
    text-transform: capitalize;
    letter-spacing: 1px;
    color: #1F3D62;
}
.emphasis-title h1,
.emphasis-title h2 {
    font-weight: normal;
    letter-spacing: 0;
    text-transform: none;
}
.heading-block h1 {
    font-size: 28px;
}
.heading-block h2 { font-size: 30px; }
.heading-block h3 { font-size: 26px; }
.heading-block h4 {
    font-size: 20px;
    font-weight: bold;
}
.heading-block > span:not(.before-heading) {
    display: block;
    margin-top: 10px;
    font-weight: normal;
    color: #676e79;
    max-width: 600px;
}
.heading-block .before-heading { margin-bottom: 7px; }
.heading-block.center > span,
.heading-block.title-center > span,
.center .heading-block > span {
    margin-left: auto;
    margin-right: auto;
}
.heading-block h1 + span {
    font-size: 17px;
}
.heading-block h2 + span { font-size: 22px; }
.heading-block h3 + span,
.heading-block h4 + span { font-size: 20px; }
.heading-block ~ p:not(.lead) { font-size: 15px; }
.heading-block:after {
    content: '';
    display: block;
    margin-top: 30px;
    width: 40px;
    border-top: 2px solid #444;
}
.center .heading-block:after,
.heading-block.center:after,
.heading-block.title-center:after { margin: 30px auto 0; }
.tright .heading-block,
.heading-block.tright,
.heading-block.title-right { direction: rtl; }
.heading-block.noborder:after,
.heading-block.nobottomborder:after { display: none; }
.heading-block.border-color:after { border-color: #7523D8; }
.emphasis-title { margin: 0 0 50px; }
.emphasis-title h1,
.emphasis-title h2 {
    font-size: 64px;
    letter-spacing: -2px;
}
.emphasis-title h1 strong,
.emphasis-title h2 strong { font-weight: bold; }
.before-heading {
    display: block;
    margin: 0 0 5px;
    font-size: 16px;
    font-family: 'Crete Round', serif;
    font-style: italic;
    font-weight: normal;
    color: #999;
}
#gotoTop {
    display: none;
    z-index: 299;
    position: fixed;
    width: 40px;
    height: 40px;
    background-color: #333;
    background-color: rgba(0,0,0,0.3);
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    color: #FFF;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 50px;
    cursor: pointer;
    border-radius: 2px;
}
body:not(.device-touch) #gotoTop {
    transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
}
.stretched #gotoTop { bottom: 30px; }
#gotoTop:hover { background-color: #7523D8; }
.preloader,
.preloader2,
.form-process {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/preloader.gif") center center no-repeat #FFF;
}
.preloader2 { background-color: transparent; }
.form-process {
    display: none;
    position: absolute;
    z-index: 3;
    background-color: rgba(255,255,255,0.7);
}
#footer {
    position: relative;
    background-color: #7523D8;
    color: #fff;
    padding: 50px 60px 30px;
    z-index: 9;
}
#footer .footer-widgets-wrap {
    position: relative;
    padding: 80px 0;
}
.footer-logo {
    display: inline-block;
}
.widget {
    position: relative;
    margin-top: 50px;
}
.widget p { line-height: 1.7; }
.sidebar-widgets-wrap .widget {
    padding-top: 50px;
    border-top: 1px solid #EEE;
}
.widget:first-child { margin-top: 0; }
.sidebar-widgets-wrap .widget:first-child {
    padding-top: 0;
    border-top: 0;
}
.widget > h4 {
    margin-bottom: 25px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.sidebar-widgets-wrap .widget > h4 { letter-spacing: 1px; }
.widget p:not(.lead) { font-size: 14px; }
.stretched #wrapper {
    width: 100%;
    margin: 0;
    box-shadow: none;
}
body:not(.no-transition) #wrapper,
.animsition-overlay {
    position: relative;
    opacity: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.right-social-menu {
    float: right;
    margin: 20px 0;
    -webkit-transition: margin .4s ease;
    -o-transition: margin .4s ease;
    transition: margin .4s ease;
}
#header.sticky-header .right-social-menu {margin: 20px 0;}
.social-icon {
    margin: 0 5px 0 0;
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 30px !important;
    color: #7523D8;
    text-shadow: none;
    border: 1px solid #7523D8;
    border-radius: 3px;
    overflow: hidden;
    display: block;
    float: left;
    text-align: center !important;
}
.si-rounded { border-radius: 50%; }
.social-icon i {
    display: block;
    position: relative;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
}
#primary-menu .sub-menu > a {
    background-image: url(../images/sub-menu-arrow.png);
    background-position: right center;
    background-repeat: no-repeat;
}
#primary-menu ul li.mega-menu .mega-menu-content.style-2:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 16px solid #F2F4F8;
    position: absolute;
    top: -16px;
    left: 61.5%;
}
#primary-menu .services-list li {
    float: left;
    width: 16.66%;
}
.services-list .featured-box {
    padding: 0 20px;
}
.featured-box img {
    height: 114px;
    width: auto;
}
.services-list .featured-box h3 {
    color: #1F3D62;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.2;
    min-height: 40px;
}
.services-list .featured-box p {
    color: #4F4F4F;
    font-size: 11px;
    margin-bottom: 10px;
    line-height: 1.5;
}
a.text-link {
    font-weight: bold;
    text-decoration: underline !important;
    text-transform: uppercase;
    font-size: 14px;
}
.services-list .featured-box > a.text-link {
    font-size: 11px;
}
.mega-menu-column .widget > h3 {
    color: #1F3D62;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 20px;
}
.mega-menu-column .widget > p {
    color: #4F4F4F;
    font-size: 12px;
}
.services-list li:first-child {
    border-left: solid 1px #D4E1F4 !important;
    margin-left: -20px !important;
}
#slider .button {
    font-size: 18px;
    padding: 6px 40px;
    text-shadow: none;
    height: auto;
    border-radius: 99px;
    margin-top: 20px;
}
.slider-image{
    float: right;
    width:50%;
    margin-top: 20px;
    -webkit-transition: top .3s ease;
    -o-transition: top .3s ease;
    transition: top .3s ease;
}
.card-box {
    background-color: #fff;
    -webkit-box-shadow: 4px 0px 4px 0px rgba(234,238,252,1);
    -moz-box-shadow: 4px 0px 4px 0px rgba(234,238,252,1);
    box-shadow: 4px 0px 100px 10px rgba(234,238,252,1);
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 15px 0 35px 0;
}
.row-products {
    margin: 0 auto;
    margin-top: 50px;
    max-width: 1040px;
}
.row-products .card-box {
    height: 380px;
    position: relative;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    transition: all .2s ease-in-out;
    overflow: hidden
}
.row-products .card-caption h4 {
    color: #1F3D62;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
.row-products .card-caption p {
    color: #828282;
    font-size: 16px;
}
.row-products .card-box .card-caption {
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255), rgb(255, 255, 255));
    position: absolute;
    bottom: 0;
    padding: 50px 20px 20px 20px;
    transition: all .2s ease-in-out;
    height: 185px;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    width: 101%
}
.row-products .card-box .card-caption .button {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 200px;
    text-align: center;
    transition: all .2s ease-in-out;
    position: relative;
    opacity: 0;
    font-size: 14px;
    padding: 5px 20px;
}
.row-products .card-box:hover .card-caption {
    height: 260px;
}
.row-products .card-box:hover .card-caption .button {
    opacity: 1;
}
.slider-pagination {
    height: 0 !important;
}
#footer h3 {
    color: #fff;
    font-size: 16px;
}
#footer a {
    color: #fff;
    font-weight: normal;
}
#footer .social-icon {
    border-color: #fff;
}
#footer .ibox-icon {
    border: solid 1px #fff;
    border-radius: 99px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 36px;
    position: absolute;
}
#footer .icon-box {
    position: relative;
    margin-bottom: 20px;
}
#footer .ibox-text {
    padding-left: 60px;
    line-height: 2;
    font-size: 13px;
}
#footer .copyright {
    margin-top: 50px;
    display: inline-block;
    font-size: 12px;
}
.footer-logo img {
    margin-right: 20px;
}
.footer-menu ul {
    list-style: none;
}
.footer-menu ul li {
    float: left;
    margin-right: 60px;
}
.footer-menu {
    float: right;
    margin-top: 60px;
    font-family: 'Karla', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}
.footer-menu ul li:last-child {
    margin-right: 0;
}
.section-cta .heading-block h1 {
    color: #403E9B;
    font-size: 34px;
}
.section-cta .heading-block span {
    color: #644DA4;
}
.section.section-cta.nomargin.notopborder {padding: 50px 0 !important;}

.section-service-product .row-services {
    max-width: 1040px;
    margin: 0 auto;
}
.section-about img {
    position: absolute;
    left: -100px;
    top: -100px;
    width: 700px;
    overflow: visible
}
.row-workflow {
    max-width: 1000px;
    margin:30px auto;
}
.row-workflow .col-md-2{
    width:20%;
    text-align: center;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative
}
.row-workflow .col-md-2:before {
    content: url(../images/line-dotted.png);
    display: block;
    position: absolute;
    top: 97px;
    left: 80px;
}
.row-workflow .col-md-2.down-line:before{
    transform: rotate(-180deg);
    bottom: 96px;
    top: auto;
}
.row-workflow .col-md-2.down-line{
    margin-top: 170px;
}
.row-workflow h4{
    text-align: left;
    margin: 0;
    margin-top: 30px;
    position: absolute;
    top: 0;
    left: 140px;
    width: 150px;
}
.workflow-img {
    background: #fff;
    display: block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 300px;
    box-shadow: 0 10px 40px #0c46822e;
    position: relative;
}
.workflow-img:before{
    position:absolute;
    left:50px;
    content:'';
    height:100px;
    width:3px;
    background-color:#7523D8;
    top:35px;
    z-index:-9
}
.down-line .workflow-img:before{
    top:-35px;
}
.number{
    color:#7523D8;
    font-size: 14px;
    font-weight: bold;
    background: #fff;
    padding: 6px;
    border-radius: 100px;
    box-shadow: 0 10px 10px #e2e9fe;
    position: absolute;
    left: 50px;
    top: 120px;
}
.down-line .number{
    top:auto;
    bottom: 120px;
}
.section-workflow:before {
    content: '';
    height: 2px;
    width: 100%;
    background: #7214e1;
    display: block;
    position: absolute;
    top:385px
}

#content .section-about p{
    font-size: 16px;
}

#preloader {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    background: #fff;
    text-align: center;
    line-height: 100vh;
}

.slider-about .slider-caption{
    max-width: 700px;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
}
h5.subtitle{
    font-size: 20px;
    color: #3f3ba1;
}
.slider-about .slider-caption p{
    font-size:16px;
}
.slider-about .slider-image {
    right: -30%;
    position: relative;
    width: 65%;
}
.slider-about.slider-contact .slider-image {
    top: 0;
    right: -50%;
    position: absolute;
}

.sidebar-about {
    position: fixed;
    z-index: 9;
    top: 30%;
    left: 5%;
}

.sidebar-about ul {
    padding: 0;
    list-style: none;
}

.sidebar-about ul li {
    line-height: 50px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold
}
.sidebar-about ul li a{
    color:#A8BBE2;
    padding: 5px;
    padding-left: 15px;
    border-left: 5px solid transparent;
}
.sidebar-about ul li a.active{
    color:#403E9B;
    border-left: 4px solid #fbce00;
}

.content-about .container{
    padding-left: 15%
}
.content-about .section-cta .container{
    padding-left:0
}
.section-about-02,
.section-about-03,.section-about-04{
    min-height: 100vh;
    background-attachment: fixed !important;
    background-position: center !important
}

.section-about-04{
    background: #fff !important
}
.col-center{
    float: none;
    margin: 0 auto 30px
}

.contact{
    padding: 4%;
    min-height: 400px;
    padding-top: 12%;
    position: relative;
    z-index: 999;
}
.contact .col-md-4{
    background: #7214e1;
    padding: 4% 4% 0;
    border-radius: 10px;
    box-shadow: 0px 10px 30px #6b66b163;
    height: 400px;
}
.contact-info{
    margin-top:10%;
}

.contact-info img{
    width: 100px;
    margin: -100px auto 15%;
    display:block;
    position: relative;
}
.contact-info h2,.contact-info h4{
    margin-bottom: 10%;
    color: #fff;
}
.contact-info h4{
    font-weight: normal;
    font-size: 21px;
    font-weight: normal;
}
.contact-info p{
    color: #fff
}
.contact .col-md-8{
    background: none;
    padding: 0 3%;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}
.contact-form .form-group{
    width:50%;
    float:left;
}
.contact-form .form-group .form-control{
    border:none;
    color: #000;
    padding:15px;
    border: 1px solid transparent;
    height: auto;
    box-shadow:0px 10px 30px #6b66b163;
}
.contact-form .form-group .form-control:focus {
    border: 1px solid #6e00eb;
}
.contact-form .form-group textarea.form-control{
    height:130px;
}
.contact-form label{
    font-weight:600;
    position: relative;
}
.contact-form label:before{
    content:'*';
    font-size:20px;
    color:#E91E63;
    position:absolute;right:30px;
    top:40px;
    z-index:99
}
.contact-form button{
    background: #382d97;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 15px 30px;
    float: right;
}
.contact-form button:focus{
    box-shadow:none;
}

.why-us {
    text-align: center
}

.why-us p{
    font-weight: bold;
    color: #333;
    line-height: 1.4 !important;
}
.absolute-img {
    position: absolute;
    right: -30%;
    top: 0;
    width:700px;
    height: 700px;
    z-index: -1;
}
.section.section-service-list{
    margin:0
}
.slider-product, .slider-service{
    height: 500px !important;
}
.slider-caption img{
    height: 100px;
    float: left
}
.slider-caption span{
    position: relative;
    top:30px
}
.content-service-detail{
    background: #fff !important
}
.content-service-detail .row{
    padding-top: 30px;
}
.content-service-detail .row h3{
    color: #7523D8
}
@media(max-width:800px){
    .contact .col-md-8{
        padding:0;
    }
    .contact-form .form-group{
        width: 100% !important
    }
    .contact .col-md-4{
        height: auto;
        margin-top: -50px;
        margin-bottom: 30px;
    }
    .slider-contact .swiper-wrapper{
        height: auto !important
    }
     .slider-contact .container{
        padding: 0
     }
/*
      #slider, #slider .swiper-slide,.swiper_wrapper .swiper-container,.slider-element .container,.swiper-wrapper {
    height: auto !important;
}  
*/
    .slider-image{
        width: 100% !important;
        top: auto !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 auto;
    }
    .slider-caption{
        left: 20px;
        top: 100px !important;
        position: static !important;
    }
       .slider-caption h2{
           font-size: 22px !important;
           margin-top: 40px;
       }
    .right-social-menu{
        display: none
    }
    #footer{
        padding: 20px;
    }
    #footer .col-md-4{
        margin-bottom: 20px;
    }
    .footer-logo{
        text-align: center;
        display: block;
        margin-bottom:20px
    }
    .footer-menu{
        display: none
    }
    #footer .copyright{
        margin:10px;
    }
    .sidebar-about{
        display: none
    }
    .absolute-img,.section-about img{
        opacity: .3
    }
    .why-us .col-md-3{
        width: 50%;
        float: left
    }
    .row-workflow .col-md-2{
        width:100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 40px !important;
    }
    .row-workflow h4,.row-workflow .number{
        position: static;
        float: left;
    }
    .workflow-img{
        float:left;
        margin-right:20px
    }
    .section-workflow:before,.workflow-img:before,.row-workflow .col-md-2:before,.row-workflow .col-md-2.down-line:before{
        display:none;
    }
    #content .container{
        padding: 0 10px !important;
    }
    .section-cta .heading-block h1{
        font-size:28px;
    }
    #primary-menu ul li .mega-menu-content ul:not(.mega-menu-column) li{
        width:100%;
        padding: 0;
        
    }
    
    #primary-menu ul li .mega-menu-content ul:not(.mega-menu-column) li p,.mega-menu-column .widget{
        display: none
    }
    #footer .container{
        margin: 0;
        padding: 0
    }
    #footer .col-md-4{
        padding-left: 0
    }
}