article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
} audio,
canvas,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  a {
background: transparent;
} a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
} abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} mark {
background: #ff0;
color: #000;
} code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
} pre {
white-space: pre-wrap;
} q {
quotes: "\201C" "\201D" "\2018" "\2019";
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
}  fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } button,
input,
select,
textarea {
font-family: inherit; font-size: 100%; margin: 0; } button,
input {
line-height: normal;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0;
}.col-md-3.col-sm-3.col-xs-12.client-box a {
text-decoration: none !important;
}
@media (max-width: 780px) {
.hello {
display: none;
}
.text-desktop {
display:none;
}
body .text-mobile {
display:block !important;
}
.normal-pencil {
display: none;
}
}
@media (min-height: 700px) and (max-height: 800px) {
.col-md-6.col-xs-12.about-horizontal-right video {
max-height: 420px;
}
}
@media (min-width: 768px)  {
.service-modal-pop-description p {
font-family: 'Multicolore';
color: #4a66ca;
vertical-align: middle;
font-size: 20px;
text-align: left;
top: 50% !important;
transform: translateY(-50%);
}
}
.privacy-h3 {
color: #fff;
}
.col-md-12.privacy-h3 h3 {
text-align: left;
color: #fff;
font-family: 'Arial Rounded MT';
}
.col-md-12.privacy-h3 p {
font-family: 'Arial Rounded MT';
font-size: 14px;
letter-spacing: 1px;
}
.drag-wrapper .thing .circle {
position: absolute;
text-align: center;
top: 18px !important;
}   @media (max-width: 767px) {
.col-md-6.col-xs-12.about-horizontal-right video {
width: 100% !important;
margin-top: 10px;
}
.hello {
display: none;
}
.text-desktop {
display:none;
}
body .text-mobile {
display:block !important;
}
.normal-pencil {
display: none;
}
}
.text-mobile {
display:none !important;
}
.col-md-12.logo-text.fade-in img {
position: absolute;
width: 100%;
top: -31px;
left: 0;
}
.client-logo img {
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 104px !important;
max-width: 174px;
}
.logo-sub-master.col-md-5.col-centered {
width: 361px !important;
}
.col-md-12.normal-pencil {
margin-top: 10px;
}
.about-master-div {
margin-top: 20px;
}
.services-master-div {
margin-top: 20px;
}
.client-description {
margin-top: 5px;
}
.client-box:hover .client-logo img {
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.client-logo {
margin: 0 auto;
}
.client-logo img {
text-align: center;
margin: 0 auto !important;
}
.col-md-6.col-xs-12.about-horizontal-left p {
font-family: 'Arial Rounded MT';
font-size: 14px;
letter-spacing: 1px;
}
@media (max-width: 991px) {
.col-md-12.logo-text.fade-in img {
position: absolute;
width: 100%;
top: -21px;
left: 0;
}
.col-md-12.logo-text.fade-in {
margin-top: -57px;
width: 380px;
}
.slide-mation {
display: none;
}
.client-box:nth-child(even) {
margin-top: 0px !important;
}
}
@media (min-width: 1200px) and (max-width: 1400px ){
.col-md-3.col-sm-3.col-xs-12.client-box {
display: inline-block !important;
float: left !important;
margin-right: 20px !important;
flex-wrap: wrap;
justify-content: center;
position: relative;
left: 5%;
}
.client-box {
width: 21%;
}
.client-description p {
line-height: normal;
color: #fff;
text-align: left !important;
}
a.left.carousel-control.client-arrow {
left: -60px;
}
a.right.carousel-control.client-arrow {
right: -57px;
}
}
@media (min-width: 992px) and (min-height: 500px ){
.team-master-div {
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}
.about-master-div {
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}
.services-master-div {
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}
.product-master-div {
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}
.client-master-div {
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}
}
.right_client  {
background: #aedbf8 !important;
}
.right_client #drag {
position: absolute;
left: -4px;
top: 0;
bottom: 0;
width: 35px;
cursor: grab;
background: #aedbf8 !important;
border-left: 6px solid #b3cbda !important;
}
.right_products {
background: #a0eef0 !important;
}
.right_products #drag {
background: #a0eef0 !important;
border-left: 6px solid #69cdd0 !important;
}
@media (min-width: 768px) {
.row.row-centered.team-xs-small.Yes .col-centered {
width: 158px;
display: inline-table;
}
.intro-text {
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
position: absolute;
}
section.new-custom-section {
height: 100vh;
}
}
.arrow-about-right.custommove  {
top: 45%;
right: 37px;
}
.arrow-about-right.custommove .arrow-about-right-arrow.blink {
height: auto;
}
.section-1 {
background: red;
width: 100%;
height: 100vh;
}
#container {
width: 100%;
height: 100%;
}
#left_panel {
position: ;
left: 0;
top: 0;
bottom: 0;
right: 100px;
background: grey;
}
#right_panel {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width:25px;
color:#fff;
background: #fff;
min-width: 25px;
max-width: 100%;
z-index: 1000
}
#drag {
position: absolute;
left: -4px;
top: 0;
bottom: 0;
width: 35px;
cursor: grab;
background: #fff;
border-left: 6px solid #e0dfdf;
}
#left_panel_two {
position: absolute;
left: 0;
top: 0;
bottom: 0;
background: grey;
color:#fff;
background: #fff;
min-width: 25px;
max-width: 450px;
z-index: 1000;
width: 25px;
}
#drags {
position: absolute;
right: -4px;
top: 0;
bottom: 0;
width: 8px;
width: 15px;
cursor: grab;
background: #fff;
border-right: 6px solid #e0dfdf;
}
#sidebar{
background: #e8ca4b;
width:35px;
float: left;
position: absolute;
top:0px;
bottom: 0px;
max-width: 100%;
min-width: 25px;
z-index: 2000;
}
#dragbar{
background: #e8ca4b;
border-right: 6px solid #ceae29 ;
height:100%;
float: right;
width: 25px;
cursor: grab;
}
#client-left-slide .arrow-about-left.custom-right-arrow {
left: 43px;
z-index: 4;
top: 45%;
}
.sl-slide #sidebar{
background: #fff !important;
}
.sl-slide #dragbar{
background: #fff !important;
border-right: 6px solid #e0dfdf;
}
.pr-slide #sidebar{
background: #aedbf8 !important;
}
.pr-slide #dragbar{
background: #aedbf8 !important;
border-right: 6px solid #b3cbda !important;
} .arrow-about-right-bg:hover {
width: 500px;
-webkit-transition: width 850ms;
-moz-transition: width 850ms;
transform: translateY(1px);
}
.control {
width: 20px;
top: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: 100;
cursor: pointer;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: opacity .5s cubic-bezier(.785,.135,.15,.86) .3s;
}   #myCarousel .item {
padding-left: 20px;
padding-right: 12px;
}
.col-md-3.col-sm-3.col-xs-12.client-box:hover {
cursor:pointer;
transform: scale(1);
visibility:visible;
transition: all .2s ease-in-out;
transform: scale(1.1);
z-index:100;
position:relative;
transition-timing-function:cubic-bezier(0.5, 0, 0.1, 1);
transition-duration:400ms;
}
.col-md-3.col-sm-3.col-xs-12.client-box {
cursor:pointer;
transform: scale(1);
visibility:visible;
-moz-box-shadow: 0px 1px 5px 0px #676767;
-webkit-box-shadow: 0px 1px 5px 0px #676767;
box-shadow: 0px 1px 5px 0px #676767;
margin-bottom: 50px;
} .col-md-6.index-contact {
padding-left: 40px;
}
.col-md-6.index-privacy.policy {
padding-right: 45px !important;
}
@media (max-width: 767px) {
.col-md-12.logo-text.fade-in img {
width: 92% !important;
}
.fp-controlArrow.fp-prev {
left: 4px;
border-color: transparent #000 transparent transparent !important;
}
.fp-controlArrow.fp-next {
right: 3px;
border-color:  transparent transparent transparent #000 !important;
}
}
@media (min-width: 992px) {
.col-md-12.logo-text.fade-in img { }
#modal-fullscreen .modal-body {
position: relative;
padding: 15px;
display: flex;
justify-content: center;
align-items: center;
height: 88vh;
width: 100%;
}
#modal-fullscreen-two .modal-body {
position: relative;
padding: 15px;
display: flex;
justify-content: center;
align-items: center;
height: 88vh;
width: 100%;
}
}
ol.carousel-indicators.product-indicator-slider {
margin-bottom: -37px;
}
.modal.service-modal {
text-align: center;
padding: 0!important;
}
.modal.service-modal:before {
content: '';
display: inline-block;
height: 85%;
vertical-align: middle;
margin-right: -4px;
}
.service-modal .modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}
.col-md-12.logo-text.fade-in{
margin-top: -57px;
}
input:focus::placeholder {
color: transparent !important;
}
div#myCarousel ol.carousel-indicators {
display: none;
}
textarea:focus::placeholder {
color: transparent !important;
}
label.gfield_label.No {
visibility: hidden !important;
opacity: 0 !important;
transition: visibility 0s 0.1s, opacity 0.1s linear !important;
}
label.gfield_label {
opacity: 0 !important;
transition: visibility 0s 0.1s, opacity 0.1s linear !important;
}
label.gfield_label.Yes {
opacity: 1 !important;
transition: opacity 0.5s linear !important;
}
@media (max-height: 700px) { .logo-sub-master.col-md-5.col-centered {
width: 38%;
} @-webkit-keyframes example {
0%   { top: 100px;}
100% {  top:-50px;}
} @keyframes example {
0%   { top: 100px;}
100% {  top:-50px;}
}
.client-logo img {
height: 50px;
}
.client-box:nth-child(odd):hover .client-logo img {
display: none;
}
.client-box:nth-child(even):hover .client-logo img {
display: none;
}
div#slidefour .container {
margin-top: 80px;
}
.service-modal-pop-description p {
font-family: 'Multicolore';
color: #4a66ca;
vertical-align: middle;
font-size: 17px;
text-align: left;
}
.service-icon-img img {
width: 130px;
}
.col-md-5.service-modal-pop h3 {
font-family: 'Multicolore';
text-align: center;
color: #4a66ca;
font-size: 26px;
font-weight: bold;
}
h3.service-icon-title {
font-family: 'Multicolore';
text-align: center;
color: #fff;
font-size: 22px;
}
div#slidetwo .container {
margin-top: 68px;
}
.logo-img {
height: 60px;
}
div#bs-example-navbar-collapse-1 {
margin-top: 17px;
}
.col-md-6.col-xs-12.about-horizontal-right {
text-align: center;
margin: 0 auto;
}
.col-md-6.col-xs-12.about-horizontal-right video {
width: 420px;
}
.col-md-12.about-horizontal-first-section h1 {
font-size: 19px;
}
.col-md-6.about-horizontal-second-section h2 {
font-size: 16px;
}
.client-box-content {
background: #b1b1b1;
padding-left: 6px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 10px;
min-height: 305px;
max-height: 362px;
}
.client-box {
min-height: 305px;
max-height: 386px;
}
.client-main-img {
min-height: 150px;
margin-bottom: 10px;
}
.client-box:hover .client-main-img img {
display: block;
height: 207px !important;
} }
@media (min-height: 500px) and (max-height: 600px)  {
div#slidetwo .container {
margin-top: 70px;
}
.logo-img {
height: 60px;
}
div#bs-example-navbar-collapse-1 {
margin-top: 17px;
}
.col-md-6.col-xs-12.about-horizontal-right {
text-align: center;
margin: 0 auto;
}
.col-md-6.col-xs-12.about-horizontal-right video {
width: 365px;
}
.col-md-12.about-horizontal-first-section h1 {
font-size: 19px;
}
.col-md-6.about-horizontal-second-section h2 {
font-size: 16px;
}
}
a.page-scroll.pg-one.a-pg::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
right: 0;
margin: 11px;
margin-left: 15px;
margin-right: 17px;
background: #fff;
height: 2px;
}
a.page-scroll.pg-two.a-pg::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
right: 0;
margin: 11px;
margin-left: 15px;
margin-right: 17px;
background: #4a66ca !important;
height: 2px;
}
a.page-scroll.pg-three.a-pg::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
right: 0;
margin: 11px;
margin-left: 15px;
margin-right: 17px;
background: #fff;
height: 2px;
}
a.page-scroll.pg-four.a-pg::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
right: 0;
margin: 11px;
margin-left: 15px;
margin-right: 17px;
background: #4a66ca !important;
height: 2px;
}
a.page-scroll.pg-five.a-pg::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
right: 0;
margin: 11px;
margin-left: 15px;
margin-right: 17px;
background: #fff;
height: 2px;
}
@media screen and (min-width: 992px) {
#slidetwo {
position: relative;
}
#slidetree {
position: relative;
}
#slidefour {
position: relative;
}
#slidefive {
position: relative;
}
#slidesix{
position: relative;
}
.arrow-about-right-bg.bg-left-third-new {
background: #fff !important;
height: 100vh;
display: inline-block;
width: 30px;
border-right: 6px solid #e0dfdf !important;
border-left: none !important;
}
.arrow-about-right-bg.bg-left-se {
background: #e8ca4b !important;
border-left: 0px;
border-right: 6px solid #ceae29 !important;
}
.bg-left-third {
background: #aedbf8 !important;
border-left: 6px solid #b3cbda !important;
}
.arrow-about-right-bg.bg-left-f-se {
border-left: none;
border-right: 6px solid #e0dfdf;
}
.bg-left-third-third {
background: #aedbf8 !important;
border-right: 6px solid #b3cbda !important;
border-left: none !important;
}
.arrow-about-right-bg.bg-left-fifth {
background: #a0eef0 !important;
border-left: 6px solid #69cdd0 !important;
}
.arrow-about-right-arrow img {
height: 35px;
}
.arrow-about-left {
position: absolute;
left: 0px;
z-index: 4;
top: 0;
cursor: pointer;
}
.arrow-about-right {
position: absolute;
right: 0px;
z-index: 4;
top: 0;
cursor: pointer;
}
.arrow-about-right {
position: absolute;
right: 0px;
z-index: 4;
top: 0;
cursor: pointer;
-webkit-animation: fadein 4s; -moz-animation: fadein 4s; -ms-animation: fadein 4s; -o-animation: fadein 4s; animation: fadein 4s;
}
.arrow-about-right-bg {
background: #fff;
height: 100vh;
display: inline-block;
width: 30px;
border-left: 6px solid #e0dfdf;
}
.arrow-about-right-arrow {
vertical-align: middle; display: inline-block;
}
.arrow-about-right-master {
position: relative;
}
.fp-controlArrow.fp-next {
display: none;
}
.fp-controlArrow.fp-prev {
display: none;
}
.blink{
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 1.5s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
}
@-webkit-keyframes blinker {
from {opacity: 1.0;}
to {opacity: 0.0;}
}
}
@media screen and (max-width: 991px) {
.arrow-about-right {
display: none;
}
.arrow-about-left {
display: none;
}
.arrow-about-right {
display: none;
}
} #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
height: 5px !important;
width: 40px !important;
border-radius: 23px;
opacity: 1 !important;
}
.fp-slidesNav ul li {
display: inline-block;
text-align: center;
margin: 0 auto;
}
.fp-slidesNav ul li {
display: inline-block;
text-align: center;
margin: 0 auto;
z-index: 99999 !important;
position: relative;
width: auto !important;
height: 23px;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
border-radius: 23px;
z-index: 1;
height: 5px !important;
width: 20px !important;
border: 0;
background: #333;
left: initial !important;
position: relative !important;
display: inline-block;
margin: -2px 0 0 3px !important;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
opacity: 0.5;
} @media (min-width: 992px) {
.service-modal-pop-description {
min-height: 218px;
vertical-align: middle;
position: relative;
}
.service-modal-pop-description p {
margin: 0 auto;
position: absolute;
top: 40%;
font-size: 22px; }
}
.col-md-5.service-modal-pop h3 {
font-family: 'Multicolore';
text-align: center;
color: #4a66ca;
font-size: 30px;
font-weight: bold;
}
.service-modal-pop-description p {
font-family: 'Multicolore';
color: #4a66ca;
vertical-align: middle;
font-size: 20px;
text-align: left;
}
.service-modal .container {
padding-bottom: 36px;
}
.service-modal-pop img {
width: 155px;
}
li#field_2_1 label.gfield_label {
visibility: hidden;
}
.gform_footer.top_label {
text-align: center;
}
li#field_2_2 label.gfield_label {
visibility: hidden;
}
li#field_2_3 label.gfield_label {
visibility: hidden;
}
label.gfield_label.Yes {
visibility: visible !important;
}
li#field_2_1 {
color: #fff;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
}
li#field_2_2 {
color: #fff;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
}
li#field_2_3 {
color: #fff;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
}
input#input_2_1::placeholder {
color: #fff;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
}
input#input_2_2::placeholder {
color: #fff;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
}
textarea#input_2_3::placeholder  {
color: #fff;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
}
input#input_2_1 {
background: transparent;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #fff;
color: #fff !important;
outline: none;
}
input#input_2_2 {
background: transparent;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #fff;
color: #fff !important;
outline: none;
}
textarea#input_2_3 {
background: transparent;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #fff;
color: #fff !important;
outline: none;
}
#modal-fullscreen .modal-dialog {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
#modal-fullscreen .modal-content {
height: auto;
min-height: 100%;
border: 0 none;
border-radius: 0;
}
#modal-fullscreen-two .modal-dialog {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
#modal-fullscreen-two .modal-content {
height: auto;
min-height: 100%;
border: 0 none;
border-radius: 0;
}
.service-modal .modal-dialog {
width: 90%;
}
.service-modal .modal-content {
height: auto;
border: 0 none;
border-radius: 0;
}
.service-modal {
top: 15%;
}
.modal-backdrop.fade.in {
opacity: 0 !important;
}
.service-modal .modal-content {
box-shadow: none !important;
border: none !important;
}
.service-modal .modal-content {
border-radius: 17px !important;
}
.service-modal button.close {
color: #000 !important;
opacity: inherit;
}
.service-modal .modal-header {
border-bottom: none;
}
.col-md-5.contact-modal-form h3 {
text-align: center;
color: #fff;
font-family: 'Arial Rounded MT';
}
.col-md-7.map-modal {
background: #fff;
padding: 17px;
}
input#gform_submit_button_2 {
background: #fff;
border: none;
font-size: 18px;
padding: 9px;
border-radius: 10px;
padding-left: 45px;
padding-right: 45px;
color: #6f4cd2;
text-transform: uppercase;
font-weight: bold;
font-family: 'Arial Rounded MT';
}
input#gform_submit_button_2:focus {
background: #fff;
border: none;
font-size: 18px;
padding: 9px;
border-radius: 10px;
padding-left: 45px;
padding-right: 45px;
color: #6f4cd2;
text-transform: uppercase;
font-weight: bold;
font-family: 'Arial Rounded MT';
}
div#modal-fullscreen .modal-content {
background: #6f4cd2;
}
div#modal-fullscreen .modal-header {
padding: 15px;
border: none !important;
}
div#modal-fullscreen button.close {
color: #fff !important;
opacity: inherit;
}
div#modal-fullscreen-two .modal-content {
background: #6f4cd2;
}
div#modal-fullscreen-two .modal-header {
padding: 15px;
border: none !important;
}
div#modal-fullscreen-two button.close {
color: #fff !important;
opacity: inherit;
}
span.item-li-imgs img {
display: inline-block;
height: 30px;
vertical-align: middle;
} a.right.carousel-control {
background: none;
}
a.left.carousel-control {
background: none;
}
#myCarousel .item{ height: auto !important;
margin-top: 114px;
}
.clearfix:before,
.clearfix:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; } video {
width: 100%;
}
div#slidetwo p {
font-family: 'Arial Rounded MT';
font-size: 14px;
letter-spacing: 1px;
}
#myVideo {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
z-index: 999999;
display: none;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
}
@media (max-width: 767px) {
.col-md-3.col-sm-3.col-xs-12.client-box {
margin-left: -3px;
}
a.left.carousel-control.client-arrow {
display: none;
}
a.right.carousel-control.client-arrow {
display: none;
}
.col-md-3.col-sm-3.col-xs-12.client-box:hover {
transform: scale(1.0) !important;
}
#myCarousel .item {
margin-top: 30px !important;
}
div#slidetwo {
overflow-y: auto;
display: flex;
}
div#slidetree {
overflow-y: auto;
display: flex;
}
div#slidefour {
overflow-y: auto;
display: flex;
}
div#slidefive{
overflow-y: auto;
display: flex;
}
div#slidesix {
overflow-y: auto;
display: flex
}
div#carousel-example-generic {
padding-bottom: 100px;
}
div#myCarousel {
margin-bottom: 100px;
}
.index-footer-sub-master.main-content-slides {
display: block;
}
.index-footer-sub-master {
position: relative !important;
text-align: center;
margin-top: 26px;
}
.col-md-6.index-contact {
padding-left: 0px;
}
.col-md-6.index-privacy.policy {
padding-right: 15px !important;
margin-top: 14px;
}
section {
padding: 100px 0;
padding-bottom: 50px;
}
.index-contact a.privacy:hover {
margin-right: 3px;
color: #000;
}
.index-contact a.privacy {
margin-right: 3px;
}	
.slidehorizontal {
padding-top: 100px !important;
height: auto !important;
}
.index-footer-sub-master {
position: fixed;
left: 0px;
bottom: 23px !important;
height: 30px !important;
width: 100%;
text-align: center;
}
.col-md-6.index-privacy.policy {
text-align: center;
margin-top: 9px;
}
}
.col-md-6.index-contact {
margin-top: -2px;
}
@media (max-width: 841px) {
.navbar-header {
float: none;
}
.navbar-left,.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin-top: 7.5px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in{
display:block !important;
}
}
@media only screen and (min-width:768px) and (max-width:840px)  {
button.navbar-toggle {
margin-top: 34px;
}
}
@media only screen and (min-width:840px) and (max-width:860px)  {
ul.nav.navbar-nav.navbar-right{
margin-top: -12px !important;
}
}
@media only screen and (min-width:768px) {
.container-fluid.container-menu {
margin-left: 65px;
margin-right: 65px;
}
}
@media only screen and (max-width:767px) {
.col-md-3.service-icon-entry {
margin-bottom: 50px;
}
.product-indicator-slider {
bottom: 103px !important;
}
#myCarousel .item.active {
margin-top: 30px !important;
}
.col-md-6.col-xs-12.about-horizontal-right {
margin-bottom: 70px;
}
.service-icons {
margin-bottom: 200px;
}
.row.row-centered.team-xs-small.Yes {
margin-bottom: 200px;
}
img.logo-img {
margin-top: -10px;
height: 46px;
}
a.navbar-brand.page-scroll {
margin-top: 11px;
}
button.navbar-toggle {
margin-top: 14px;
}
}
div#bs-example-navbar-collapse-1 {
margin-top: 30px;
}
.index-footer-sub-master {
position:fixed;
left:0px;
bottom:0px;
height:30px;
width:100%;
}
.col-md-12.index-privacy.policy {
text-align: right;
}
@media only screen and (max-width:767px) {
.col-md-12.index-privacy.policy {
text-align: center;
}
.cat-redirection {
display: none !important;
}
header .intro-text {
padding-top: 250px;
padding-bottom: 50px;
}
}
a.privacy::after {
content: "|";
}
.col-md-12.index-privacy.policy a {
text-decoration: none;
}
.cat-redirection {
position: fixed;
left: 25px;
bottom: 54px;
width: 140px;
text-align: left;
}
img.baloon {
position: absolute;
display: none;
top: -67px;
-webkit-animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0.5s reverse both;
animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0.5s reverse both;
}
@-webkit-keyframes flip-horizontal-bottom {
0% {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
100% {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
}
@keyframes flip-horizontal-bottom {
0% {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
100% {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
} #slideone {
background-image: url(//sugarcloud-digital.com/wordpress/wp-content/themes/Sugarcloud V2/img/bg.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
text-align: center;
color: white;
}
#slidetwo {
background: #e8ca4b;
color: #fff;
}
#slidetree {
background: #fff;
color: #000;
}
#slidefour {
background: #aedbf8;
}
#slidefive {
background: #fff;
color: #000;
}
#slidesix{
background: #a0eef0;
color: #000;
} @media all and (max-width: 900px){
#usedBy{
padding: 0 0 0 0;
}
#usedBy{
width: 275px;
height:50px;
}
}
.intro p{
width: 50%;
margin: 0 auto;
font-size: 1.5em;
}
.twitter-share-button{
position: fixed !important;
z-index: 99;
right: 149px;
top: 9px;
}
#fullPage-nav{
position: absolute;
z-index: 100;
margin-top: -32px;
top: 50%;
opacity: 1;
}
#fullPage-nav li{
display: block;
width: 14px;
height: 13px;
margin: 7px;
}
#fullPage-nav li a{
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none;
}
#fullPage-nav li .active span{
background: #333;
}
#fullPage-nav span{
top: 2px;
left: 2px;
width: 8px;
height: 8px;
border: 1px solid #000;
background: rgba(0, 0, 0, 0);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
z-index: 1;
}
#download{
margin: 10px 0 0 0;
padding: 15px 10px;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #49afcd;
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -webkit-gradient(linear,0 0,0 100%,from( #5bc0de),to( #2f96b4));
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
background-image: linear-gradient(top, #5bc0de, #2f96b4);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
border-color: #2f96b4 #2f96b4 #1f6377;
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
vertical-align: middle;
cursor: pointer;
display: inline-block;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
#download a{
text-decoration:none;
color:#fff;
}
#download:hover{
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
background-color: #2F96B4;
background-position: 0 -15px;
-webkit-transition: background-position .1s linear;
-moz-transition: background-position .1s linear;
-ms-transition: background-position .1s linear;
-o-transition: background-position .1s linear;
transition: background-position .1s linear;
}
#infoMenu{
height: 20px;
color: #f2f2f2;
position:fixed;
z-index:70;
bottom:0;
width:100%;
text-align:right;
font-size:0.9em;
padding:8px 0 8px 0;
}
#infoMenu ul{
padding: 0 40px;
}
#infoMenu li a{
display: block;
margin: 0 22px 0 0;
color: #333;
}
#infoMenu li a:hover{
text-decoration:underline;
}
#infoMenu li{
display:inline-block;
position:relative;
}  *,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
} html {
font-size:62.5%;
}
body {
font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
color:#444;
} .clear:before,
.clear:after {
content:' ';
display:table;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
vertical-align:bottom;
}
a {
color:#444;
text-decoration:none;
}
a:hover {
color:#444;
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline:0;
}
input:focus {
outline:0;
border:1px solid #04A4CC;
}  .wrapper {
max-width:1280px;
width:95%;
margin:0 auto;
position:relative;
} .header {
} .logo {
}
.logo-img {
} .nav {
} .sidebar {
} .footer {
}   @font-face {
font-family:'Font-Name';
src:url(//sugarcloud-digital.com/wp-content/themes/Sugarcloud%20V3/fonts/font-name.eot);
src:url(//sugarcloud-digital.com/wp-content/themes/Sugarcloud%20V3/fonts/font-name.eot?#iefix) format('embedded-opentype'),
url(//sugarcloud-digital.com/wp-content/themes/Sugarcloud%20V3/fonts/font-name.woff) format('woff'),
url(//sugarcloud-digital.com/wp-content/themes/Sugarcloud%20V3/fonts/font-name.ttf) format('truetype'),
url(//sugarcloud-digital.com/wp-content/themes/Sugarcloud%20V3/fonts/font-name.svg#font-name) format('svg');
font-weight:normal;
font-style:normal;
} @media only screen and (min-width:320px) {
}
@media only screen and (min-width:480px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:1024px) {
}
@media only screen and (min-width:1140px) {
}
@media only screen and (min-width:1280px) {
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {
} ::selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
} .alignnone {
margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.sticky {
}
.bypostauthor {
} @media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
abbr[title]:after {
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
}.facebook_messenger_popup {
background: #fff;
display: none;
}
body .drag-wrapper .thing .facebook-messenger-avatar-type1 img {
width: 100%;
margin-top: 0;
border-radius: 50%;
height: 100%;
}
.facebook_messenger_popup .send-app a {
border-radius: 0;
}
.send-app {
margin-top: 15px;
padding: 0px 15px;
}
.send-app a {
background: #0075ff;
display: inline-block;
width: 100%;
color: #fff;
text-align: center;
padding: 3px 5px;
border-radius: 3px;
text-decoration: none;
}
.send-app a:hover {
opacity: 0.8;
}.thing {
top:0px;
z-index: 99999;
}
.facebook-messenger-avatar-type1 {
background: transparent !important;
}
.wrapper {position: relative; width: 100%; overflow: hidden;}
.drag-wrapper .thing,.drag-wrapper .thing .circle,.drag-wrapper .magnet { width: 50px; height: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.drag-wrapper .thing .circle,.drag-wrapper .magnet-zone {z-index: 999; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; perspective: 1000; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.drag-wrapper,.drag-wrapper *,.drag-wrapper :before, .drag-wrapper :after { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.drag-wrapper .thing { position: fixed; margin: 0px; cursor: pointer; -webkit-transform: translate(0, 0);-moz-transform: translate(0, 0); transform: translate(0, 0);}
.drag-wrapper .thing .circle { position: absolute; text-align: center; top: 0; left: 0; right: 0; bottom: 0; background: #0075FF; background-size: contain; background-position: center; background-repeat: no-repeat; overflow: hidden; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 50ms linear; -moz-transition: transform 50ms linear; transition: transform 50ms linear;}
.drag-wrapper .thing .circle img{ max-width: 100%;height: auto; width: 75%; margin-top: 15%;}
.drag-wrapper .thing.edge { -webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.345, 1.1); -moz-transition: all 400ms cubic-bezier(0.175, 0.885, 0.345, 1.1); transition: all 400ms cubic-bezier(0.175, 0.885, 0.345, 1.1);}
.drag-wrapper .thing .content{display: none; overflow: hidden; position: absolute; top: 100%; right: 0px; margin-top: 12px; padding: 20px; width: 350px; height: auto; background: #ffffff;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:    0px 0px 10px 2px rgba(0, 0, 0, 0.1);box-shadow:         0px 0px 10px 2px rgba(0, 0, 0, 0.1); border:none;}
.drag-wrapper-left .thing .content{right: auto; left: 0}
.drag-wrapper .thing .content:before{content: ''; position: absolute; top: -10px; right: 25px; width: 12px; height: 10px; border-bottom: 10px solid #ffffff; border-left: 6px solid transparent; border-right: 6px solid transparent;}
.drag-wrapper .thing .content .inside{ max-height: 100% ; position: relative; overflow: hidden; width: 100%; }
.drag-wrapper .magnet-zone { pointer-events: none; -webkit-transition: -webkit-transform 400ms cubic-bezier(0.175, 0.885, 0.145, 1.22); -moz-transition: -webkit-transform 400ms cubic-bezier(0.175, 0.885, 0.145, 1.22); transition: transform 400ms cubic-bezier(0.175, 0.885, 0.145, 1.22);}
.drag-wrapper .magnet-zone { position: fixed; bottom: 10px; left: 50%; z-index: 999; padding: 10px 20px; text-align: center; -webkit-transform: translate(-50%, 100%) translateZ(0); -moz-transform: translate(-50%, 100%) translateZ(0); transform: translate(-50%, 100%) translateZ(0);}
.drag-wrapper .magnet-zone.overlap .magnet { -webkit-transform: scale(1.08) translateZ(0); -moz-transform: scale(1.08) translateZ(0); transform: scale(1.08) translateZ(0);}
.touching .drag-wrapper .circle { -webkit-transform: scale(0.9) translateZ(0); -moz-transform: scale(0.9) translateZ(0); transform: scale(0.9) translateZ(0);}
.moving .drag-wrapper .container:before { opacity: 1;}
.moving .drag-wrapper .magnet-zone { -webkit-transform: translate(-50%, 0) translateZ(0); -moz-transform: translate(-50%, 0) translateZ(0); transform: translate(-50%, 0) translateZ(0);}
.drag-wrapper .magnet-zone:after { pointer-events: none; content: '\00d7'; position: absolute; left: 0; right: 0; top: 50%; text-align: center; font-size: 2em; font-weight: 100; color: #fff; -webkit-transform: translateY(-50%) translateZ(0); -moz-transform: translateY(-50%) translateZ(0); transform: translateY(-50%) translateZ(0);}
.drag-wrapper .magnet { pointer-events: none; position: relative; border: 2px solid #fff; background: rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-transform-origin: center; -moz-transform-origin: center; transform-origin: center;-webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.145, 1.25); -moz-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.145, 1.25); transition: transform 200ms cubic-bezier(0.175, 0.885, 0.145, 1.25); -webkit-transform: scale(0.7) translateZ(0); -moz-transform: scale(0.7) translateZ(0); transform: scale(0.7) translateZ(0);}
body:not(.touching) .drag-wrapper .thing{-webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.345, 1.1); -moz-transition: all 400ms cubic-bezier(0.175, 0.885, 0.345, 1.1); transition: all 400ms cubic-bezier(0.175, 0.885, 0.345, 1.1);}
@media only screen and (max-width: 767px) {
.drag-wrapper .thing .content {
right: -17px;
width: 310px;
padding: 10px 0;
}
}