.navbar.navbar5{padding: 14px 0;border: none;}
.navbar5 .navbar-brand {
padding: 11px 0px;
margin-right:0;
}
@media (max-width: 767px){
.navbar-default .navbar-nav li.open .dropdown-menu > li > a ,.navbar-default .navbar-nav li.open .dropdown-menu > li > a:focus{
color: #fff;
}
}
@media (min-width:992px){
.navbar5 .navbar-header::before {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
width: 250px;
display: block;
background-color: inherit;
z-index: -1;
}
.head-contact-social {
float: left;
}
.navbar5 .navbar-header .navbar-brand::after,
.navbar5 .navbar-header::after{
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
background-color: inherit;
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
-ms-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom;
-webkit-transform: skew(-40deg);
-moz-transform: skew(-40deg);
-ms-transform: skew(-40deg);
-o-transform: skew(-40deg);
transform: skew(-40deg);
z-index: -1;
width: 500px;
}}
.navbar5 .navbar-header .navbar-brand::after {
left: 467px;
right: 18px;
width: 15px;
z-index: 0;
background-color: #21202e;
pointer-events: none;
}
.navbar5 .top-header-widget::after {
position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 250px;
background-color: #00ffff;
z-index: -1;
}
.navbar5 #top-header-sidebar-right {
float: unset;
text-align: right;
}
@media (min-width: 1470px){
.top-header-widget .container,.navbar5 .container {
max-width: 1450px;
}
}
@media (min-width: 1200px) and (max-width: 1470px) {
.navbar5 .navbar-header::after {width:370px;}
.navbar5 .navbar-header .navbar-brand::after {left: 340px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.navbar5 .navbar-header::after {width:270px;}
.navbar5 .navbar-header .navbar-brand::after {left: 240px;}
}
.top-header-widget ul {
padding: 0 25px 0 25px;
}
@media (min-width: 1200px){
.navbar5 .col-lg-5 {position: initial;display: table-header-group;}
} .project-scroll-btn li { background: #383838; color: #ffffff;padding: 0; }
.project-scroll-btn li:hover { background: #337ab7; }
.project-scroll-btn li a { color: #ffffff; }
.project-scroll-btn li a:hover { color: #ffffff; } .project-scroll-btn { margin-bottom: 50px; margin-right: 0px; overflow: hidden; padding: 0 0 0px; text-align: center; }
.project-scroll-btn li:first-child { margin-left: 0; }
.project-scroll-btn li {
transition: all 0.3s ease 0s;
display: inline-block;
margin-left: 5px;
height: 40px;
width: 40px;
text-align: center;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.project-scroll-btn li a { padding: 0; }
a.project-prev:before { font-family: "FontAwesome"; font-size: 30px; line-height: 1.3; display: inline-block; content: '\f104'; }
a.project-next:before { font-family: "FontAwesome"; font-size: 30px; line-height: 1.3; display: inline-block; content: '\f105'; } .carousel-control { width:  4%; }
.carousel-control.left,  .carousel-control.right { margin-left:15px; background-image:none; }
@media (max-width: 767px) {
.carousel-inner .active.left { left: -100%; }
.carousel-inner .next { left:  100%; }
.carousel-inner .prev { left: -100%; }
.active > div { display:none; }
.active > div:first-child { display:block; }
}
@media (min-width: 767px) and (max-width: 992px ) {
.carousel-inner .active.left { left: -50%; }
.carousel-inner .next { left:  50%; }
.carousel-inner .prev { left: -50%; }
.active > div { display:none; }
.active > div:first-child { display:block; }
.active > div:first-child + div { display:block; }
}
@media (min-width: 992px ) {
.carousel-inner .active.left { left: -25%; }
.carousel-inner .next { left:  25%; }
.carousel-inner .prev { left: -25%; }
} @media (min-width: 1200px){ .top-header-widget #top-header-sidebar-right{float: right;}
}
.top-header-widget .header-contact-info li a:hover{color:#e3e3e3;} .navbar5 .navbar-brand {margin-right: 0px;}
.navbar5 .appointment_title_head,.navbar5 p {
color: #FFFFFF;
}
.top-header-widget h3,
.top-contact-detail-section h3 {
font-family: 'Open Sans';
color: #fff;
letter-spacing: 0.5px;
line-height: 1.1;
word-wrap: break-word;
}
.top-header-widget h3 { margin: 0 0 22px; }
.top-contact-detail-section h3 { margin: 20px 0 20px; }
.top-header-widget a,
.top-header-widget > ul > li > a,
.top-contact-detail-section a,
.top-contact-detail-section > ul > li > a { color: #727272; }
.top-header-detail label,
.top-contact-detail-section label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
color: #fff;
}
.top-header-detail select,
.top-contact-detail-section select {
margin: 15px 10px;
}
.top-header-widget label,
.top-contact-detail-section label {
color:#fff;
margin: 0 0 25px;
}
.top-header-widget { padding:10px 0; }
.top-header-widget a,
.top-contact-detail-section a,
.top-contact-detail-section a:hover,
.top-contact-detail-section ul > li > a:hover,
.top-contact-detail-section .recentcomments a:hover  {
color:#ffffff;
}
.top-header-widget ul { padding: 0; margin: 0 0 50px; list-style: none; }
.top-contact-detail-section ul { padding: 0; margin: 0 0 20px; list-style: none; }
.top-header-widget li,
.top-contact-detail-section li {
padding: 0px 0px 10px;
font-size: 14px;
line-height: 22px;
font-family: 'Open Sans';
font-weight: 400;
color: #fff;
list-style: none;
}
.top-header-widget .rssSummary,
.top-header-widget .textwidget,
.top-header-widget .textwidget p,
.top-header-widget .textwidget a {
color: #D6D6D6;
}
.top-contact-detail-section .rssSummary,
.top-contact-detail-section .textwidget,
.top-contact-detail-section .textwidget p,
.top-contact-detail-section .textwidget a {
color: #ffffff;
}
.top-header-widget p.wp-caption-text,
.top-contact-detail-section p.wp-caption-text {
color: #727272;
}
.top-header-widget li a:before,
.top-contact-detail-section li a:before,
.sidebar-widget li a:before,
.footer-widget-column li a:before {
content: "\f192";
font-family: FontAwesome;
margin-right: 10px;
margin-left: 1px;
font-size: 13px;
}
.top-header-widget span.comment-author-link,
.top-header-widget .rssSummary,
.top-header-widget span.rss-date,
.top-contact-detail-section span.comment-author-link,
.top-contact-detail-section .rssSummary,
.top-contact-detail-section span.rss-date  {
font-size: 15px;
line-height: 22px;
font-family: 'Open Sans';
font-weight: 400;
}
.top-header-widget .rssSummary,
.top-contact-detail-section .rssSummary {
color: #ffffff;
}
.top-header-widget cite,
.top-header-widget span.rss-date ,
.top-contact-detail-section cite,
.top-contact-detail-section span.rss-date {
color:#D6D6D6;
}
.top-header-widget form.appointment-search,
.top-contact-detail-section form.appointment-search,
.top-header-widget .textwidget,
.top-contact-detail-section .textwidget {
margin: 0 0 50px;
}
.top-header-widget select,
.top-contact-detail-section select {
display: block;
min-height: 40px;
margin: 0 0 50px;
}
.top-header-widget .textwidget select,
.top-contact-detail-section .textwidget select {
margin: 0px;
}
.top-header-widget .tagcloud,
.top-contact-detail-section .tagcloud {
padding: 0 0 40px;
}
.top-header-widget .tagcloud a {
background-color: #6B6B6B;
color: #ffffff;
border: 1px solid #6B6B6B;
}
.top-contact-detail-section .tagcloud a,
.top-contact-detail-section .tagcloud a:hover {
background-color: #ffffff;
color: #727272;
border: 1px solid #ffffff;
}
.top-header-widget ul.icons-medium,
.top-contact-detail-section ul.icons-medium { padding: 0; margin: 0 0 50px; list-style: none; }
.top-header-widget ul.icons-medium li,
.top-contact-detail-section ul.icons-medium li { display: inline-block; border-bottom: 0 none; padding: 0 0 5px; }
.top-header-widget ul.icons-medium li a:before,
.top-contact-detail-section ul.icons-medium li a:before {
content: "\f192";
font-family: FontAwesome;
margin-right: 10px;
margin-left: 1px;
font-size: 13px;
display: none;
}
.top-header-widget .calendar_wrap table,
.top-contact-detail-section .calendar_wrap table { margin: 0 0 50px; }
.top-header-widget .calendar_wrap table > caption,
.top-contact-detail-section .calendar_wrap table > caption  {
color: #ffffff;
} .service-section1 {
background: transparent;
margin: 0;
padding: 80px 0 30px;
width: 100%;
}
.service-section1 .service-area{text-align: center;margin: 0;padding: 0 20px 55px;transition: 0.3s;}
.service-section1 .service-icon{ width: 100px;float: none;position: relative;transition: all 0.2s;transition: all 0.2s;text-align: center;margin: 0 auto 25px;}
.service-section1 i.fa {
border-radius: 50%;
color: #fff;
width: 80px;
height: 80px;
font-size: 36px;
line-height: 1.8;
padding: 5px;
position: relative;
border: 4px solid #fff;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.service-section1 .service-area:hover i.fa {background: #f5f6fa;border: 4px solid #fff;-webkit-transform: scale3d(1.2, 1.2, 1);transform: scale3d(1.2, 1.2, 1);}
.service-section1 .media-body h3{display: block;margin: 0 0 19px;padding: 0;}
.service-section1 .media-body p{display: block;overflow: hidden;margin: 0px;}
.service-section1 .col-md-4:nth-child(4) {
clear: both;
} .service-section1 i.fa {background: #337ab7;box-shadow: #337ab7 0px 0px 0px 1px;}
.service-section1 .service-area:hover i.fa {color: #337ab7;padding:0;}
@media only screen and (max-width: 1100px) and (min-width: 768px){
.navbar5 .logo-link-url {
display: inline-block;}
.navbar5 .navbar-toggle {
margin: 15px auto;
}
.navbar-default.navbar5 .navbar-header {
padding: 10px;
}
}
.navbar-default.navbar5 .navbar-toggle .icon-bar {
background-color: #fff;
}
@media only screen and (max-width: 1320px) and (min-width: 1201px){
.navbar-default.navbar5 .navbar-header {
padding: 10px;}
.navbar > .container .navbar-brand {
text-align: center;
float: none;}
.navbar-brand > img {
margin: 0 auto;}
.navbar5 .logo-link-url {
display: inline-block;}
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
@media (max-width: 992px){.navbar5 .navbar-toggler {background-color: #eee;}}
@media (max-width: 768px) {.navbar5 .navbar-header {padding: 1px;}}