html,
body {
margin: 0;
font-size: 100%;
font-family: 'Poppins', sans-serif;
background: #fff;
	scroll-behavior: smooth;
}

body a {
text-decoration: none;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
font-family: 'Poppins', sans-serif;
}

a:hover {
text-decoration: none;
}

input[type="button"],
input[type="submit"],
input[type="text"],
input[type="email"],
input[type="search"] {
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
font-family: 'Poppins', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
font-family: 'Poppins', sans-serif;
font-weight: 700;
}

p {
margin: 0;
font-size: 0.85em;
color: #515659;
line-height: 1.75em;
}
strong {
color: #000;
}
ul {
margin: 0;
padding: 0;
}

/*--/header --*/

/*--/navbar--*/

.navbar {
padding: 0em 0em;
}

a.navbar-brand {
font-size: 1em;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
color: #fff;
}

.navbar-light .navbar-brand {
color: #fff;
font-family: 'Poppins', sans-serif;
}

.logo i {
color: #03cce6;
text-shadow: none;
}

li.nav-item {
margin: 0 1px;
}

.navbar-light .navbar-nav .nav-link {
padding: 0.3em 1.1em;
color: #fff;
background: transparent;
font-size: 1em;
letter-spacing: 1px;
font-weight: 600;
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
background: transparent;
color: #d61b24;
}

.dropdown-item {
padding: 0.5em 1.5rem;
font-size: 0.9em;
margin: 0;
}

.dropdown-menu {
margin: 0;
padding: 0;
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
color: #fff;
}

/*---*/

/*---*/

.dropdown-toggle::after {
width: 0;
height: 0;
margin-left: 0;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border: 0px;
}


.dropdown-item:hover,
.dropdown-item:focus {
color: #d61b24;
text-decoration: none;
background-color: #f0f0f1;
}

/*-- //header --*/

.top-head-agile span {
color: #ffff;
letter-spacing: 2px;
font-weight: 600;
}

.top-head-agile a {
color: #ffff;
letter-spacing: 2px;
}

.top-content-info-wthree {
position: relative;
margin: 0 0 0.5em 0;
}
.review {
float:left;
}
.review a {
border-radius: 4px;
border: 2px solid #d61b24;
padding: 0.4em 1.5em;
color: #fff;
font-weight: 500;
font-size: 1em;
background: #d61b24;
}
.downloadfull a {
border-radius: 4px;
border: 2px solid #d61b24;
padding: 0.4em 1.5em;
color: #fff;
font-weight: 500;
font-size: 1em;
background: #d61b24;
width:100%;
}
.review a:hover, .downloadfull a:hover {
border: 2px solid #d61b24;
background:rgba(255, 255, 255, 0.9);
color: #d61b24;
}

.review-all a {
border-radius: 4px;
border: 2px solid #d61b24;
padding: 0.3em 1.2em;
color: #fff;
font-weight: 400;
font-size: 0.85em;
background: #d61b24;
}
.review-all a:hover {
border: 2px solid #d61b24;
background:rgba(255, 255, 255, 0.9);
color: #d61b24;
}

.top-content-left h6 {
color: #fff;
font-size: 0.9em;
text-decoration: underline;
}

.callnumber h6 {
color: #fff;
font-weight: 400;
}

.callnumber i {
font-size: 0.85em;
}

/*--/banner-info--*/

.slide {
background: url(../images/1.jpg) no-repeat center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
height: 50vw;
}

.slide2 {
background: url(../images/2.jpg) no-repeat center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
height: 50vw;
}

.slide3 {
background: url(../images/3.jpg) no-repeat center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
height: 50vw;
}

.cont-btn a {
border-radius: 4px;
border: 2px solid #fff;
padding: 0.5em 2em;
color: #fff;
font-weight: 600;
font-size: 1.1em;
background: transporant;
}

.cont-btn a:hover {
background: #d61b24;
border: 2px solid #d61b24;
}

.cont-btn {
margin-top: 2rem;
}

.main-content {
position: relative;
}

.header-top-sroad {
position: absolute;
top: 4%;
margin: 0 auto;
width: 100%;
}
.header-top-sroad-inner {
position: absolute;
top: 14%;
margin: 0 auto;
width: 100%;
}

.top-content-left {
padding: 0;
}

.social-icons li {
list-style: none;
}

ul.social-icons li a span {
color: rgba(255, 255, 255, 0.70);
font-size: 16px;
background: transparent;
width: 28px;
height: 28px;
line-height: 27px;
text-align: center;
display: block;
}

ul.social-icons li a span:hover {
color: #fff;
}

.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:0px;
height:0;
overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:1px solid #ddd;
}
/*-- /banner-info --*/

/*--/introduction--*/
.pad-00 {
padding:0 !important;
}
.intro {
width: 64%;
}

h3.main {
font-size: 1.7em;
line-height: 1.5em;
}
h3.main mark {
padding: 0.4em 0.4em;
background-color: #ccffe4;
}
.about-in .card {
background: none;
border: none;
padding: 0;
}
.about-in p.card-text {
line-height: 1.75em;
}
.about-in .card i {
font-size: 3em;
color: #d61b24;
}
.about-in:hover .card i {
color: #474848;
}
.about-in .card h5.card-title {
font-size: 1.35em;
}
.about-in h6 {
font-size: 0.9em;
color: #888;
font-weight: 400;
}

.about-right h3 {
color: #d61b24;
font-weight: 600;
font-size: 1.4em;
letter-spacing: 1px;
line-height: 1.6em;
}
.about-right h4 {
margin: 1.2em 0;
font-size: 15px;
color: #b1b2b3;
}

.about-img {
padding: 0;
background: url(../images/ab.jpg) no-repeat center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
min-height: 400px;
  margin-right: -25px;
  margin-left: -25px;
}

.about-right {
padding: 3em 6em;
}

ul.author li {
list-style: none;
margin: 0 2em 0 0em;
}

ul.author li img {
border-radius: 50%;
-weblit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
border: 4px solid #ddd;
}

ul.author li {
color: #888;
font-size: 0.85em;
}

ul.author li span {
display: block;
font-weight: 600;
color: #5c6065;
font-size: 1.2em;
}

/*--//introduction--*/

/*-- /services--*/

h3.tittle span {
display: block;
text-transform: uppercase;
font-size: 0.3em;
color: #ff4081;
letter-spacing: 4px;
font-weight: 600;
}

h3.tittle {
text-shadow: 2px 2px 2px rgba(41, 41, 41, 0.15);
font-size: 3em;
color: #333338;
}

.middle-grids .card-body {
padding: 9em 2em;
background: #eff2f5;
}
.middle-grids .card-body:hover {
background: #d61b24;
color:#fff;
}
.middle-grids .card-body:hover p.card-text{
color:#fff;
}
.middle-grids .card-body:hover i{
  color: #131212;
}
/*-- //services--*/

/*-- Pricing --*/

.price-main-info .card-header h4 {
color: #f7f7f7;
font-size: 1.7em;
font-weight: 600;
line-height: 1em;
padding-top: 2em;
}

.price-main-info .card-header h4 span {
display: block;
font-weight: 100;
}

.price-main-info .card-header {
background: url(../images/price.jpg)no-repeat 0px 0px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
min-height: 192px;
}

.price-main-info .card-body {
background: #fff;
padding: 2em 1em;
}

.pricing-card-title span {
font-size: .5em;
display: inline-block;
color: #000;
font-weight: 300;
}

.price-main-info small.text-muted {
font-size: 0.5em;
}

ul.list-unstyled li {
font-size: 15px;
color: #7d7d7d;
line-height: 2.5em;
}

.price-main-info h5.card-title {
font-size: 3em;
color: #1c1c1d;
font-weight: 700;
}

.card-deck .card {
padding: 0px;
}

.price-inner .review a {
font-size: 0.9em;
}

.price-inner.card h4 {
color: #a7aaad;
font-size: 1.1em;
}

.price-main-info.card {
border-radius: 0;
border: none;
background: none;
}

/*--/tabs --*/

.nav-pills .nav-link {
padding: 0.7em 2em;
letter-spacing: 1px;
color: #4e4c4c;
background: rgba(193, 189, 189, 0.38);
font-weight: 600;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: #fff;
background: #d61b24;
}


.tech-btm h5 {
font-size: 0.9em;
line-height: 1.4em;
font-weight: 600;
}

.menu-img-info h5 {
font-size: 1.8em;
color: #7b7d80;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
line-height: 1.4em;
}

p.sub-meta {
color: #1cbbb4;
font-size: 1.2em;
font-weight: 600;
}

.text-info-sec p {
color: #8c9398;
}

.text-info-sec h5 {
font-size: 1.4em;
color: #4e4f50;
text-shadow: 0 1px 2px rgba(18, 18, 19, 0.13);
font-weight: 700;
text-transform: uppercase;
}

.text-info-sec i {
color: #EB2941;
}

/*--//tabs--*/

/*--// Pricing --*/

/*--/blog-grid-info--*/

.blog-grid-info .card h5.card-title {
font-size: 1. 2em;
}

.blog-grid-info .card-body {
padding: 0;
}

.blog-des {
padding: 2em;
background: #fff;
}

span.entry-date {
font-size: 0.85em;
color: #999;
}

.blog-grid-info .card h5.card-title {
font-size: 1em;
font-weight: 600;

}

.blog-grid-info .card h5.card-title a {
color: #222;
}

/*--//blog-grid-info--*/

/*--bottom-last--*/

.bottom-last {
background: url(../images/4.jpg) no-repeat 0 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
min-height: 400px;
}

section.bottom-last h3 {
font-size: 2em;
font-weight: 500;
color: #fff;
line-height: 1.6em;
width: 65%;
margin: 3em auto 0;
text-shadow: 2px 2px 2px rgba(29, 28, 28, 0.15);
}

/*--bottom-last--*/

.feedback-top {
background: transparent;
position: relative;
border: 1px solid #ddd;
padding: 2em;
}

.feedback-top:after {
content: '';
position: absolute;
top: 100%;
left: 14%;
width: 0;
height: 0;
border-top: 15px solid rgb(224, 225, 226);
border-right: 4px solid transparent;
border-left: 12px solid transparent;
transform: rotate(0deg);
}

.feedback-top p {
margin: 0;
}

.feedback-img {
float: left;
width: 17%;
background: #e4e4e4;
padding: 0.3em;
border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
}

.feedback-grids {
margin: 3em 0 0;
}

.feedback-img img {
width: 100%;
}

.feedback-info {
margin: 1em !important;
}

.feedback-img-info {
float: left;
width: 65%;
margin: 0em 0 0 1em;
}

.feedback-img-info h5 {
color: #d61b24;
font-size: 1em;
letter-spacing: 1px;
font-weight: 600;
}

.feedback-img-info p {
color: #6f6b6b;
margin-top: .5em;
}

.feedback-img-info p span {
color: #b1b2b3;
font-size: 0.85em;
}

.icon-test i {
font-size: 2em;
color: #fcd000;
margin-left: .4em;
position: relative;
}

.icon-test {
position: relative;
}

.icon-test:before {
content: " ";
position: absolute;
background: #d5d8da;
width: 77%;
height: 2%;
top: 54%;
right: 5%;
}

/*-- //feedback --*/

/*--model-forms--*/

.modal-header {
border: none;
}

.login h5 {
font-size: 1.2em;
color: #333;
text-transform: uppercase;
font-weight: 600;
}

.login button.btn.btn-primary.submit {
background: #495057;
padding: 0.5em 2em;
letter-spacing: 1px;
border: none;
}

.login button.btn.btn-primary.submit:hover {
background:#d61b24;
}

.login a {
color: #97989a;
}

.login label {
font-weight: 400;
color: #5a5757;
font-size: 0.9em;
letter-spacing: 1px;
}

.video iframe {
width: 100%;
height: auto;
}

/*--//model-forms--*/
/*--/inner-page--*/
.inner-page {
background: url(../images/3.jpg) no-repeat center;
background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-webkit-background-size: cover;
min-height:250px;
}

ol.breadcrumb {
margin: 0;
}
li.breadcrumb-item {
font-size: 0.9em;
letter-spacing: 3px;
}

li.breadcrumb-item a {
color: #d61b24;
}

.breadcrumb-item.active {
color: #888;
}

ol.breadcrumb {
background: none;
margin: 0;
padding: 1em 2em;
background: #f7f7f7;
}

/*--//inner-page--*/
/*--/footer--*/

.form-group {
margin-bottom: 1rem;
float: left;
width: 100%;
margin: 5px;
}
.form-group label {
margin-bottom: -5px;
}
.form-group .form-control {
display: block;
width: 100%;
padding: 10px;
border: 1px solid #ced4da;
letter-spacing: 1px;
font-size: 0.9em;
}

ul.links-nav li {
list-style: none;
margin-left: 1em;
}

ul.links-nav li a {
color: #929394;
letter-spacing: 1px;
font-size: 0.9em;
}

ul.links-nav li a.active,
ul.links-nav li a:hover {
color: #fff;
}

p.copy-right a {
color: #d61b24;
}

.form-group input.form-control.submit {
background: #d61b24;
border: 1px solid #d61b24 !important;
color: #fff;
font-size: 1em;
font-weight: 500;
cursor: pointer;
padding: 0.8em 1em;
}

.form-group input.form-control.submit:hover {
background: #333;
}

/*--//footer--*/

/*-- to-top --*/

#toTop {
display: none;
text-decoration: none;
position: fixed;
bottom: 20px;
right: 2%;
overflow: hidden;
z-index: 999;
width: 40px;
height: 40px;
border: none;
text-indent: 100%;
background: url(../images/move_up.png) no-repeat 0px 0px;
}

#toTopHover {
width: 40px;
height: 40px;
display: block;
overflow: hidden;
float: right;
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  margin-bottom:.75em !important;
  margin-top:.5em !important;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  font-size:0.85em;
  font-weight:600;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.form-control {
  border-radius: 2px;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px 6px 12px !important;
  font-size: 16px;
  font-weight: normal;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 0 2px 2px 0;
}
.input-group-addon i {
color:#d61b24;
}
.freequote {
position:absolute; 
background:rgba(0, 0, 0, 0.67);
padding:2em; 
top:200px; 
z-index:999; 
right:10%; 
color:#fff;
width:30%;
}
.freequote h4 {
font-size: 1.05em;
font-weight:500;
}
.freequote h5 span {
color:#d61b24;
}
.freequote p {
color:#fff;
}
.btn-southroad {
color:#fff;
background:#d61b24;
width:100%;
font-weight:700;
font-size:0.8em;
padding: 12px;
border-radius:2px;
}
#southpan {
font-weight:400;
margin-bottom:5px;
margin-top:10px;
}
#southpan2 {
font-weight:400;
margin-bottom:5px;
margin-top:40px;
}
#southpack {
font-size: 1.05em;
letter-spacing:0px;
}
#southpack span {
font-size:2em;
font-family: "Courier New", Courier, monospace;
}
.gallery-inner .col-md-3 {
padding: 5px !important;
max-height:150px;
overflow:hidden;
}
.gallery-inner .col-md-3 img {
border-radius:2px;
border:1px solid #ddd;
}
.pleftgal {
padding-left:5px;
}
.mtopgal {
margin-top:0 !important;
}
.gal-hr hr {
margin-top:35px !important;
margin-bottom:25px !important;
}
.logo img {
height:75px;
}
.clientele .col-md-12 {
margin:15px 0;
box-shadow: 0 0 5px 0px rgba(0,0,0, 0.2);
}
.btnontpct {
	padding: 5px 10px; border: 2px solid #fff; border-radius: 5px; background: rgba(0,0,0,0.5);
	margin-left: 10px;
}
.conttextx p {
	font-size: 16px;
}
.conttextx i {
	color: #d61b24;
	font-size: 24px;
	margin: 10px 0;
}
.inthecntbx {
	background: #f9f9f9;
	padding: 25px;
	border: 1px solid #ddd;
}
@media(max-width:1440px){

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

}
@media(max-width:1280px){
h3.tittle {
font-size:2.8em;
}
}
@media(max-width:1080px){
h3.tittle {
font-size:2.7em;
}
.logo img {
height:50px;
}
}
@media(max-width:1050px){
.middle-grids .card-body {
padding: 6em 2em;
}
.bottom-last {
min-height: 300px;
}
 section.bottom-last h3 {
font-size: 1.4em;
width: 80%;
margin: 3em auto 0;
}
.feedback-top {
padding: 1em;
}
h3.main {
font-size: 1.3em;
}
.about-right {
padding: 1em 2em;
}
.about-img {
padding: 0;
min-height: 500px;
}
a.navbar-brand {
font-size: 0.9em;
}
.intro {
width:80%;
}
}
@media(max-width:1024px){
h3.tittle {
font-size:2.5em;
}
.about-in .card h5.card-title {
font-size: 1.1em;
}
.blog-grid-info .card h5.card-title {
font-size: 0.9em;
}
ul.list-unstyled li {
font-size: 13px;
color: #7d7d7d;
line-height: 2em;
}
.inner-page {
min-height: 200px;
}
}
.fname {
padding:0 1px 0 0;
}
.fnameinside {
border-radius:2px 0 0 2px; 
padding:9px 12px !important;
}
.lname {
padding:0 0 0 1px;
}
.lnameinside {
border-radius:0 2px 2px 0; 
padding:9px 12px !important;
}
.showdesk, .gal-showdesk {
display: inherit;
}
.showresponse, .gal-showresponse {
display:none;
}
@media(max-width:992px){
.logo img {
height:75px;
}
.freequote {
position:relative; 
padding:2em 10em; 
top:0px; 
z-index:999; 
right:none;
left:0; 
color:#fff;
width:100%;
margin:0 auto;
background:rgba(0, 0, 0, 0.87);
}
.showdesk {
display:none;
}
.showresponse {
display: inherit;
}
.navbar-light .navbar-toggler {
border-color: #fff;
background: #fff;
}
.top-content-right {
padding: 0;
margin-top: 0.5rem;
}
#navbarSupportedContent {
background: #fff;
padding: 1em;
z-index: 99;
}
ul.navbar-nav {
text-align: left !important;
}
.navbar-light .navbar-nav .nav-link {
padding: 0.3em 1.1em;
font-size: 1em;
color:#333;
}
.navbar-nav .dropdown-menu {
text-align: left;
}
nav.navbar.navbar-expand-lg.navbar-light .review {
margin-top:0.5rem;
text-align: center;
}
.intro {
width: 95%;
}
.about-in.middle-grid-info:nth-child(2),.about-in.blog-grid-info:nth-child(2) {
margin: 1em 0;
}
.about-in.blog-grid-info img {
width: 100%;
}
.feedback-top {
padding: 2em;
}
.social-icon.footer {
text-align:center!important;
margin-top: 1em;
}
.cont-btn {
margin-top: 1rem;
}
.callnumber {
float: left;
/*width: 50%;*/
}
.top-social-icons {
float: left;
width: 50%;
}
ul.links-nav,.social-icon.footer ul.social-icons {
justify-content: center!important;
}
.navbar-toggler {
  padding: 0.25rem 0.35rem;
}
}
@media(max-width:900px){
h3.tittle {
font-size: 2.3em;
}
.cont-btn a {
padding: 0.5em 2em;
font-size: 1em;
}
.price-inner.card{
margin-bottom: 0.5em;
}

}
@media(max-width:800px){
.slide, .slide2, .slide3 {
height: 64vw;
}
}
@media(max-width:768px){

}
@media(max-width:767px){
a.navbar-brand {
font-size: 0.9em;
padding: 0;
}
section.bottom-last h3 {
font-size: 1.4em;
width: 94%;
margin: 2em auto 0;
}
.bottom-last {
min-height: 245px;
}
}
@media(max-width:736px){
.clientele .col-md-3 {
width:50%;
}
.logo img {
height:55px;
}
h3.tittle {
font-size: 1.8em;
}

.fname {
  padding: 0 0 0.25em 0  !important;
}
.fnameinside {
border-radius:2px !important; 
}
.lname {
  padding:0.5em 0 0 0 !important;
}
.lnameinside {
border-radius:2px !important; 
}
.gal-showdesk {
display:none;
}
.gal-showresponse {
display: inherit;
}
}
@media(max-width:667px){
.slide, .slide2, .slide3 {
height:70vw;
}
.about-in .card i {
  font-size: 2em;
}
.cont-btn a {
padding: 0.4em 2em;
font-size: 0.9em;
}
}
@media(max-width:640px){
h3.tittle {
font-size:2.5em;
}
section.bottom-last h3 {
font-size: 1.4em;
width: 94%;
margin: 1em auto 0;
}
}
@media(max-width:600px){
.about-img {
padding: 0;
min-height: 300px;
}
}
@media(max-width:568px){
.freequote {
padding:2em; 
}
}
@media(max-width:480px){
.logo img {
height:50px;
}
h3.tittle {
font-size:1.9em;
}
section.bottom-last h3 {
font-size: 1.1em;
width: 90%;
margin: 1.5em auto 0;
}
.bottom-last {
min-height: 200px;
}
.slide, .slide2, .slide3 {
height: 80vw;
}
.about-right h3 {
font-size: 1.1em;
}
}
@media(max-width:440px){
.logo img {
height:35px !important;
}
h3.main {
font-size: 1.1em;
}
.inner-page {
min-height: 160px;
}
}
@media(max-width:415px){
.clientele .col-md-3 {
padding-left:8px;
padding-right:8px;
}
.clientele .col-md-12 {
margin: 8px 0;
}
.logo img {
height:43px !important;
}
h3.main {
font-size: 1em;
}
.callnumber {
float: left;
width: 100%;
padding: 0;
}
.callnumber h6 {
font-size: 0.87em;
}
ul.links-nav li {
margin-left: 0.5em;
}
.navbar-brand img {
/*height: 55px !important;*/
margin:0 -30px 0 -5px;
}
.slide-caption h3 {
font-size:1.5em !important;
}
}
@media(max-width:384px){
.logo img {
height:40px !important;
}
h3.tittle {
font-size:1.7em;
}
a.navbar-brand {
font-size: 0.75em;
padding: 0;
}
.middle-grids .card-body {
padding: 5em 2em;
}
 .form-group {
margin-bottom: 1rem;
float: left;
width: 100%;
margin: 1% 0%;
}
.nav-pills .nav-link {
  padding: 0.5em 1em;
}
}
@media(max-width:375px){
.logo img {
height:37px !important;
}
h3.tittle {
font-size: 1.7em;
}
section.bottom-last h3 {
font-size: 1em;
width: 90%;
margin: 0em auto 0;
}
.bottom-last {
min-height: 175px;
}
.top-content-right {
padding: 0 0px 0 11px;
margin-top: 0.5rem;
}
.navbar-brand img {
/*height: 37px !important;*/
margin:-10px -30px 0 -15px;
}
}
@media(max-width:320px){
.clientele .col-md-3 {
width:100%;
}
.logo img {
height:32px !important;
}
h3.tittle {
font-size:1.6em;
}
.callnumber h6 {
font-size: 0.7em;
}
a.navbar-brand {
font-size: 0.6em;
padding: 0;
}
.slide, .slide2, .slide3 {
height: 95vw;
}
ul.links-nav li a {
font-size: 0.75em;
}

}
.review-inner {
padding-top:0;
}
@media(max-width:600px){
.review-inner {
padding-top:2em;
}
}
.review-inner p {
white-space: nowrap !important; 
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.review-inner p span {
color:#777;
font-size:0.75em !important;
margin-bottom:0;
}
.review-inner p span b {
color:#000;
font-weight:600;
}
.review-inner hr {
margin: 10px -5px !important;
background:#ccc;
}
#retins {
font-weight:600;
font-size:0.75em;
color: #FF9900;
padding-top:0.75em;
}
.tech-btm input[type="email"] {
    width: 100%;
    color: #737070;
    outline: none;
    font-size: 14px;
    padding: 0.6em 1em;
    border: 2px solid #eceff1;
    -webkit-appearance: none;
    letter-spacing: 1px;
    margin: 1em 0;
}
.tech-btm input[type="submit"] {
    background: #343a40;
    padding: .7em 1em;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    display: block;
    outline: none;
    border: none;
    width: 100%;
    cursor: pointer;
    text-transform: uppercase;
}
.tech-btm input[type="submit"]:hover {
    background: #d61b24;
}
.widget_social li {
    display: block;
}
.widget_social li a {
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight:400;
    letter-spacing: 0.2px;
    line-height: 30px;
	margin-bottom: 10px;
    padding: 10px 20px;
    text-transform: capitalize;
    width: 100%;
}
.widget_social li a:hover{
	opacity:0.7;
	color:#fff;
}

.widget_social li a.twitter {
    background: #57baf7;
}
.widget_social li a.facebook {
    background: #3b5998;
}
.widget_social li a.dribble {
	background: #ea4c89;
}
.widget_social li a.pin {
	background: #BD081C;
}
.widget_social li a i {
    font-size: 18px;
    position: relative;
    text-align: left;
    width: 35px;
}
.widget_social li a .count {
    padding-left: 20px;
}
.tech-btm h5 {
    font-size: 0.9em;
    line-height: 1.4em;
    font-weight: 600;
}
.tech-btm h5 a{
   color:#333;
}
.sub-meta span {
    font-size: 0.8em;
    color: #a9abad;
    line-height: 2.5em;
}
/*--//right--*/

body a:hover {
    text-decoration: none;
}

body a:focus {
    outline: none;
    text-decoration: none;
}


/* //inner bg */

.demo-header {
    background: #eee;
    padding: 4px 0 15px;
}

ul.inner_breadcrumb {
    list-style: none;
    display: inline-block;
    padding: 15px 15px 0;
    list-style: none;
    background: #eee;
}

ul.inner_breadcrumb li {
    display: inline-block;
    color: #000;
    font-size: 1em;
    text-transform: capitalize;
}

ul.inner_breadcrumb li span {
    margin: 0 1em;
}

.inner_breadcrumb li.active a {
    color: #ff3546;
}

/*-- blog --*/

.blog-img {
    padding: 0;
}

ul.blog_list {
    margin-bottom: 1.5em;
}

.blog-bottom {
    background: #eb5273;
    padding: 2em;
    min-height: 330px;
}

.blog_info h5 a {
    font-size: 1em;
    color: #2c2d2d;
    font-weight: 600;
    text-decoration: none;
    line-height: 1.5;
    letter-spacing: 1px;
}

.blog_info p a.user-blog {
    color: #555;
    text-transform: capitalize;
    font-size: 1em;
}

ul.blog_list li {
    display: inline-block;
    color: #212121;
    font-size: 0.9em;
}

ul.blog_list li span {
    color: #168eea;
    padding-right: 8px;
}

ul.blog_list li i {
    padding: 0 1em;
    font-style: normal;
    color: #999;
}

ul.blog_list li a {
    text-decoration: none;
    color: #212121;
}

.blog_info h5 {
    margin: 12px 0 15px;
}

.blog_info {
    padding: 2em;
    border: 3px solid #f5f5f5;
    background-color: #f5f5f5;
}

.blog-side.blog-top-right {
    padding-right: 0;
}
.single-left1.blog_info {
    margin: 0;
}

.blog_info p {
    margin: 0 0 1em 0;
    color: #777;
}

ul.blog_list li a {
    font-weight: 400;
    font-size: 0.9em;
    letter-spacing: 1px;
    color: #515252;
}

/*-single-*/
ul.list-group.single {
    color: #727373;
}

ul.list-group.single .badge-primary {
    color: #fff;
    background-color: #8e9194;
}
h5.mt-0 {
    color: #343a40;
    font-size: 1em;
    margin-bottom: 15px;
    letter-spacing: 1px;
    font-weight: 600;
}

.progress {
    font-size: 0.75em;
    line-height: 8em;
    text-align: center;
    background-color: #d6d9da;
    border-radius: 0.25rem;
    margin-bottom: 1em;
}

.card-body {
    padding: 12px;
}

.card-header {
    padding: 0;
    color: #0e0f10;
}

.card-header button.btn.btn-link {
    color: #555;
    font-weight: 600;
}

.single-gd form input {
    width: 100%;
}

.single-gd img {
    margin-bottom: 1em;
}

.comment-top input[type="text"],
.comment-top input[type="email"],
.comment-top textarea {
    background: none;
    width: 100%;
    outline: none;
    border: 1px solid #e2e2e2;
    padding: 0.7em 1em;
    font-size: 0.9em;
    color: #777;
    margin: 0 0 0.7em;
    letter-spacing: 2px;
}

.comment-top button.btn.btn-primary.submit[type="submit"] {
    font-size: 1.1em;
    background: #080808;
    padding: 0.7em 2em;
    text-align: center;
    color: #fff;
    border: none;
    outline: none;
    margin: 0 auto;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
    cursor: pointer;
}
.comment-top button.btn.btn-primary.submit[type="submit"]:hover {
    background: #d61b24;
}

.single-gd form input[type="email"] {
    outline: none;
    padding: 12px 15px;
    font-size: 13px;
    color: #777;
    background: #ffffff;
    letter-spacing: 2px;
    border: none;
    border: 1px solid #ddd;
    margin: 0;
    border-radius: 0;
}

.single-gd form input[type="submit"] {
    background: #555;
    padding: .8em 1em;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    display: block;
    outline: none;
    border: none;
    cursor: pointer;
    letter-spacing: 1px;
    margin-top: 1em;
}

.single-gd form input[type="submit"]:hover {
    background: #080808;
}

.media-body p {
    color: #777;
    font-size: 0.875em;
    line-height: 1.9em;
    margin-bottom: 3em;
}

.comment h3,
.comment-top h4 {
    color: #555;
    font-size: 1.4em;
    text-align: left;
    padding: 0 0 0.5em;
    font-weight: 600;
    letter-spacing: 1px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    margin-bottom: 1em;
}

.media img {
    margin-right: 15px;
}

.comment-top {
    margin-top: 2em;
}

/* //blog responsive code */

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

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

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

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

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

@media screen and (max-width: 1080px) {
    .blog_info p {
        line-height: 1.5;
        letter-spacing: 0.3px;
    }
    .blog_info {
        min-height: 275px;
        padding: 1em 2em;
    }
    .blog_info.blog-right {
        min-height: 305px;
        width: 100%;
    }
}

@media screen and (max-width: 1050px) {
    .blog_info.blog-right {
        min-height: 297px;
    }
    .blog-x.br-mar {
        margin-top: 1.2em;
    }
    .blog_info.blog-right {
        min-height: 370px;
    }
    .blog_info.blog-right {
		min-height: 370px;
		width: 100%;
	}
	.blog_info.blog-right.two {
		min-height: 369px;
    }
    .single-gd h4 {
        font-size: 1em;
    }
}

@media screen and (max-width: 1024px) {
    .blog_info.blog-right {
		min-height: 372px;
	}
	.blog_info.blog-right.two {
		min-height: 373px;
	}
}

@media screen and (max-width: 991px) {
    .blog_info {
        min-height: auto;
        padding:2em 2em;
    }
    .blog_info.blog-right {
        min-height: auto;
    }
    .blog-side.blog-top-right {
        padding-right: 0;
        margin-top: 1em;
    }
    .blog_info.blog-right.two {
        min-height: auto;
    }
    .single-gd h4 {
         font-size: 1em;
    }
    .single-left {
        margin-top: 2em;
    }
    .right-blog-con {
        margin-top: 2em;
    }
    ul.blog-icons a {
        font-size: 0.8em;
    }
    .right-blog-con.left-blog-2 {
        margin: 0;
    }
}

@media screen and (max-width: 667px) {
    .row {
        margin-right: 5px;
        margin-left: 5px;
    }
    .blog-side.blog-top-right {
        padding-right: 0;
        margin-top: 1em;
        padding: 0;
    }
    .blog-sp {
        padding: 0;
    }
    .mt-3 {
        margin-top: 1em !important;
        display: block;
    }
    .single-left {
        margin-top: 2em;
        padding: 0;
    }
	.blog-grid-left {
	display:none;
	}
}

@media screen and (max-width: 640px) {
    .blog-sp {
        padding: 0;
    }
}

@media screen and (max-width: 600px) {
    .comment-top input[type="submit"] {
        width:40%;
    }
}

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

}

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

}

@media screen and (max-width: 414px) {
    .comment-top input[type="submit"] {
        width:45%;
    }
}

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


}

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

}

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

}


/* revies */

.reviewbox {
padding:1em 1em 0.75em 1em; 
background-color:#f2f2f2; 
margin-top:15px;
border: 1px solid #ccc;
border-radius: 2px;
}
.ratingbox {
padding:0.75em 1em 0.75em 1em; 
background-color:#444; 
margin-top:15px;
border-radius: 2px;
text-align: right !important;
color:#fff;
font-size:0.8em;
}
.sessionmessage {
padding:0.75em 1em 0.5em 0.25em; 
margin-bottom:15px;
}
.rrmessage {
padding:1em; 
background-color:#fff; 
margin-bottom:15px;
border:1px solid #eee;
border-radius:3px;
}
.rrmessage p {
margin-bottom:5px !important;
}
.reviewbox hr {
margin:10px 0 !important;
}
.thealignright {
text-align:right;
}
.thealignright p {
text-align:right !important;
font-size:0.65em !important;
color:#666;
}
.thepazero {
padding:0;
}
.thepadfif {
padding-right:15px;
padding-left:15px;
}
.ratingbox p, .reviewbox p {
margin-bottom:0 !important;
}
/*.therbox {
padding:1em 1em 2em 1em;
background-color:#f9f9f9;
font-size:0.85em;
border: 1px solid #eee;
}*/
.therbox {

}
.therbox p {
font-size:0.85em;
font-weight:600;
padding: 0.55em 0 0 0.25em;
margin:0 !important;
}
.themarginbtw {
margin:0.5em;
}
.revlogout {
margin: -3em 0 1em 0 !important; 
padding-right:2em;
}
.smallfonty {
font-size:0.75em !important;
}
.mar00 {
margin-bottom:0 !important;
}
.mar02 {
margin-bottom:0.2em !important;
}
.mar05 {
margin-bottom:0.5em !important;
}
.mar01 {
margin-bottom:1em !important;
}
.mar02 {
margin-bottom:2em !important;
}
.mar03 {
margin-bottom:3em !important;
}
.pd-00 {
padding:0 !IMPORTANT;
}

#formsubmsghry {
	position: fixed;
	top: 15%;
	left: 0;
	margin: 30px;
	z-index: 9999999;
	max-width: 400px;
}
#formsubinner {
	position: relative;
	background: #D61B24;
	padding: 20px 60px 20px 20px;
	color: #fff;
	border-radius: 8px;
	font-size: 18px;
	font-weight: 400;
	margin-top: 10px;
	border: 2px solid #fff;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.4);
}
#formsubinner strong {
	color: #fff;
}
#formsubinner .readmorenote {
	margin-top: 10px;
}
#formsubinner .readmorenote a {
	color: #fff;
    border: 2px solid #fff;
    padding: 5px 15px;
    line-height: 0.5;
    border-radius: 5px;
	cursor: pointer;
	font-size: 14px;
	text-transform: uppercase;
}
.closebtncusm {
	position: absolute;
    top: 20px;
    right: 18px;
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    border: 2px solid #fff;
    padding: 7px 5px 5px;
    line-height: 0.5;
    border-radius: 5px;
	cursor: pointer;
}
.closebtncusm:hover,
#formsubinner .readmorenote a:hover {
	color: #e31e24;
	background: #fff;
}
.blink {
        animation: blink-animation 1s steps(5, start) infinite;
        -webkit-animation: blink-animation 1s steps(5, start) infinite;
      }
      @keyframes blink-animation {
        to {
          visibility: hidden;
        }
      }
      @-webkit-keyframes blink-animation {
        to {
          visibility: hidden;
        }
      }
@media (max-width: 1200px) {
	#formsubmsghry {
		max-width: 100%;
	}
	#formsubinner {
		position: relative;
		background: #D61B24;
		padding: 20px 60px 20px 20px;
		color: #fff;
		border-radius: 8px;
		font-size: 14px;
		font-weight: 400;
		margin-top: 10px;
	}
}