@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;
}

body {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color:#333;
	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;}

b, strong{ font-weight: bold;}

.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: 17px; line-height:30px;color: #000;}
.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: 40px;
    font-weight: 400;
	line-height:50px;
    color: #fff;
}

.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) !important;
}

.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;
    color: #000;
}

.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;
    /*! top: 20px; */
    left: 50%;
    margin-left: -240px;
}


.imgScroll {
	position: absolute;
	top: 30px;
	left:50%;
	margin-left: -175px;	
	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;
	padding: 50px 0px;
}

#Support p{ text-align:center; color: #000;}

#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 20px;}

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;}

.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;
}


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


#header .navbar-default{ margin-top: 20px; background-color: transparent;}


* {
     box-sizing: border-box !important;
     transition: ease all 0.5s;
}

html {
     scroll-behavior: smooth;
     overflow-x: hidden !important;
}


/*contact*/

.cont-page h3{     margin: 0;
    font-size: 18px;
    margin-bottom: 8px;}
.cont-page p{font-size:14px; color:#000;     line-height: 24px !important;}

.cont-heading {
    margin: 0;

    font-size: 15px;
    text-transform: uppercase;
    background:#60355c;
    padding: 9px 10px;
    color: #fff;
    margin-bottom: 8px;
}
	
.brn-bx h2{ text-align:center;}

.map-cont img{ max-width:100%;}

.cont-page .st-feature-box{
    background: #fd888c;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-right: 10px;
    color: #fff;
    }	
	
.cont-page .feature-box-image{ margin-top: 13px;}

.brnh-off p{ margin-bottom:2px;}


.cont-soc img{margin-right:5px;}
.cont-page h2{
    font-weight:
    bold;
    color: #111;
    font-size: 19px;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 0px;
	margin-top:10px;
    }
.cont-page h2 span{color: #111;
    font-weight: normal;
    font-size: 18px;}
.cont-page h5{    color: #222;
    font-size: 19px;
    margin-bottom: 25px;}
	
.cont-page h2 span {
    color: #111;
    font-weight: normal;
    font-size: 18px;
}

.cont-page{ text-align:left; font-family: Poppins; font-size: 14px;}


/*cont-page*/

/*navbar*/

#HeaderControl, #MenuControl, #widgetsControl, #WidgetControl2, #WidgetControl1, #WidgetControl4{ padding: 0;}
	
a {
     color: #1f1f1f;
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}

.team-title {
	font-weight:700;
	font-size: 17px;
}

h1, h2, h3, h4, h5, h6 {
     letter-spacing: 0;
     font-family: Poppins;
     font-weight: normal;
     position: relative;
     padding: 0 0 10px 0;
     font-weight: normal;
     line-height: normal;
     color: #111111;
     margin: 0;
}

h1 {
     font-size: 24px
}

h2 {
     font-size: 22px
}

h3 {
     font-size: 24px;
     margin-top: 10px;
}

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

h5 {
     font-size: 14px
}

h6 {
     font-size: 13px
}

*,
*::after,
*::before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
     color: #212121;
     text-decoration: none!important;
     opacity: 1
}

button:focus {
     outline: none;
}

ul,
li,
ol {/*
     margin: 0px;
     padding: 0px;
     list-style: none;*/
}

p {
     /*! margin: 20px; */
     font-weight: 300;
     font-size: 15px;
     font-family: Poppins;
     line-height: 24px;
}

.bx-rht-cont {
  text-align: left;
}
.bx-rht-cont p {
  text-align: left;
  color: #333;
}
a {
     color: #222222;
     text-decoration: none;
     outline: none !important;
}
.caption .btn {
	text-align: center;
	padding-left: 40%;
	border: none;
}
.btn {
	text-align: center;

}
.caption .btn a {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #fd888c;
    padding: 10px 20px;
    border-radius: 4px;
    text-decoration: none;
}

.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 {
     max-width: 100%;
     height: auto;
}

 :focus {
     outline: 0;
}

.paddind_bottom_0 {
     padding-bottom: 0 !important;
}


.navbar-form input {
     border: none !important;
}

#header {
    padding: 20px 0;
    height: 100px;
    /*position: absolute;*/
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 997;
    background: #fff;
}
.head-tp{background:#1b4a5a;}
.head-tp ul, .head-tp ul li a{color:#fff; list-style:none;margin: 0;}
.head-tp ul li{display:inline-block; padding:0 5px; line-height:40px;}
#header.header-scrolled {
  background: rgba(0, 0, 0, 0.9);
  padding: 20px 0;
  height: 72px;
  transition: all 0.5s;
}

#header img {
 margin:0 auto;
}

#header #logo h1 {
  font-size: 34px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
}

#header #logo h1 a,
#header #logo h1 a:hover {
  color: #fff;
  padding-left: 10px;
  border-left: 4px solid #dd3d25;
}

#header #logo img {
  padding: 0;
  margin: 0;
}
.body-fx #header{padding: 6px 0;
    height: 65px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 997;
     background:rgba(8,74,140,.85);}
.body-fx .navbar-default{background-color: transparent !important;}


.banner-section .caption {
  display: block;
  position: absolute;
  z-index: 2;
  right: 5%;
  max-width: none;
  top: 18%;
padding: 10px 30px;
}

.banner-section .carousel-control-next, .carousel-control-prev{ width: 10%;}
.caption h2{ font-family: 'Rubik', sans-serif; color: #121212; font-size:50px; font-weight:600; line-height:60px; text-transform:uppercase; text-align:center;}
.caption h2 span{ font-family: 'Rubik', sans-serif; color: #121212; font-size:50px; font-weight:800; line-height:45px; text-transform:uppercase; text-align:center;}
.caption p{ font-family: 'Roboto', sans-serif; font-size:25px; font-weight: bold; color: #444; line-height:30px; text-align:center; letter-spacing:1px;}




@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;}	
	
	.h1{ font-size: 30px !important; font-weight: 500;}
	
}


@media(max-width:767px){
.wback .caption {
    top: 5% !important;
    background: rgba(255, 255, 255, 0.8) !important;
    width: 100% !important;
}

#Support {border: none !important;

}

.coffee img { display: none !important;}

.banner-section .caption{ }
.caption h2{ font-size: 30px; font-weight: 600; line-height: 30px; margin: 0;}
.caption h2 span{ font-size: 30px; font-weight: 600; line-height: 45px;}
.caption p{ font-size: 20px;}

#HomepagecontentControl{ min-height: 100vh !important;}
 /* #HomepagecontentControl_C{ height: 100vh !important;} */


}


@media screen and (max-width: 600px) {	

.h1{ font-size: 30px !important; font-weight: 500;}

#services{ width: 94% !important; margin: 0 auto !important;}


.banner-section .caption{ top: 0;}
.caption h2{ font-size: 20px !important; font-weight: 400 !important;}
.caption h2 span{ font-size: 20px !important;}
.lead{ font-size: 15px !important; line-height: 24px !important;}	
#services p{ font-size: 14px !important;}
	
}



@media(max-width:568px){
.navbar-expand-md .navbar-nav .nav-link {
    text-align: left;
    font-size: 14px;}
	
	
	
}

@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;}
	
}



@media(max-width:480px){
	
	
	
	
}