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

#header {
    /* padding: 10px 0; */
    position: relative;
    left: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 997; /*background:rgba(0,0,0,0.75);*/
}
#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 img {
  padding: 0;
  margin: 0;
}

.col-md {-webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%;}
.d-flex{display: flex;}
.align-items-center{align-items: center;}
#header .icon .fa {color: #fd888c; font-size: 36px; line-height: 1;}
#header .con .text {padding-left: 10px;}
#header .con .text span { color: #fd888c;}
#header .con .text span, header .top-wrap .con .text strong {display: block;line-height: 1.4;text-align: left;color: #aaaaaa;font-size: 14px;}
#header .col-md-8.d-flex{ padding:10px 0;}

@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;
}
.bannr{position:relative;}
.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;
	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;}
.icon-box a{font-size:15px!important;}

.buttons a{ font-size:16px; color:#065695; border-radius: 4px; line-height:22px; border:2px #065695 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:#065695; float:left;*/ margin-left:15px; margin-right:10px;}
.nav-link{font-size: 15px;font-weight: 600;letter-spacing:1px;text-transform: capitalize;color:#000!important;}

.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: #065695;  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(#065695), to(#4473c3));
    background-image: linear-gradient(to Left, #065695,#4473c3);
}

#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: #065695 !important;
    color: #fff !important;
}

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

#services a {
    font-size:15px!important;
    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, #fd888c, #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 {
    padding: 50px 10px;
    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: 57px; */
        left: 0;
        right: 0;
        margin: 0 auto;
        overflow: hidden;
}


.imgScroll {
	position: relative;
	top: 38px;
	left: 0;
	right: 0;
	margin: 0 auto;
	/* margin-left: -168px; */
	overflow: hidden;
	height: 320px;
	width: 320px;
	border-radius: 50%;
	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.jpg) 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;color: #000;}

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

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

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


footer{background: #fff;color: #fff;background:#111111;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 #fff 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 #fff dashed;padding-top:20px;}

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

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


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


/*contact*/
.map-cont{     margin-top: 10px;
    width: 56%;
    float: left;
    border: 1px solid #ddd;
    text-align: center; padding: 10px 0;}
.map-cont img{max-width:100%;}
	
.bx-rht-cont{    width:40%;
    float: left;
    margin-left: 3%; text-align: left;}
	
.bx-rht-cont a{cursor:pointer;}
.bx-rht-cont h2{text-align: left;
    font-size: 16px;
    font-weight: bold;     line-height: 18px; margin-top: 10px; margin-bottom:5px;}
	
.bx-rht-cont p{margin-bottom:0;}
.brn-off{width:31%; padding:1%; float:left;     padding-bottom: 0;}
.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;
}
	
.head-bx{float: left;
    width: 50%;}
	
.contd-bx{float: left;
    width: 50%;}
	
.brn-bx h2{text-align:center;}

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

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

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


.st-custom-heading-layout2.st-custom-heading-wraper {
    margin-bottom: 24px;
}

.st-custom-heading-layout2 .st-heading-title {
    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px; font-weight:bold;
	margin-top: 0;
}

.st-custom-heading-layout2 .st-heading-title>span {
	    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px;
    display: block;
    margin-bottom: 11px;
}

.st-custom-heading-layout2 .heading-line {
    width: 26px;
    height: 1px;
    background: #114366;
    margin: 0;
}

.st-feature-box {
    padding-left:75px;
    position: relative;
	margin-bottom: 35px;
}

.st-feature-box .st-feature-box-icon {
    color: #111;
    display: block;
    position: absolute;
    width: 52px;
    height: 52px;
    line-height:0px;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 60px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.st-feature-box h3 {
    color: #fff;
    margin-bottom:0px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}
.map-contp{border:1px dashed #eee;}
.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-family: arial; */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;
}
.margin-101 {
    margin-right: 92px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
h4 {
     font-size: 18px;
     font-weight: 600;
}

h5 {
     font-size: 15px;
     font-weight: 600;
}

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;
}
.btn {
	text-align: center;
	font-weight:bold;
	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;
}
.btn:hover, .btn:focus {background:#111;color: #fff;}
img {
     max-width: 100%;
     height: auto;
}

 :focus {
     outline: 0;
}

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


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

#header {text-align: center;
    /* 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 {
    /* width:130px; */
    padding: 9px 0;
    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;}


/* innr-pg-c Start */
.otherpagecss #RadDockZone1.container{max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table{margin-top:0 !important;}
  .innr-pg-c{margin-bottom: 20px;padding: 32px 0;position: relative;background:url(../Image/inner-bg-img.jpg) no-repeat right/cover scroll;}
  .innr-pg-c h1{font-weight: 800; font-family: "Poppins", sans-serif;Font-size: 26px;color: #fff;text-align: left;border-left: 3px #fff solid;text-transform: uppercase;position:relative;z-index:1;border-radius: 4px;padding: 5px 0 5px 20px;}
  .innr-pg-c:after{content:'';position:absolute;left:0px;right:0px;top:0px;width:100%;height:100%;z-index: 0;background-image: linear-gradient(to right, #dfae8a, #fd888c);}
/* innr-pg-c End */

.icon-bx{padding-left:20px;    padding-top: 6px;}
.tm-bg{    border: 3px solid #fd888c;
    border-radius: 6px;}
#WidgetControl1{
        display: none!important;
    }
.sub-heading1{font-size:20px;color:#000;font-weight: 600;}
.main-table ul li{line-height:28px;}
 

@media screen and (max-width: 767px) {
    .color-1 {color:#000!important;}
    .navbar .container-fluid{display: flex;justify-content: center;}
	#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;}
	
	
	
}


@media(max-width:1024px){
.imgScroll{position: relative;
    top: 60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    /* margin-left: -168px; */
    overflow: hidden;
    height: 300px;
    width: 300px;
    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;
}
}
@media(max-width:991px){
	.caption p{    font-size: 22px}
	.coffee img{top:0;}
	.nav-link{font-size: 12px;}
}

@media(max-width:767px){
.wback .caption {
    top: 5% !important;
    background: rgba(255, 255, 255, 0.8) !important;
    width: 100% !important;
}
#Support {
    padding-top: 40px !important;
	border: none !important;
}
.hide2{display:none !important;}
.coffee img {
    display: none !important;
}
}

@media(max-width:568px){
#services a { color: #000 !important;font-weight: bold;}
.caption h2 span{font-size: 30px;}	
}

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


  .inner-banner {position: relative;}
  .inner-banner .content h2 { position: absolute; width: 100%; top: 50%; left: 50%; font-size: 44px; transform: translate(-50%, -50%); color: #fff; font-weight: 600; }
    
        @media (min-width: 320px) and (max-width: 768px) {
            .inner-banner img { height: 130;}
            .inner-banner .content h2 { font-size: 22px;}
        }