@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
@import url('https://fonts.googleapis.com/css?family=Josefin+Slab');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
html {
	height : 100%;
}
body
{
	background-color:white;
	height: 100%;
	color: #000;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.blink{
	animation:blinkingText 1.0s infinite;
}
@keyframes blinkingText{
	0%{		color: green;	}
	49%{	color: red;	}
	50%{	color: red;	}
	99%{	color: red;	}
	100%{	color: red;	}
}
/* START scrolling*/
.scrolling-box {
  background-color: #eaeaea;
  display: block;
  width: 1140px;
  height: 300px;
  padding: 1em;
  overflow-y: scroll;
  text-align: center;
}
section {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
/* END scrolling*/
/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-box {
  background-color: transparent;
  width: 360px;
  height: 200px;
  border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-box-front {
  background-color: #bbb;
  color: black;
}

/* Style the back side */
.flip-box-back {
  background-color: dodgerblue;
  color: white;
  transform: rotateY(180deg);
}
.img round {
  border-radius: 50%;
}

/* START Tooltip */
.tooltip1 {
  position: relative;
  display: inline-block;
}

.tooltip1 .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: black;
  color: #fff;
  font-size: 12px;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -150px;
}

.tooltip1 .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

.tooltip1:hover .tooltiptext {
  visibility: visible;
}
/* END Tooltip */

/* START parallax */
.parallax1 {
  /* The image used */
  background-image: url("https://i.imgur.com/hv06Hnr.jpg");

  /* Full height */
  height: 100%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax2 {
  /* The image used */
  background-image: url("https://i.imgur.com/pbaw5wj.jpg");

  /* Full height */
  height: 100%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax3 {
  /* The image used */
  background-image: url("https://i.imgur.com/bh3l0S0.jpg");

  /* Full height */
  height: 100%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax4 {
  /* The image used */
  background-image: url("https://i.imgur.com/zJaY7N4.jpg");

  /* Full height */
  height: 100%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax5 {
  /* The image used */
  background-image: url("https://i.imgur.com/hlUGVIS.jpg");

  /* Full height */
  height: 100%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax6 {
  /* The image used */
  background-image: url("https://i.imgur.com/bwAt4sF.jpg");

  /* Full height */
  height: 100%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax7 {
  /* The image used */
  background-image: url("https://i.imgur.com/zWpFa2J.jpg");

  /* Full height */
  height: 100%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax8 {
  /* The image used */
  background-image: url("https://i.imgur.com/bh3l0S0.jpg");

  /* Full height */
  height: 100%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax9 {
  /* The image used */
  background-image: url("https://i.imgur.com/xWTVsVn.jpg");

  /* Full height */
  height: 100%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax10 {
  /* The image used */
  background-image: url("https://i.imgur.com/sSrmdYm.jpg");

  /* Full height */
  height: 100%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax11 {
  /* The image used */
  background-image: url("https://i.imgur.com/OxkAM5O.png");

  /* Full height */
  height: 100%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax12 {
  /* The image used */
  background-image: url("https://i.imgur.com/zSdICjB.png");

  /* Full height */
  height: 100%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* END parallax */

/* START SOCIAL MEDIA */
.icon-bar1 {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Style the icon bar links */
.icon-bar1 a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

/* Style the social media icons with color, if you want */
.icon-bar1 a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.whatsapp {
  background: #06d755;
  color: white;
}

#feedback { 
				height: 0px; 
				width: 65px; 
				position: fixed; 
				right: 0;
				top: 60%; 
				z-index: 1000;
				transform: rotate(-90deg);
				-webkit-transform: rotate(-90deg); 
				-moz-transform: rotate(-90deg); 
				-o-transform: rotate(-90deg); 
				filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
			}

			#feedback a { 
				display: block; 
				background: #ff6500; 
				height: 35px; 
				width: 115px; 
				padding: 8px 16px;
				color: #fff; 
				font-family: Arial, sans-serif; 
				font-size: 17px; 
				font-weight: bold; 
				text-decoration: none; 
				border-bottom: solid 1px #333; border-left: solid 1px #333; border-right: solid 1px #fff;
			}

			#feedback a:hover { 
				background: #CCC; 
			}
			
			
#ouroffers { 
				height: 0px; 
				width: 65px; 
				position: fixed; 
				right: 0;
				top: 30%; 
				z-index: 1000;
				transform: rotate(-90deg);
				-webkit-transform: rotate(-90deg); 
				-moz-transform: rotate(-90deg); 
				-o-transform: rotate(-90deg); 
				filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4);
			}

			#ouroffers a { 
				display: block; 
				background: #fc0; 
				height: 35px; 
				width: 107px; 
				padding: 8px 16px;
				color: #fff; 
				font-family: Arial, sans-serif; 
				font-size: 17px; 
				font-weight: bold; 
				text-decoration: none; 
				border-bottom: solid 1px #333; border-left: solid 1px #333; border-right: solid 1px #fff;
			}

			#ouroffers a:hover { 
				background: #CCC; 
			}
			
			
#offers { 
				height: 0px; 
				width: 120px; 
				position: fixed; 
				right: 0;
				top: 30%; 
				z-index: 1000;
				transform: rotate(-90deg);
				-webkit-transform: rotate(-90deg); 
				-moz-transform: rotate(-360deg); 
				-o-transform: rotate(-90deg); 
				filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
			}

			#offers a { 
				height: 35px; 
				width: 135px; 
				padding: 8px 16px;
				color: #fff; 
				font-family: Arial, sans-serif; 
				font-size: 17px; 
				font-weight: bold; 
				text-decoration: none; 
			}

/* END SOCIAL MEDIA */

/* START slider animation */
html, body {
  margin: 0; padding: 0;
}
.hero-bkg-animated {
  background: gray url(https://www.cafilings.com/img/services_banner_old.png) repeat 0 0;
  width: 100%;
  margin: 0;
  text-align: center;
  height: 570px;
  padding-top: 120px;
  box-sizing: border-box;
  -webkit-animation: slide 50s linear infinite;
}

.hero-bkg-animated h1 {
  font-family: sans-serif;
}

@-webkit-keyframes slide {
    from { background-position: 0 0; }
    to { background-position: -3000px 0; }
}
/* END slider animation */

/* start slider video animation */
* {
    margin: 0;
    padding: 0;
}

#wrapper {
    position: relative;
    overflow: hidden;
    background: #182431;
}


/* === Text effect === */
#svg {
    width: 100%;
    height: 90vh;
    display: block;
    transform: scale(.8);
}


/* === Video === */
video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

/* === Background === */
.bg {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.2)
}
/* END slider video animation */

.img25 {
  -webkit-filter: drop-shadow(5px 5px 5px #222 );
  filter: drop-shadow(0px 25px 0px #fcfcfc80);
}
h1,h2,h3,h4,h5,h6,p,li,span
{
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

:focus {
    outline: none;
}

.top-container
{
	background-color:red;
}

.main-contents
{
	margin-top:20px;
}

.enq-form-title
{
	font-size: 25px;
	margin-bottom:5px;
	text-align:center;
  	text-transform: uppercase;
}

.enq-form-subtitle
{
	text-align:center;
}

.plan-title
{
	font-size: 20px;
	margin-bottom:5px;
	text-align:center;
  	text-transform: uppercase;
}

.plan-subtitle
{
	text-align:center;
	font-size: 30px;
}

.plan-order
{
	margin-bottom:10px;
	text-align:center;
}

.back-to-top {
	background: none;
	margin: 0;
	position: fixed;
	bottom: 10px;
	right: 25px;
	width: 45px;
	height: 50px;
	z-index: 100;
	display: none;
	text-decoration: none;
	color: #FF6500;
}

.back-to-top:hover,.back-to-top:active,.back-to-top:focus,.back-to-top:visited {
  color: #FF6500;
}

.back-to-top i {
  font-size: 50px;
}

/*footer*/
.page-wrap {
  	min-height: 100%;
    	margin-bottom: -300px; 
}
.page-wrap:after {
  content: "";
  display: block;
  height : 300px;
}

#footer 
{
	height : 300px;
	background-color: #2c3e50;
	width:100%;
}

#footer table
{
	margin-top : 20px;
}

#footer p
{
	margin : 0px 0px 0px 0px;
	color : white;
	text-align : center;
}

#footer a
{
	text-decoration : none;
	color : #b9b4b4;
	font-size: 15px;
}
.midfooter a
{
	color:#000 !important;
}

.midfooter table
{
	margin-top:10px !important;
	margin-bottom:20px !important;
}

#footer a span
{
	color : #fff;
}


#footer h5
{
	color : white;
	font-size: 20px;
}

.footercol1
{
	height: 235px;
}

.footercol2
{
	height: 150px;
}
/* Bootstrap Mods */
.navbar
{
	margin-bottom:0px;
	border-radius: 0px;
	min-height: 75px;
	background-color: #000;
}

.navbar-nav>li>a:hover, .navbar-nav>li>a:focus
{
	color : #ff6500 !important;
	outline: none;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus
{
	outline: none;
}


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
    background-color: #000 !important;
    color: #ff6500 !important;
}

.navbar-nav>li>.dropdown-menu
{
	margin-top:4px;
}


.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus
{
    background-color: #ff6500 !important;
}

.container-banner
{
	;
}

.alert-caption
{
	border-color:#fff;
	color: #fff;
	margin-bottom:0px;
	text-align:center;
	height: 80px;
}

.btn-buynow
{
	background-color: #ffcc00;
	color:#000;
	
}

.list-group-item
{
	padding:2px 15px;
}


@media only screen and (max-width: 767) {	
	.footercol1 {
		height:215px;
	}
	#footer
	{
		height: 745px;
	}
}

@media only screen and (max-width: 991px) {
	#banner-caption{
		font-size: 27px !important;
		line-height:28px !important;
	}
	.footercol1 {
		height:295px;
	}
	#footer
	{
		height: 745px;
	}
}



@media only screen and (max-width: 540px) {
	#banner-caption{
		font-size: 22px !important;
		line-height:25px !important;
	}
	#footer
	{
		height: 745px;
	}
	.footercol1 {
		height:295px;
	}
}

@media only screen and (max-width: 360px) {
	#banner-caption{
		font-size: 18px !important;
		line-height:20px !important;
	}
}