@charset "UTF-8";

/* Start StyleCSS */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/rubik/v11/iJWbBXyIfDnIV7nEt3KSJbVDV49rz8sDE3U6f4L1kA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWyV9hmIqOjjg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEz0dL_nz.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

html,
body {
	height: 100%;
}
.navbar-default{margin-top:28px;}

.top {
    position: fixed;
    right: 10px;
    bottom: 30px;
    text-align: center;
    color: #fff;
    background: #fd888c;
    padding: 10px 10px;
    z-index: 9;
    border-radius: 50%;
    border: 2px solid #fff;
    cursor: pointer;
    opacity: 0;
    transition: ease-in 0.5s;
}

.top.scll-top {
    opacity: 1;
    transition: ease-in 0.5s;
    bottom: 50px;
}

.top .fa {
    display: block !important;
}
body {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 160%;
	-ms-overflow-style: scrollbar;
}



h1,h2,h3,h4,h5,h6 {
	line-height: 160%;
	font-family: 'Roboto', sans-serif;
}

p{font-size:16px; line-height:24px; text-align: justify;}


.top-bar{ width: 100%; padding: 15px 0; background:#f4fafc; border-bottom:1px #eee solid;}

.buttons{}

.buttons a{ font-size:16px; color:#fd888c; border-radius: 4px; line-height:22px; border:2px #fd888c solid; padding: 5px 18px;}
.callus{ text-align:right; }
.callus a{ font-size:20px; font-weight:bold; color:#222;}
 header{ background:#fff; position: relative; padding:5px 10px;}
.lead { font-size: 19px; line-height:30px;}
.logo1{text-align:left; padding:15px 0;}
#VO_Conten .logo1 p{ color:#222; font-size:30px; font-weight: 600; padding-top:10px; margin-top:5px;}
.logo1 img{ /*width:60px; background:#fd888c; float:left;*/ margin-left:15px; margin-right:10px;}
.nav-link{ font-size: 15px; font-weight: 600; letter-spacing:1px; text-transform: capitalize;}

.banner{ width: 100%; padding:0;}

.banner .btn{ text-align:center; display: inherit;}
.banner .btn a{ font-size: 18px; line-height:30px; text-align: center; color: #fff; background: #fd888c;  padding: 10px 20px; border-radius: 4px; text-decoration:none;}
.img-adv{ text-align:right; vertical-align:baseline;}
.img-adv img{ width:250px; margin-top:32px;}




#Sev-Feature{
    background-image: -webkit-gradient(linear, Right top, Left top, from(#fd888c), to(#efcaaf));
    background-image: linear-gradient(to Left, #fd888c,#efcaaf);
}

#Sev-Feature{
    color: #fff;
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    border-top-color: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    border-bottom-color: rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

#Sev-Feature h2{
    font-size: 45px;
    font-weight: 400;
	line-height:50px;
}

.bg-color-2 {
    background-color: #fd888c !important;
    border-color: #fd888c !important;
    color: #fff !important;
}

#services {
    box-shadow: 0 0 15px rgba(0, 0, 0, .25);
    border-radius:8px;
    position: relative;
}

#services a {
    color: #fd888c;
    text-decoration: none;
}

#services p{ color: #222; font-size:16px;}

.bg-color-3 {
    background-color: #f4fafc !important;
    border-color: #f4fafc !important;
}


.margin-top-60 {
    margin-top: 50px !important;
}


.margin-60 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.margin-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.color-1 {
    color: #fd888c !important;
    border-color: #fd888c !important;
}
.margin-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

h4{
    font-size: 18px; font-weight:600; color:#333;
}

.pattern-1 {
	background-image: url(../image/pattern-1.svg);
	background-attachment: fixed;
    background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size:cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
	opacity: .1;
	overflow: hidden;
}

.pattern-2 {
	background-image: url(../image/pattern-2.svg);
	background-attachment: fixed;
    background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size:cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
	opacity: .1;
	overflow: hidden;
}

.pattern-3 {
	background-image: url(../image/pattern-3.svg);
	background-attachment: fixed;
    background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size:cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
	opacity: .1;
	overflow: hidden;
}

.pattern-4 {
	background-image: url(../image/pattern-4.svg);
	background-attachment: fixed;
    background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size:cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
	opacity: .1;
	overflow: hidden;
}


#Sev-Feature {
    background-image: -webkit-gradient(linear, left top, right top, from(#efcaaf), to(#fd888c));
    background-image: linear-gradient(to right, #efcaaf, #fd888c);
}

.bg-color-2 {    
    border-color: #fd888c !important;
    color: #fff !important;
}


/* Globe */

.globe {
    position: absolute;
	top: 50%;
	left: 75%;
	margin-top:-400px;
	margin-left:-400px;
	height:800px;
	width:800px;
	opacity: .15;
}
.globe-1, .globe-2, .globe-3, .globe-4 {
    background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size:cover;
    position: absolute;
	top: 50%;
	left: 50%;
	margin-top:-400px;
	margin-left:-400px;
	height:800px;
	width:800px;
}
.globe-1 {
	background-image: url(../image/globe-1.svg);
	animation: globe-1 100s infinite ease-in-out;
	-webkit-animation-name: globe-1;
	-webkit-animation-duration:100s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-moz-animation-name: globe-1;
	-moz-animation-duration:100s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:ease-in-out;
	opacity: .7;
}



@keyframes globe-1 {
	0% {transform:rotate(15deg);}
	50% {transform:rotate(0deg);}
	100% {transform:rotate(15deg);}
}

@-webkit-keyframes globe-1 {
	0% {-webkit-transform:rotate(15deg);}
	50% {-webkit-transform:rotate(0deg);}
	100% {-webkit-transform:rotate(15deg);}
}

@-moz-keyframes globe-1 {
	0% {-moz-transform:rotate(15deg);}
	50% {-moz-transform:rotate(0deg);}
	100% {-moz-transform:rotate(15deg);}
}


.globe-2 {
	background-image: url(../image/globe-2.svg);
	animation: globe-2 160s infinite ease-in-out;
	-webkit-animation-name: globe-2;
	-webkit-animation-duration:160s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-moz-animation-name: globe-2;
	-moz-animation-duration:160s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:ease-in-out;
	opacity: .3;
}


@keyframes globe-2 {
	0% {transform:rotate(10deg);}
	50% {transform:rotate(0deg);}
	100% {transform:rotate(10deg);}
}

@-webkit-keyframes globe-2 {
	0% {-webkit-transform:rotate(10deg);}
	50% {-webkit-transform:rotate(0deg);}
	100% {-webkit-transform:rotate(10deg);}
}

@-moz-keyframes globe-2 {
	0% {-moz-transform:rotate(10deg);}
	50% {-moz-transform:rotate(0deg);}
	100% {-moz-transform:rotate(10deg);}
}

.globe-3 {
	background-image: url(../image/globe-3.svg);
	animation: globe-3 240s infinite linear;
	-webkit-animation-name: globe-3;
	-webkit-animation-duration:240s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	-moz-animation-name: globe-3;
	-moz-animation-duration:240s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;
}

@keyframes globe-3 {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}

@-webkit-keyframes globe-3 {
	0% {-webkit-transform:rotate(0deg);}
	100% {-webkit-transform:rotate(360deg);}
}

@-moz-keyframes globe-3 {
	0% {-moz-transform:rotate(0deg);}
	100% {-moz-transform:rotate(360deg);}
}

.globe-4 {
	background-image: url(../image/globe-4.svg);
	animation: globe-4 300s infinite linear;
	-webkit-animation-name: globe-4;
	-webkit-animation-duration:300s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	-moz-animation-name: globe-4;
	-moz-animation-duration:300s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;
	opacity: .5;
}

@keyframes globe-4 {
	0% {transform:rotate(360deg);}
	100% {transform:rotate(0deg);}
}

@-webkit-keyframes globe-4 {
	0% {-webkit-transform:rotate(360deg);}
	100% {-webkit-transform:rotate(0deg);}
}

@-moz-keyframes globe-4 {
	0% {-moz-transform:rotate(360deg);}
	100% {-moz-transform:rotate(0deg);}
}



#VO_Content {
    overflow: hidden;
	background: #fff;
}

.margin-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}
.h1 {
    font-size: 48px;
    font-weight: 300;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.coffee{
    position: relative;
    max-width: 512px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.coffee img {
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -256px;
}


.imgScroll {
	position: absolute;
	top: 46px;
	left:50%;
	margin-left: -168px;	
	overflow: hidden;
	height: 335px;
	width: 335px;
	border-radius: 175px;
	animation: coffee 120s linear infinite;
	-webkit-animation-name: coffee;
	-webkit-animation-duration:120s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	-moz-animation-name: coffee;
	-moz-animation-duration:120s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;
}

@keyframes coffee {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}

@-webkit-keyframes coffee {
	0% {-webkit-transform:rotate(0deg);}
	100% {-webkit-transform:rotate(360deg);}
}

@-moz-keyframes coffee {
	0% {-moz-transform:rotate(0deg);}
	100% {-moz-transform:rotate(360deg);}
}

.imgScroll .slide {
	background: url(../image/slide.png) repeat-x;
	height: 335px;
	width: 1695px;
	animation: slide 120s linear infinite;
	-webkit-animation-name: slide;
	-webkit-animation-duration:120s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	-moz-animation-name: slide;
	-moz-animation-duration:120s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;
}

@keyframes slide {
	0%{transform: translate3d(0, 0, 0);}
	100%{transform: translate3d(-565px, 0, 0);}
}

@-webkit-keyframes slide {
	0%{-webkit-transform: translate3d(0, 0, 0);}
	100%{-webkit-transform: translate3d(-565px, 0, 0);}
}

@-moz-keyframes slide {
	0%{-moz-transform: translate3d(0, 0, 0);}
	100%{-moz-transform: translate3d(-565px, 0, 0);}
}

#Support {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	position: relative;
}

#Support p{ text-align:center;}

#CP_FeatureSub #title {
	margin: 30px 0;
	padding: 0;
}

#services .icon {
	text-align:right;
}

.btn-primary{ background: #fd888c; border-color: #fd888c;}


footer{ background: #111111; color: #fff; padding:40px 0;}

footer h3{ font-family: 'Rubik', sans-serif; font-size: 24px; line-height:30px; color:#fff; font-weight:500; margin-bottom: 10px; border-bottom: 1px #999 dashed; padding-bottom:10px;}
footer p{line-height:30px;}
footer p a{position:relative;    padding-left:10px; transition:.5s; }
footer p a:hover{ padding-left:15px;color:#fff; text-decoration:none;}
footer p a:before{content: "\f0a4";
    font-family: fontawesome;
    color: #eee;
    margin-right: 10px;}
footer a{ color:#fff; font-size:15px;}
footer .col-md-3 p i{margin-right:15px; color:#fff; text-decoration:none;}

.ft-top{ margin-top:30px; border-top:1px #222 dashed; padding-top:20px;}

#social a {
    text-decoration: none;
    padding: 0 5px;
    font-size: 20px;
    line-height: 25px;
}

@media screen and (max-width: 767px) {
	#Sev-Feature h2{ font-size: 30px !important; line-height: 30px !important;}
	.margin-60{ margin-top: 10px !important; margin-bottom: 10px !important;}
	.margin-top-60{ margin-top: 20px !important;}
	#services .icon{ text-align: left !important;}	
	.bg-color-3{ background-color: inherit !important; border-color: inherit !important;}
	
	.h1{ font-size: 30px !important; font-weight: 500;}
	
}

@media screen and (max-width: 600px) {	
	
	.h1{ font-size: 30px !important; font-weight: 500;}
	
	
}

@media screen and (max-width: 480px) {
	#services .icon{ text-align: center !important;}
	#services h4{text-align: center;}
	#services p{ text-align: center;}	
	.h1{ font-size:24px; font-weight: 500;}
	
	
	
}