@media (max-width: 978px) {
	*{
		padding:0px;
		margin: 0px;
	}
    .container {
      padding:0;
      margin:0;
    }

    body {
      padding:0;
    }

    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
      margin-left: 0;
      margin-right: 0;
      margin-bottom:0;
    }
}
@media screen and (max-width: 768px) {
body, div.container{
	margin:0 auto
	}
}


body{
	background:#d1e4e4;
	color: #000000;
	font-family: arial, sans-serif;
	font-size: 16px;
}
.headers{
	background-color: #343b3b;
	border-top: solid 10px #0e68fc;
}
.text-white{
	color:#FFFFFF;
}
.bg-white{
	background: #FFFFFF;
}
.lowerpart{
	background-color:#05aafb;
}
.m20{
	margin-top: 20px;
}
.m-20{
	margin-top: -20px;
}
.mb-10{
	margin-bottom: 10px;
}
#link{
	color: #000000;
}
.foot{
	background-color: gray;
	
}
.slidebg{
	margin-top: -20px;
	padding:0px;
}
.mainslide{
	border:10px solid #FFF;
	border-radius:10px;
	padding:0px;
	
}
.navigation{
	margin-top: 5px;
}
.contents{
	background: #FFFFFF;
}
.palign{
	text-align: justify;
}
.indent{
	text-indent: 50px;
}
.art{
	background:gray;
	border-radius: 5px;
	border: 5px solid #0d6af7;
}
.free{
	color:#FFFFFF;
	font-size: 20px;
}
.fa{
	margin-top: 10px;
	margin-bottom:10px;
}
.freeart{
	color:#FFFFFF;
	font-size: 18px;
	margin-top:20px;
}
.gitna{
	text-align: center;
}
.padzero{
	padding:0px;
}
.bordpatch{
	
	margin-bottom: 5px;
}
.measure{
	font-family:"verdana", serif;
	font-size:18px;

}
.arte{
	font-size: 28px;
	text-decoration: blink;
}
.fq{
	border:2px solid gray;
	padding:10px;
	border-radius:15px;
}

/* orange color navigation

.buttonbg{
 position:relative;
   width: auto;
   color:#ecf0f1;
   text-decoration:none;
   border-radius:5px;
   border:solid 1px #f39c12;
   background:#e67e22;
   text-align:center;
  padding:16px 18px 14px;
 
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
 
  -webkit-box-shadow: 0px 6px 0px #d35400;
  -moz-box-shadow: 0px 6px 0px #d35400;
box-shadow: 0px 6px 0px #d35400;
}

.buttonbg:active {
   -webkit-box-shadow: 0px 2px 0px #d35400;
 -moz-box-shadow: 0px 2px 0px #d35400;
  box-shadow: 0px 2px 0px #d35400;
  position:relative;
  top:4px;
}
*/

/* orange button
.buttonbg {
	position: relative;
    color: rgba(255,255,255,1);
    text-decoration: none;
    background-color: rgba(219,87,5,1);
    font-family: 'Yanone Kaffeesatz';
    font-weight:14px;
    font-size: 22px;
    display: block;
    padding: 1px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);
    box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);
    margin: 4px auto;
	width: 210px;
	text-align: center;
	height:40px;
	
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}

.buttonbg:active {
    -webkit-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 3px 0px rgbap(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
    box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
    position: relative;
    top: 6px;
}
*/
/*
.buttonbg{
  display: inline-block;
  background-color: #1984c3;
  color: #8be9fa;
  font-size: 1.5em;
  font-family: Calibri, sans-serif;
  padding: 1em 5em;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 10px;
  border-bottom: 0.25em solid #0f5177;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  box-shadow: 0 2px 3px #ccc;
  position: relative;
  font-weight: bold; 

}
.buttonbg:hover {
  background-color: #1e9feb;
  border-bottom-width: 0;
  top: 0.2em;
}

.navbar-inverse { background-color:#0068d3;padding:2px;}
.navbar-inverse .nav-justified>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color:#000000;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: green}
.navbar-inverse { background-image: none; }

.navbar-inverse { border:2px solid gray;}
.navbar-inverse .nav-justified { color: #000000;}
.navbar-inverse .nav-justified-brand:hover { color: red}
.navbar-inverse .nav-justified>li>a { color:#f3da85;font-size: 22px;}
.navbar-inverse .nav-justified>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color:#FFFFFF;background:#1e9feb;}


.buttonbg2{
  display: inline-block;
  background-color:#0861f6;
  color: #8be9fa;
  font-size: 1.5em;
  font-family: Calibri, sans-serif;
  padding: 1em 5em;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 10px;
  border-bottom: 0.25em solid #0f5177;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  box-shadow: 0 2px 3px #ccc;
  position: relative;
  font-weight: bold; 

}
.buttonbg2:hover {
  background-color:red;
  border-bottom-width: 0;
  top: 0.2em;
}
.nav .ul .li .buttonbg2:hover{
	background: red;
};

2d5cbc

*/

.free-button-background { 
  display: inline-block;
  background: -moz-linear-gradient(top,  #065cfa 0%, #2d5cbc2d5cbc2d5cbc2d5cbc2d5cbc2d5cbc 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#065cfa), color-stop(100%,#2d5cbc2d5cbc2d5cbc2d5cbc2d5cbc)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #065cfa 0%,#2d5cbc2d5cbc2d5cbc2d5cbc 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #065cfa 0%,#2d5cbc2d5cbc2d5cbc 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #065cfa 0%,#2d5cbc2d5cbc 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #065cfa 0%,#2d5cbc 100%); /* W3C */
  border-radius: 5px;
  border-bottom: 0.25em solid #0f5177;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  box-shadow: 0 2px 3px #ccc;
  position: relative;
}

.free-button-background:hover { 
background: blue; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JjOTgyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGQyNzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #2d5cbc 0%, #065cfa 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d5cbc), color-stop(100%,#065cfa)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #2d5cbc 0%,#065cfa 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #2d5cbc 0%,#065cfa 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #2d5cbc 0%,#065cfa 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #2d5cbc 0%,#065cfa 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc982d', endColorstr='#f0d279',GradientType=0 ); /* IE6-8 */
  border-bottom-width: 0;
  top: 0.2em;
  border-bottom:5px solid #092875;
}

.free-button-text-nav {
  color: #8be9fa;
  font-size:18px;
  font-family: Calibri, sans-serif;
  padding: 1em 2em;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}               
.free-button-text-nav:hover{
 color:#FFFFFF;
}









.free-button-background-fq { 
  display: inline-block;
  background: -moz-linear-gradient(top,  #FFCC00 0%, #FF9900 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCC00), color-stop(100%,#FF9900)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #FFCC00 0%,#FF9900 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #FFCC00 0%,#FF9900 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #FFCC00 0%,#FF9900 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #FFCC00 0%,#FF9900 100%); /* W3C */
  border-radius: 5px;
  border-bottom: 0.25em solid #774f0f;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  box-shadow: 0 2px 3px #ccc;
  position: relative;
}

.free-button-background-fq:hover { 
background: blue; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JjOTgyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGQyNzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #FF9900 0%, #FFCC00 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9900), color-stop(100%,#FFCC00)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #FF9900 0%,#FFCC00 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #FF9900 0%,#FFCC00 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #FF9900 0%,#FFCC00 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #FF9900 0%,#FFCC00 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc982d', endColorstr='#f0d279',GradientType=0 ); /* IE6-8 */
  border-bottom-width: 0;
  top: 0.2em;
  border-bottom:5px solid #755f09;
}

.free-button-text-nav-fq {
  color: #000000;
  font-size:18px;
  font-family: Calibri, sans-serif;
  padding: 1em 2em;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}               
.free-button-text-nav-fq:hover{
 color:#065cfa;
}





.all-button-background { 
  display: inline-block;
  background: -moz-linear-gradient(top,  #065cfa 0%, #2d5cbc2d5cbc2d5cbc2d5cbc2d5cbc2d5cbc 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#065cfa), color-stop(100%,#2d5cbc2d5cbc2d5cbc2d5cbc2d5cbc)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #065cfa 0%,#2d5cbc2d5cbc2d5cbc2d5cbc 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #065cfa 0%,#2d5cbc2d5cbc2d5cbc 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #065cfa 0%,#2d5cbc2d5cbc 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #065cfa 0%,#2d5cbc 100%); /* W3C */
  border-radius: 5px;
  border-bottom: 5px solid #0f5177;
  box-shadow: 0 2px 3px #ccc;
  position: relative;
}

.all-button-background:hover { 
background: blue; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JjOTgyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGQyNzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #2d5cbc 0%, #065cfa 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d5cbc), color-stop(100%,#065cfa)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #2d5cbc 0%,#065cfa 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #2d5cbc 0%,#065cfa 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #2d5cbc 0%,#065cfa 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #2d5cbc 0%,#065cfa 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc982d', endColorstr='#f0d279',GradientType=0 ); /* IE6-8 */
  border-bottom:5px solid #092875;
}

.all-button-text-nav {
  color: #8be9fa;
  font-size:18px;
  font-family: Calibri, sans-serif;
  padding: 1em 2em;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}               
.all-button-text-nav:hover{
 color:#FFFFFF;
 text-decoration: none;
}
.fqr{
  margin-top: -20px;
}

/* Fade in on load with vendor prefixes */
.fade-in {
  opacity: 0;
  -webkit-animation: fadeIn 1s forwards;
  animation: fadeIn 1s forwards;
}
@-webkit-keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Float on hover with vendor prefixes */
.hover-float {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
}
.hover-float:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

/* Recommended CSS for pricing table */
.pricing-table-container {
  overflow-x: auto;
  margin-bottom: 1.5rem;
}

.pricing-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  min-width: 600px;
}

.pricing-table th,
.pricing-table td {
  padding: 10px;
  border: 1px solid #ddd;
  text-align: center;
}

.pricing-table th {
  background-color: #f4f4f4;
  font-weight: bold;
}