@charset "utf-8";
/* CSS Document */
@font-face
{
src:url(../fonts/AgencyFBBold.ttf);
font-family: myFirstFont;
}
body
{
font-family: 'Roboto', sans-serif;
font-size:14px;
}
.topstrip
{
padding-top:15px;
padding-bottom:15px;
}
.headcontact {
background: #f58634;
color: #fff;
padding-top: 0px;
padding-bottom: 0px;
}
.headcontact img {
float: left;
margin-right: 5px;
}
.headcontact a {
font-size: 14px;
color: #fff;
padding-top: 0px;
margin-bottom: 0px;
font-weight: 400;
letter-spacing: 0.6px;
text-decoration: none;
text-transform: lowercase;
}
.headcontact ul {
margin-left: -40px;
margin-top: 0px;
margin-bottom: 0px;
}
.headcontact ul li {
display: inline-block;
text-transform:capitalize
color: #fff;
padding: 4px 8px;
}
.headcontact .sociallist ul li {
padding: 8px 5px;
}
.headcontact .sociallist ul li a i.la {
font-size:16px;
}
.la .las
{
color:#fff;
}
.headfix
{
-webkit-transition: all .3s ease-in-out;
transition: all .4s ease-in-out;
}
.tophead
{
/*background-color: #154e9d;
opacity:0.9;*/
opacity:1;
color:#fff;
padding-top:0px;
padding-bottom:0px;
font-size:13px;
font-weight:300;
position: absolute;
z-index: 999;
background-color: rgba(255,255,255,0.9);
width: 100%;
}
.fixed-top .tophead
{
background-color: #fff;
}
.isodetail h6
{
font-size:15px;
margin-top:20px;
float: right;
line-height:22px;
color:#4c4c4c;
font-weight:400;
}
.navbar-expand-lg .navbar-nav .nav-link
{
padding-right: 0.9rem;
padding-left: 0.9rem;
font-size: 16px;
font-weight: 600;
padding-top: 1.2rem;
padding-bottom: 1.2rem;
line-height: 0.4;
}
.navbar
{
padding:0rem 0rem 0rem;
float:right;
margin-top:0px;
width:100%;
}
.navbar-expand-lg .navbar-nav .nav-item
{
padding-top: 15px;
padding-bottom: 15px;
}
.navbar-light .navbar-nav .nav-link
{
color:#000;
}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover
{
color:#f58634;
}
.navbar-light .navbar-nav .nav-item:focus,.navbar-light .navbar-nav .nav-item:hover
{
color:#f58634;
background-color:transparent;
}
.navbar-light .navbar-nav .nav-item:focus .nav-link,.navbar-light .navbar-nav .nav-item:hover .nav-link
{
color:#f58634;
}
.navbar-light .navbar-nav .nav-link.disabled
{
color:rgba(0,0,0,.3)
}
.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link {
color:#f58634;
background-color:transparent;
}
.navbar-light .navbar-nav .active
{
background-color:transparent;
}
.navbar-light .navbar-toggler {
color: #f58634;
border-color: #f58634;
position: absolute;
top: -45px;
z-index: 9999;
right: 0px;
}
.navbar-collapse {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-align: center;
align-items: center;
position: absolute;
z-index: 9999;
top: 0px;
right:0px;
}
.navbar-light .navbar-collapse ul {
text-align: left ;
}
/*.navbar-light .navbar-toggler-icon
{
background-image: url(“data:image/svg+xml;charset=utf8,%3Csvg viewBox=’0 0 32 32' xmlns=’http://www.w3.org/2000/svg'%3E%3Cpath stroke=’rgba(255,102,203, 0.5)’ stroke-width=’2' stroke-linecap=’round’ stroke-miterlimit=’10' d=’M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E”);
}*/
.navbar-light .navbar-text {
color:rgba(0,0,0,.5)
}
.navbar-light.navbar-nav > li:hover a
{
color: #00913c !important ;
background-color: #fff;
}
.navbar-light .navbar-nav .dropdown-menu:hover dropdown-item
{
color:#fff ;
background-color:#f58634;
}
.navbar-light .navbar-nav .dropdown-menu .dropdown-item
{
background-color:transparent;
text-transform:capitalize;
display: block;
font-size: 16px;
font-weight: 600;
padding: .3rem 0.45rem;
}
.navbar-light .navbar-nav .dropdown-menu .dropdown-item:hover
{
background-color:#f58634;
}
.navbar-light .navbar-nav .dropdown-menu .dropdown-item:hover a
{
color:#fff;
}
.navbar-light .navbar-nav .dropdown-menu .dropdown-item a
{
color: #000;
padding-top: 0.55rem;
padding-bottom: 0.55rem;
}
.navbar-light .navbar-nav .dropdown-menu .dropdown-item a:focus,.navbar-light .navbar-nav .dropdown-menu .dropdown-item a:hover
{
color:#fff;
text-decoration: none;
background-color:transparent;
}
.navbar-light .navbar-nav .dropdown-menu > .active > .dropdown-item:focus, .navbar-light.navbar-nav .dropdown-menu > .active > .dropdown-item:hover
{
color:#fff;
text-decoration: none;
background-color: #f58634;
}
.dropdown-menu
{
border: 0px solid #ccc;
border: 0px solid rgba(0,0,0,.15);
}
.dropdown-menu {
min-width: 200px;
width: auto;
border-radius: 2px;
left: 0;
top: 75px;
right: auto;
z-index:100;
color: #fff !important;
text-decoration: none;
animation: smoothScroll1 0.5s forwards;
padding: 0.2px 0 0;
background-color: rgba(255,255,255,0.9);
}
@keyframes smoothScroll1 {
0% {
transform: translateY(40px);
}
100% {
transform: translateY(0px);
}
}
.dropdown-menu.animated {
-webkit-animation-duration:0.3s;
animation-duration:0.3s
}
.dropdown-menu.animated:before {
content:" ";
display:block;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:99
}
.navbar-nav > li > .dropdown-menu
{
margin-top: 0px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.dropdown-toggle::after
{
display:none;
}
.dropdown:hover .dropdown-menu
{
display: block;
}
.btn-default {
color: #fff;
background-color: #676767;
border-color: #fff;
width: 185px;
font-size: 20px;
margin-top: 20px;
padding: 11.5px 8px;
}
.carousel-control{top:50%;}
.carousel-fade .carousel-item {
opacity: 0;
transition-duration: 0.75s;
transition-property: opacity;
height:96vh
}
.carousel-item.active,
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
opacity: 1;
}
.active.carousel-item-left,
.active.carousel-item-right {
opacity: 0;
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active,
.active.carousel-item-left,
.active.carousel-item-prev {
transform: translateX(0);
@supports (transform-style: preserve-3d) {
transform: translate3d(0, 0, 0);
}
}
}
.carousel-fade .carousel-inner .carousel-item {
-webkit-transition-property:opacity;
transition-property:opacity;
}
.carousel-fade .carousel-inner .active.carousel-item-left, .carousel-fade .carousel-inner .active.carousel-item-right, .carousel-fade .carousel-inner .carousel-item {
opacity:0;
}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .carousel-item-next.carousel-item-left, .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
opacity:1;
}
.carousel-fade .carousel-inner .active.carousel-item-left, .carousel-fade .carousel-inner .active.carousel-item-right, .carousel-fade .carousel-inner .carousel-item-next, .carousel-fade .carousel-inner .carousel-item-prev {
left:0;
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
.carousel-fade .carousel-inner .item {
-webkit-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
z-index: 2;
}
.arrowleft {
width: 40px;
height: 40px;
border: 1px solid rgba(0,0,0,0.3);
border-radius: 0%;
padding-top: 0.5%;
margin-left: 5%;
background-color: rgba(0,0,0,0.3);
font-size: 25px;
position: absolute;
padding-left: 0.6%;
color: #fff;
}
.arrowright
{
width: 40px;
height: 40px;
border: 1px solid rgba(0,0,0,0.3);
border-radius: 0%;
padding-top: 0.5%;
margin-left: 90%;
background-color: rgba(0,0,0,0.3);
font-size: 25px;
position: absolute;
padding-left: 0.7%;
color: #fff;
}
.arrowright:hover:after{
color: #ffffff;
-webkit-animation: nextArrow 0.3s forwards;
-moz-animation: nextArrow 0.3s forwards;
animation: nextArrow 0.3s forwards;
}
.arrowleft:hover:after{
color: #ffffff;
-webkit-animation: prevArrow 0.3s forwards;
-moz-animation: prevArrow 0.3s forwards;
animation: prevArrow 0.3s forwards;
}
.arrowright:hover,
.arrowleft:hover{
background:none /*rgba(0, 0, 0, 0) linear-gradient(to right, #0e419a 0%, #2b70be 100%) repeat scroll 0 0*/;
-webkit-box-shadow: 0 0 0 0.25em rgba(255,255,255,0.6);
-moz-box-shadow: 0 0 0 0.25em rgba(255,255,255,0.6);
box-shadow: 0 0 0 0.25em rgba(255,255,255,0.6);
color:#ffffff;
}
@-webkit-keyframes nextArrow {
49% { -webkit-transform: translate(100%); }
50% { opacity: 0; -webkit-transform: translate(-100%); }
51% { opacity: 1; }
}
@-moz-keyframes nextArrow {
49% { -moz-transform: translate(100%); }
50% { opacity: 0; -moz-transform: translate(-100%); }
51% { opacity: 1; }
}
@keyframes nextArrow {
49% { transform: translate(100%); }
50% { opacity: 0; transform: translate(-100%); }
51% { opacity: 1; }
}
@-webkit-keyframes prevArrow {
49% { -webkit-transform: translate(-100%); }
50% { opacity: 0; -webkit-transform: translate(100%); }
51% { opacity: 1; }
}
@-moz-keyframes prevArrow {
49% { -moz-transform: translate(-100%); }
50% { opacity: 0; -moz-transform: translate(100%); }
51% { opacity: 1; }
}
@keyframes prevArrow {
49% { transform: translate(-100%); }
50% { opacity: 0; transform: translate(100%); }
51% { opacity: 1; }
}
.captionway
{
position: absolute;
width: 100%;
bottom: 0;
}
.captionway a
{
text-decoration:none;
}
.captionway a:hover h1,.captionway a:hover h1 span,.captionway a:hover h3
{
color:#fff;
}
.captionway h1 {
font-size: 16px;
text-align: right;
color: #fff;
text-transform: uppercase;
letter-spacing: 2.0px;
font-weight: 700;
}
.captionway h1 span
{
font-size: 24px;
vertical-align: top;
line-height: 40px;
}
.captionway h1 span:after {
content: "";
width: 281px;
height: 82px;
background: url(../../images/bottomarrowwhite.png) no-repeat;
top: 85px;
position: absolute;
display: inline-block;
}
.captionway h1 span.arrowalign:after {
right: 6px;
}
.captionway h1 span.arrowalign1:after {
right: 290px;
}
.captionway h1 span.arrowalign2:after {
right: 230px;
}
.captionway a:hover h1,.captionway a:hover h1 span,.captionway a:hover h3
{
color:#fff;
}
.captionway a:hover h1 span:after
{
background: url(../../images/bottomarrowwhite.png) no-repeat;
}
.captionway p
{
font-size:20px;
line-height:30px;
text-align:center;
font-weight:600;
color:#fff;
margin-bottom: 0;
}
.captionway h3
{
text-align:center;
color:#fff;
margin-top:0px;
font-weight:24px;
margin-bottom:33px;
font-size:17px;
font-weight:600;
letter-spacing:0.3px;
}
.bottom-bg {
margin: 0px;
padding: 0px;
background: url(../../images/bg1.jpg) repeat bottom;
}
.footerbg
{
background-color:#f7f7f7;
padding-top:25px;
padding-bottom:5px;
color:#fff;
font-family: 'Poppins', sans-serif;
opacity:0.85;
}
.footerbg h3
{
font-size:24px;
font-weight:600;
letter-spacing:0.7px;
color:#f45803;
margin-bottom:15px;
font-family: 'Josefin Sans', sans-serif;
}
.dashed-divider {
margin: 0px;
padding: 0px;
background: url(../../images/dashed-divider.png) repeat-x;
height: 1px;
margin-bottom:15px;
width: 80%;
}
.widget-box ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget-box ul li {
color: #999;
border: none;
font-family: 'Poppins', sans-serif;
}
.widget-box ul li a {
color: #999;
font-size: 15px;
line-height: 30px;
text-decoration: none;
box-shadow: none;
letter-spacing:0.2px;
font-weight:400;
transition: color 80ms ease-in,box-shadow 130ms ease-in-out,-webkit-box-shadow 130ms ease-in-out;
}
.widget-box ul li a:hover
{
text-decoration:none;
color:#f45803;
}
.widget-box ul li i {
margin-right: 10px;
color: #f45803;
font-size: 20px;
}
.widget-box ul li span {
font-size: 15px;
line-height: 25px;
}
.widget-comp-contact li:not(:last-of-type) {
margin-bottom: 10px;
}
.widget ul li:not(:last-of-type) {
padding-bottom: 10px;
border-bottom: 1px solid #f5f5f5;
margin: 0 0 10px;
margin-right: 0px;
}
.wt-social-icons li {
display: inline-block;
}
.wt-social-icons li > a {
color: #999;
font-size: 13px;
text-decoration: none;
background-color: #34383c;
width: 30px;
display: inline-block;
text-align: center;
height: 30px;
line-height: 35px;
border-radius: 2px;
font-weight: 400;
}
.wt-social-icons li > a i
{
color: #fff;
padding-top: 7px;
text-align: center;
padding-left: 7px;
}
.wt-social-icons li.facebook a {
background-color: #3b5998;
color: #fff ;
}
.wt-social-icons li.twitter a {
background-color: #1da1f2;
color: #fff;
}
.wt-social-icons li.instagram a {
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
color: #fff;
}
.wt-social-icons li.inkedIn a {
background-color: #0e76a8;
color: #fff;
}
.wt-social-icons li.youtube a {
background-color: #bd081c;
color: #fff;
}
.wt-social-icons li:not(:last-of-type) {
margin-right:0px;
}
.box1
{
width: 23px;
height: 23px;
background-color:#edeff2;
color:#000000;
font-size:20px;
text-align:center;
padding-top:2px;
margin-bottom:0px;
margin-right:5px;
vertical-align:middle;
padding-left:2px;
}
.bottomfoot
{
background-color:#353535;
padding-top:10px;
padding-bottom:10px;
}
.bottomfoot p
{
color: #fff;
text-align: center;
font-size: 15px;
font-weight: 300;
letter-spacing: 0.7px;
line-height: 25px;
margin-bottom: 10px;
margin-top: 10px;
}
divider
{
background-repeat: repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
position: relative;
overflow: hidden;
width: 100%;
}
.parallax
{
width: 100%;
height: 100%;
margin: 0 auto;
background-position: top center;
}
.breadcrumb > li {
display: inline-block;
color:#fff;
font-weight:500;
font-size:16px;
}
.breadcrumb > li a{
color:#f58634;
font-weight:500;
}
.inner-header .title {
font-size: 36px;
color:#fff;
padding-top: 20px;
}
.layer-overlay .overlay-white-8 {
background-color: rgba(255, 255, 255, 0.8);
}
.layer-overlay::before {
background: rgba(123, 123, 123, 0.41) none repeat scroll 0 0;
background-color: rgba(72, 72, 72, 0.36);
content: " ";
height: auto;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.mt-10 {
margin-top: 10px !important;
}
.text-black {
color:
#000 !important;
}
.breadcrumb
{
padding: 2px 15px;
padding-left: 15px;
margin-bottom: 20px;
list-style: none;
background-color: transparent;
border-radius: 4px;
}
.center-title-large
{
font-size: 36px;
text-align: left;
font-weight: 900;
position: relative;
line-height: 2.3;
margin-bottom: 0.8em;
color: #f58634;
text-transform: uppercase;
}
.clientdetails
{
padding-left:20px;
padding-right:20px;
}
.clientdetails h4 {
color: #a4a4a4 !important;
font-weight: 600 !important;
font-size: 17px !important;
margin-top: 10px;
line-height: 26px;
margin-bottom: 0px;
}
.clientdetails h4 span{
color: #f58634 !important;
font-weight: 600 !important;
font-size: 18px !important;
}
.clientdetails p {
font-size: 16px;
font-weight: 500;
margin-bottom: 0px !important;
margin-top: 0px !important;
line-height: 26px;
color: #828486;
letter-spacing: 0.3px;
}
.clientdetails h5 {
font-weight: 600;
font-size: 20px;
margin-bottom: 10px;
}
.center-title-large::before
{
content: "";
position: absolute;
width: 30%;
height: 2px;
top: auto;
left: 0;
bottom: 0;
right: 0;
/*margin: 0 auto;*/
background-color: #7b9095;
}
.center-title-large::after
{
content: "";
position: absolute;
width: 10%;
height: 3px;
top: auto;
left: 0;
right: 0;
bottom: 0;
/* margin: 0 auto; */
background-color: #f58634;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.center-title-large:hover::after
{
width: 30%;
}
#page-content p {
font-size: 16px;
font-weight: 400;
margin-bottom: 5px;
margin-top: 5px;
line-height: 26px;
color: #828486;
letter-spacing: 0.3px;
}
#page-content h4
{
color: #f58634;
font-weight: 600;
font-size: 28px;
margin-top: 10px;
}
#page-content h5
{
font-weight: 600;
font-size: 20px;
margin-bottom: 10px;
}
.contact-form
{
padding: 0px 0;
margin-bottom:20px;
}
.contact-form input[type="text"]
{
display: inline-block;
background: none;
border: 1px solid #A3A1A1;
width: 32%;
margin: 0 5px 20px 0;
outline: none;
font-size: 16px;
color: #747577;
font-weight: 500;
padding: 10px 15px 10px 15px;
float: left;
height: 45px;
}
.contact-form input[type="email"]
{
display: inline-block;
background: none;
border: 1px solid #A3A1A1;
width: 32% ;
margin: 0 5px 20px 0px;
outline: none;
font-size: 16px;
color: #747577;
font-weight: 500;
padding: 10px 15px 10px 15px;
height: 45px;
}
.contact-form textarea
{
background: none;
border: 1px solid #A3A1A1;
width: 97%;
display: block;
height: 110px !important;
outline: none;
font-size: 16px;
color: #747577;
font-weight: 500;
padding: 10px 15px 10px 15px;
}
.contact-form input[type="submit"]
{
background: #f58634 ;
border: 1px solid #f58634 ;
padding: 10px 0;
width: 120px;
margin-top: 20px;
font-size: 16px;
color: #fff;
font-weight: 500;
letter-spacing: 2px;
outline: none;
transition: .5s all;
margin-bottom:20px;
}
.contact-form input[type="submit"]:hover{
color:#f58634 ;
background: #fff;
}
select.form-control:not([size]):not([multiple])
{
height: calc(2.25rem + 8px);
}
.contact-form select
{
width: 48%;
margin: 0 5px 20px 0;
background: none;
border: 1px solid #A3A1A1;
outline: none;
font-size: 12px;
color: #747577;
font-weight: 500;
padding: 8px 15px 10px 15px;
}
.address h4
{
margin: 0 0 20px 0;
color: #6bb5b6;
font-size: 26px;
font-weight: 600;
letter-spacing: 0.5px;
text-align:left;
}
.address {
margin-top: 15px;
}
.address p
{
font-size: 16px;
line-height: 28px;
font-weight: 400;
color: #474747;
padding-top:15px;
letter-spacing: 0.3px;
margin-bottom: 5px;
}
.address p span
{
font-size: 16px;
line-height: 26px;
color: #333;
font-weight: 600;
}
.address a {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #474747;
padding-top: 5px;
letter-spacing: 0.3px;
}
.address a:hover {
color:#f58634;
text-decoration:underline;
}
.address .fa
{
color:#f58634;
margin-right:3px;
}
.form-control
{
padding:10px 15px;
border-radius:0px;
height:40px;
}
.form-control:focus
{
border-color:#f58634 !important;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(245, 134, 52,.75);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(245, 134, 52,.75);
}
.google-maps
{
position: relative;
padding-bottom: 30%; // This is the aspect ratio
height: 0;
overflow: hidden;
margin-top:15px;
margin-bottom:15px;
}
.google-maps iframe
{
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.widget-title h4
{
float:left;
margin-right:10px;
font-size:16px;
margin-top: 5px;
margin-bottom: 0px;
color:#999;
}
.card {
-moz-box-direction: normal;
-moz-box-orient: vertical;
background-color: #fff;
border-radius: 0.25rem;
display: flex;
flex-direction: column;
position: relative;
margin-bottom:1px;
border:none;
}
.card-header:first-child {
border-radius: 0;
}
.card-header {
background-color: #fff;
margin-bottom: 9px;
padding: 10px 1.25rem;
border: none;
box-shadow: 0px 1px 1px 1px #ccc;
}
.card-header a i {
float: left;
font-size: 23px;
padding: 5px 0;
margin: 0 25px 0 0px;
color: #f58634;
}
.card-header i{
float:right;
font-size:22px;
width:1%;
margin-top:5px;
margin-right:10px;
color: #f58634;
}
.card-header a{
width:95%;
float:left;
color:#565656;
text-decoration:none;
}
.card-header p{
margin:0;
}
.card-header h3 {
margin: 8px 0px 0px;
font-size: 18px;
color: #f58634;
}
.card-block {
-moz-box-flex: 1;
flex: 1 1 auto;
padding: 20px;
color:#232323;
box-shadow:inset 0px 4px 5px rgba(0,0,0,0.1);
border-top:1px soild #000;
border-radius:0;
}
.footer-wrap {
background-color: #f7f7f7;
color: #fff;
padding: 0px 10px 15px;
display: block;
font-family: 'Poppins', sans-serif;
}
hr {
margin-top: 0.7rem;
margin-bottom: 0.7rem;
border: 0;
border-top-color: currentcolor;
border-top-style: none;
border-top-width: 0px;
border-top: 1px solid rgba(0,0,0,.1);
}
.testimonials {
overflow: hidden;
position: relative;
max-height: 300px;
}
.testimonials {
background: #161d25;
}
.one-slide,
.testimonial,
.message {
border: none !important;
outline: none !important;
color: #999;
font-size: 15px;
line-height: 25px;
}
.icon-overlay {
position: absolute;
opacity: 0.3;
right: 10%;
top: 0;
height: auto;
width: 100%;
max-width: 400px;
}
.carousel-controls .control {
position: absolute;
transform: translateY(-50%);
width: 45px;
height: 45px;
border-radius: 50%;
border: 2px solid #fff;
z-index: 1;
}
.prev {
left: -2.25rem;
}
.next {
right: -2.25rem;
}
.blockquote-footer {
display: block;
font-size: 13px;
color: #98a1a6;
font-weight: 600;
line-height: 18px;
}
@media screen and (max-width: 768px) {
.testimonials {
max-height: 700px;
}
.icon-overlay {
height: 300px;
top: calc(50% - 150px);
}
.carousel-controls .control {
width: 25px;
height: 25px;
top: inherit;
}
.prev {
left: 0;
}
.next {
right: 0;
}
.control i {
font-size: .7rem;
}
.testimonials .message {
font-size: 1rem;
}
.testimonials h2 {
font-size: 1.5rem;
}
}
.myCarouselslide.carousel {
position: relative;
}
.myCarouselslide .carousel-item img {
object-fit: cover;
}
.carousel-thumbslider {
background: rgba(255,255,255,.3);
bottom: 0;
left: 0;
padding: 0 50px;
right: 0;
}
.carousel-thumbslider img {
border: 5px solid transparent;
cursor: pointer;
}
.carousel-thumbslider img:hover {
border-color: rgba(255,255,255,.3);
}
.carousel-thumbslider .selected img {
border-color: #fff;
}
.carousel-control-prev,
.carousel-control-next {
width: 50px;
}
@media all and (max-width: 767px) {
.carousel-container .carousel-thumbslider img {
border-width: 3px;
}
}
@media all and (min-width: 576px) {
.carousel-container .carousel-thumbslider {
position: absolute;
}
}
@media all and (max-width: 576px) {
.carousel-container .carousel-thumbslider {
background: #ccccce;
}
}
@media (min-width: 320px) and (max-width: 480px)
{
.pull-right
{
float: none;
}
.carousel-item img
{
height: 425px;
}
.carousel-control {
top: 45%;
}
.captionway h1
{
font-size: 22px;
}
.captionway h3
{
font-size: 20px;
}
.captionway h1 span {
font-size: 18px;
vertical-align: top;
line-height: 26px;
}
.carousel-fade .carousel-item {
height: 57vh;
}
.headcontact ul li {
font-size:12px;
}
.headcontact ul li a {
font-size:12px;
font-weight:500;
}
.navbar-collapse {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-align: center;
align-items: center;
position: absolute;
z-index: 9999;
top: 0px;
left: 0px;
background-color: #fff;
width: 100%;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-top: 0.4rem;
padding-bottom: 0.4rem;
}
.navbar-nav > li > .dropdown-menu {
margin-top: 10px;
}
.arrowleft {
padding-top: 2%;
padding-left: 1.6%;
}
.arrowright {
padding-top: 2%;
margin-left: 85%;
padding-left: 2.5%;
}
#page-content p {
text-align: center;
}
#page-content h4 {
text-align: center;
}
#page-content h5 {
text-align: center;
}
.footerbg h3 {
text-align:center;
}
.widget-box ul li {
text-align: center;
}
.one-slide, .testimonial, .message {
text-align:center;
}
.site-info
{
text-align:center;
}
.widget-title h4 {
float: none;
margin-right: 10px;
font-size: 18px;
margin-top: 10px;
margin-bottom: 10px;
color: #999;
text-align: center;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation : landscape)
{
.carousel-item img
{
height: 425px;
}
.carousel-control {
top: 45%;
}
.captionway h1
{
font-size: 22px;
}
.carousel-fade .carousel-item {
height: 57vh;
}
.navbar-collapse {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-align: center;
align-items: center;
position: absolute;
z-index: 9999;
top: 0px;
left: 0px;
background-color: #fff;
width: 100%;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-top: 0.4rem;
padding-bottom: 0.4rem;
}
.navbar-nav > li > .dropdown-menu {
margin-top: 10px;
}
.arrowleft {
padding-top: 2%;
padding-left: 1.6%;
}
.arrowright {
padding-top: 2%;
margin-left: 85%;
padding-left: 2.5%;
}
#page-content p {
text-align: center;
}
#page-content h4 {
text-align: center;
}
#page-content h5 {
text-align: center;
}
.footerbg h3 {
text-align:center;
}
.widget-box ul li {
text-align: center;
}
.one-slide, .testimonial, .message {
text-align:center;
}
.site-info
{
text-align:center;
}
.widget-title h4 {
float: none;
margin-right: 10px;
font-size: 18px;
margin-top: 10px;
margin-bottom: 10px;
color: #999;
text-align: center;
}
}
@media screen and (min-device-width: 480px) and (max-device-width: 767px) and (orientation : Portrait)
{
.carousel-item img
{
height: 425px;
}
.carousel-control {
top: 45%;
}
.captionway h1 {
font-size: 22px;
}
.carousel-fade .carousel-item {
height: 57vh;
}
.navbar-collapse {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-align: center;
align-items: center;
position: absolute;
z-index: 9999;
top: 0px;
left: 0px;
background-color: #fff;
width: 100%;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-top: 0.4rem;
padding-bottom: 0.4rem;
}
.navbar-nav > li > .dropdown-menu {
margin-top: 10px;
}
.arrowleft {
padding-top: 2%;
padding-left: 1.6%;
}
.arrowright {
padding-top: 2%;
margin-left: 85%;
padding-left: 2.5%;
}
#page-content h4 {
text-align: center;
}
#page-content h5 {
text-align: center;
}
.footerbg h3 {
text-align:center;
}
.widget-box ul li {
text-align: center;
}
.one-slide, .testimonial, .message {
text-align:center;
}
.site-info
{
text-align:center;
}
.widget-title h4 {
float: none;
margin-right: 10px;
font-size: 18px;
margin-top: 10px;
margin-bottom: 10px;
color: #999;
text-align: center;
}
}
@media screen and (min-device-width: 480px) and (max-device-width: 767px) and (orientation : landscape)
{
.carousel-item img
{
height: 425px;
}
.carousel-control {
top: 45%;
}
.captionway h1 {
font-size: 22px;
}
.carousel-fade .carousel-item {
height: 57vh;
}
.navbar-collapse {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-align: center;
align-items: center;
position: absolute;
z-index: 9999;
top: 0px;
left: 0px;
background-color: #fff;
width: 100%;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-top: 0.4rem;
padding-bottom: 0.4rem;
}
.navbar-nav > li > .dropdown-menu {
margin-top: 10px;
}
.arrowleft {
padding-top: 2%;
padding-left: 1.6%;
}
.arrowright {
padding-top: 2%;
margin-left: 85%;
padding-left: 2.5%;
}
#page-content p {
text-align: center;
}
#page-content h4 {
text-align: center;
}
#page-content h5 {
text-align: center;
}
.footerbg h3 {
text-align:center;
}
.widget-box ul li {
text-align: center;
}
.one-slide, .testimonial, .message {
text-align:center;
}
.site-info
{
text-align:center;
}
.widget-title h4 {
float: none;
margin-right: 10px;
font-size: 18px;
margin-top: 10px;
margin-bottom: 10px;
color: #999;
text-align: center;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation : Landscape)
{
.navbar-expand-lg .navbar-nav .nav-item
{
padding-top: 10px;
padding-bottom: 10px;
}
.feturesubbg
{
padding-bottom: 10px;
}
.feturesubbg p
{
text-align: justify;
font-size: 13px;
letter-spacing: 0.7px;
line-height: 22px;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation : Portrait)
{
.pull-right
{
float: none;
}
.carousel-control {
top: 32%;
}
#page-content p {
text-align: center;
}
#page-content h4 {
text-align: center;
}
#page-content h5 {
text-align: center;
}
.footerbg h3 {
text-align:center;
}
.widget-box ul li {
text-align: center;
}
.one-slide, .testimonial, .message {
text-align:center;
}
.site-info
{
text-align:center;
}
.widget-title h4 {
float: none;
margin-right: 10px;
font-size: 18px;
margin-top: 10px;
margin-bottom: 10px;
color: #999;
text-align: center;
}
}
@media (min-width: 980px) and (max-width: 1280px) and (orientation : Portrait)
{
}
/* ==== Main CSS === */
.img-fill{
width: 100%;
display: block;
overflow: hidden;
position: relative;
text-align: center
}
.img-fill img {
min-height: 100%;
min-width: 100%;
position: relative;
display: inline-block;
max-width: none;
}
*,
*:before,
*:after {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);
}
.Grid1k {
padding: 0 15px;
max-width: 1200px;
margin: auto;
}
.blocks-box,
.slick-slider {
margin: 0;
padding: 0!important;
}
.slick-slide {
float: left /* If RTL Make This Right */ ;
padding: 0;
}
/* ==== Slider Style === */
.Modern-Slider .item .img-fill{
height:84.5vh;
background:#000;
background-size:auto;
}
.Modern-Slider .item .img-fill .info{
position:absolute;
width:100%;
height:100%;
top:0px;
left:0px;
background:rgba(0,0,0,.30);
line-height:100vh;
text-align:center;
padding-top: 225px;
}
/*.Modern-Slider .item .img-fill img{
-webkit-filter:blur(5px);
filter:blur(5px);
}
*/
.Modern-Slider .item .info > div{
display:inline-block!important;
vertical-align:middle;
}
.Modern-Slider .NextArrow{
position:absolute;
top:50%;
right:0px;
width:45px;
height:45px;
background:rgba(0,0,0,.50);
border:0 none;
margin-top:-22.5px;
text-align:center;
font-size: 20px;
color:#FFF;
z-index:5;
}
.Modern-Slider .NextArrow:before{content: "\f061";}
.Modern-Slider .PrevArrow{
position:absolute;
top:50%;
left:0px;
width:45px;
height:45px;
background:rgba(0,0,0,.50);
border:0 none;
margin-top:-22.5px;
text-align:center;
font-size: 20px;
color:#FFF;
z-index:5;
}
.Modern-Slider .PrevArrow:before{content: "\f060";}
.Modern-Slider .slick-dots{
position:absolute;
height:5px;
background:rgba(255,255,255,.20);
bottom:0px;
width:100%;
left:0px;
padding:0px;
margin:0px;
list-style-type:none;
}
.Modern-Slider .slick-dots li button{display:none;}
.Modern-Slider .slick-dots li{
float:left;
width:0px;
height:5px;
background:#f58634;
position:absolute;
left:0px;
bottom:0px;
}
.Modern-Slider .slick-dots li.slick-active{
width:100%;
-webkit-animation:ProgressDots 11s both;
animation:ProgressDots 11s both;
}
.Modern-Slider .item h3{
text-transform:capitalize;
color:#FFF;
-webkit-animation:fadeOutRight 1s both;
animation:fadeOutRight 1s both;
margin:0;
padding:0;
font-size: 40px;
line-height: 50px;
}
.Modern-Slider .item .btn-default{
-webkit-animation:fadeOutLeft 1s both;
animation:fadeOutLeft 1s both;
}
.Modern-Slider .item.slick-active h3{
-webkit-animation:fadeInDown 1s both 1s;
animation:fadeInDown 1s both 1s;
}
.Modern-Slider .item.slick-active .btn-default{
-webkit-animation:fadeInLeft 1s both 1.5s;
animation:fadeInLeft 1s both 1.5s;
}
.Modern-Slider .item.slick-active{
-webkit-animation:Slick-FastSwipeIn 1s both;
animation:Slick-FastSwipeIn 1s both;
}
.Modern-Slider {background:#000;}
/* ==== Slider Image Transition === */
@-webkit-keyframes Slick-FastSwipeIn{
0%{-webkit-transform:rotate3d(0,1,0,150deg) scale(0) perspective(400px);transform:rotate3d(0,1,0,150deg) scale(0) perspective(400px);}
100%{-webkit-transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);}
}
@keyframes Slick-FastSwipeIn{
0%{-webkit-transform:rotate3d(0,1,0,150deg) scale(0) perspective(400px);transform:rotate3d(0,1,0,150deg) scale(0) perspective(400px);}
100%{-webkit-transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);}
}
@-webkit-keyframes ProgressDots{from{width:0px;}to{width:100%;}}
@keyframes ProgressDots{from{width:0px;}to{width:100%;}}
/* ==== Slick Slider Css Ruls === */
.slick-slider{position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}.slick-list.dragging{cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left /* If RTL Make This Right */ ;height:100%;min-height:1px}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.card {
margin: 0 auto;
border: none;
}
.card .carousel-item {
min-height: 190px;
}
.card .carousel-caption {
padding: 0;
right: 15px;
left: 15px;
top: 15px;
color: #3d3d3d;
border: 1px solid #ccc;
min-height:175px;
padding: 15px;
}
.card .carousel-caption .col-sm-3 {
display: flex;
align-items: center;
}
.card .carousel-caption .col-sm-9 {
text-align: left;
}
.card .carousel-control-prev, .card .carousel-control-next {
color: #3d3d3d !important;
opacity: 1 !important;
}
.card .carousel-control-prev-icon,.card .carousel-control-next-icon {
background-image: none;
color: #fff;
font-size: 14px;
background-color: #cd3a54;
height: 32px;
line-height: 32px;
width: 32px;
}
.card .carousel-control-prev-icon:hover,.card .carousel-control-next-icon:hover {
opacity: 0.85;
}
.card .carousel-control-prev {
left: 40%;
top: 110%;
}
.card .carousel-control-next {
right: 40%;
top: 110%;
}
.midline {
width: 60px;
border-top: 1px solid #d43025;
}
.carousel-caption h2 {
font-size: 14px;
}
.carousel-caption h2 span {
color: #cd3a54;
}
@media (min-width: 320px) and (max-width: 575px) {
.card .carousel-caption {
position: relative;
}
.card .carousel-caption {
left: 0;
top: 0;
margin-bottom: 15px;
}
.card .carousel-caption img {
margin: 0 auto;
}
.card .carousel-control-prev {
left: 35%;
top: 105%;
}
.card .carousel-control-next {
right: 35%;
top: 105%;
}
.card .carousel-caption h3 {
margin-top: 0;
font-size: 16px;
font-weight: 700;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.card .carousel-caption {
position: relative;
}
.card .carousel-caption {
left: 0;
top: 0;
margin-bottom: 15px;
}
.card .carousel-caption img {
margin: 0 auto;
}
.card .carousel-caption h3, .card .carousel-caption small {
text-align: center;
}
.card .carousel-control-prev {
left: 35%;
top: 105%;
}
.card .carousel-control-next {
right: 35%;
top: 105%;
}
}
@media (min-width: 767px) and (max-width: 991px) {
.card .carousel-caption h3 {
margin-top: 0;
font-size: 16px;
font-weight: 700;
}
}