@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500&family=Poppins:wght@300;400;500;600;700&display=swap');
@font-face {
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-weight: normal;
src: url("font/fa-brands-400.eot");
src: url("font/fa-brands-400.eot?#iefix") format("embedded-opentype"),
url("font/fa-brands-400.woff2") format("woff2"),
url("font/fa-brands-400.woff") format("woff"),
url("font/fa-brands-400.ttf") format("truetype"),
url("font/fa-brands-400.svg#fontawesome") format("svg");
}
.fab {
font-family: 'Font Awesome 5 Brands';
font-style: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
}
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 400;
src: url("fonts/fa-regular-400.eot");
src: url("fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),
url("font/fa-regular-400.woff2") format("woff2"),
url("font/fa-regular-400.woff") format("woff"),
url("font/fa-regular-400.ttf") format("truetype"),
url("font/fa-regular-400.svg#fontawesome") format("svg");
}
.far {
font-family: 'Font Awesome 5 Free';
font-weight: 400;
font-style: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
}
@font-face {
font-family: 'Font Awesome 5 Solid';
font-style: normal;
font-weight: 900;
src: url("font/fa-solid-900.eot");
src: url("font/fa-solid-900.eot?#iefix") format("embedded-opentype"),
url("font/fa-solid-900.woff2") format("woff2"),
url("font/fa-solid-900.woff") format("woff"),
url("font/fa-solid-900.ttf") format("truetype"),
url("font/fa-solid-900.svg#fontawesome") format("svg");
}
.fa, .fas {
font-family: 'Font Awesome 5 Solid';
font-weight: 900;
font-style: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
}
* {
outline: none !important;
}
body {
line-height: 26px;
font-weight: 400;
font-style: normal;
color: #222;
font-size: 16px;
margin: 0;
background-color: #ffffff;
text-rendering: optimizeLegibility !important;
}
.body-cell {
margin-top: 0;
padding-top: 0;
}
body#home .container.main-container {
width: auto !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
body#home .container-fluid.main-container-fluid {
padding-right: 0 !important;
padding-left: 0 !important;
}
.section-heading {
font-size: 34px;
font-weight: 700;
color: #333;
}
.top-bar {
background-color: #6eaa00;
color: #fff;
}
.top-bar a {
color: #d4e6b3;
}
.top-bar a:hover {
color: #fff;
}
.wraper_header_top > .container {
padding-top: 10px;
padding-bottom: 10px;
}
.header_top_item {
height: 25px;
overflow: hidden;
}
.header_top_item p {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
font-weight: 400;
font-size: 13px;
color: #ffffff;
line-height: 22px;
letter-spacing: initial;
margin-bottom: 0;
}
.header_top_item ul.fa-social {
display: inline-block;
vertical-align: middle;
font-size: 0;
margin: 0;
padding: 0;
}
.header_top_item ul.fa-social li {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.header_top_item ul.fa-social li a {
display: block;
width: 22px;
height: 22px;
border-radius: 50%;
text-align: center;
font-size: 13px;
color: #fff;
line-height: 22px;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.header_top_item ul.fa-social li a i {
color: #d4e6b3;
transition: 0.2s ease-in-out;
}
.header_top_item ul.fa-social li a:hover i {
color: #ffffff;
}
/**************/
header#header {
/*width: 100vw;*/
/*width: 100vw;*/
/*min-height: 720px;
height: 100vh;
*/
/*
background-size: cover;
background-attachment: fixed;
background-position: center;
*/
}
.header-shadow {
background-color: rgba(0, 0, 0, 0.4);
height: 100%;
width: 100%;
transition: ease-in-out 0.7s;
position: absolute;
top: 0;
left: 0;
}
.header-shadow:hover {
background-color: rgba(0, 0, 0, 0.2);
height: 100%;
width: 100%;
}
.header-container {
overflow: hidden;
vertical-align: middle;
text-align: center;
/*transform: translateY(-4.1rem);*/
min-height: 60px;
position: absolute ;
bottom: 1%;
left: 0;
right: 0;
}
.btn-default-xl {
box-shadow: 0 0 0 3em #ffffff inset;
background-color: transparent;
color: #4e4e4e;
padding: 1.7em 4em;
font-size: 16px;
font-weight: 600;
}
.btn-default-xl:hover,
.btn-default-xl:focus {
box-shadow: 0 0 0 2px #ffffff inset;
background-color: transparent;
color: #ffffff;
}
.btn-default-inverse-xl {
color: #ffffff;
background-color: transparent;
box-shadow: 0 0 0 2px #ffffff inset;
text-shadow: 2px 2px 4px rgba(0,0,0,0.9);
padding: 1.7em 4em;
font-size: 16px;
font-weight: 600;
}
.btn-default-inverse-lg {
font-size: 15px;
font-weight: 400;
padding: 0 25px;
display: inline-block;
text-transform: uppercase;
border-radius: 10px;
height: 44px;
line-height: 44px;
background: inherit;
color: #fff;
background: #80B82D;
}
.btn-default-inverse-lg i::before {
padding: 0 4px;
}
.btn-default-inverse-xl:hover,
.btn-default-inverse-xl:focus,
.btn-default-inverse-lg:hover,
.btn-default-inverse-lg:focus {
color: #fff;
background-color: #222222;
}
.btn-success {
border-radius: 50px;
background-color: #77b500;
border: none;
padding: 10px 20px;
position: relative;
text-transform: capitalize;
font-size: 15px;
transition: all .3s ease-in-out 0s;
margin: 0 2px;
}
.btn-success:hover {
background-color: #8dc539;
}
.btn-default-lg {
font-size: 15px;
font-weight: 400;
padding: 0 25px;
display: inline-block;
text-transform: uppercase;
border-radius: 10px;
height: 44px;
line-height: 44px;
background: inherit;
color: #fff;
background-color: #222222;
}
.btn-default-lg:hover,
.btn-default-lg:focus {
color: #fff;
background-color: #80B82D;
}
/***********************************************************************/
.standard-section {
padding-top: 80px;
padding-bottom: 40px;
}
.standard-section-sm {
padding-top: 10px;
padding-bottom: 40px;
}
.parallax-section {
/* Set a specific height */
height: 75vh;
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
}
.section-one-bg {
background-image: url(../img_one_parallax.jpg);
}
.section-three-bg {
background-image: url(../img_three_parallax.jpg);
}
.section-two-bg {
height: 75vh;
background-image: url('../img_two_static.jpg');
background-repeat: no-repeat;
background-position: right center;
background-size:auto 100%;
/*background-size: 62% auto;*/
overflow: hidden;
}
.section-two-bg-ar {
height: 75vh;
background-image: url('../img_two_static_ar.jpg');
background-repeat: no-repeat;
background-position: left center;
background-size:auto 100%;
overflow: hidden;
}
.section-two-bg h1, .section-two-bg-ar h1 {
font-size: 50px;
font-weight: 400;
}
.text-semi-bold {
font-weight: 600;
}
.section-three-bg h1 {
font-size: 50px;
font-weight: 400;
color: white;
text-shadow: 2px 2px 2px black;
}
.white-skew-bg {
background-color: white;
/*-ms-transform: skewX(-45deg); IE 9
-webkit-transform: skewX(-45deg); Safari */
transform: skewX(-15deg);
height: 76vh;
}
.text-skew-inverse {
transform: skewX(15deg);
padding-right: 50px;
}
.white-skew-bg-ar {
background-color: white;
/*-ms-transform: skewX(-45deg); IE 9
-webkit-transform: skewX(-45deg); Safari */
transform: skewX(15deg);
height: 76vh;
}
.text-skew-inverse-ar {
transform: skewX(-15deg);
padding-left: 50px;
}
.standard-text {
font-size: 34px;
line-height: 1.4;
color: black;
}
.smaller-text {
font-size: 27px;
line-height: 1.3;
}
.smaller-text-ar {
font-size: 24px;
line-height: 1.5;
}
.text-justify-new {
text-align: justify;
-moz-text-align-last: center;
text-align-last: center;
/*width: 100%;*/
}
.standard-text-white {
font-size: 36px;
line-height: 1.4;
color: white;
text-shadow: 2px 2px 2px black;
}
/**************** Counter section **************/
.counter-block {
overflow: hidden;
}
.counter-block .counter-title-block {
background-color: #003a64;
padding:4em 4em 7em 4em;
}
.counter-title-block h2{
color: #ffffff;
margin-bottom: 15px;
font-weight: 700;
font-size: 35px;
}
.counter-title-block p{
color: #ffffff;
font-size: 20px;
line-height: 1.6;
margin-top: 20px;
}
.counter-block .counter-columns {
padding-top: 4em;
position: relative;
background: url('../counterbg.jpg') no-repeat center center;
background-attachment: fixed;
background-size: cover;
}
.counter-block .counterbg {
background-color: rgba(0,0,0,0.8);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.counter-hr {
z-index: 10;
background-color: #ffffff;
font-weight: 400;
font-size: 14px;
white-space: nowrap;
min-height: 3px;
min-width: 50px;
max-height: 3px;
max-width: 50px;
opacity: 1;
transform: translate3d(0px, 0px, 0px);
transform-origin: 50% 50% 0px;
}
.counter-block i.fa {
font-size: 3em;
color: white;
display: block;
text-align: center;
width: 130px;
height: 130px;
display: block;
margin-right: auto;
margin-left: auto;
background-color: rgba(255, 255, 255, 0.35);
border-radius: 50%;
line-height: 130px;
/*text-shadow: 2px 2px 5px black;*/
}
.counter-block .numscroller, .counter-block .plus-addon {
font-size: 26px;
line-height: 1em;
font-weight: 600;
color: #ffffff;
display: inline-block;
margin-top: 20px;
margin-bottom: 10px;
/*text-shadow: 2px 2px 5px black;*/
font-family: "arial black";
font-weight: bolder;
}
.counter-block h6 {
font-size: 20px;
color: white;
text-transform: uppercase;
font-weight: 400;
margin-bottom: 35px;
/*text-shadow: 2px 2px 5px black;*/
}
/*********** Service blocks **********************/
section.service-section {
min-height: 400px;
position: relative;
padding-top: 30px;
padding-bottom: 40px;
}
section.service-section h1 {
display: inline-block !important;
margin-bottom: 1em;
font-size: 35px;
font-weight: 700;
color: #3b3b3b;
text-align: center;
}
.col-service {
margin-bottom: 30px;
}
.service-block {
-webkit-box-shadow: 0px 0 2px 0 rgba(0,0,0,0.1), 0 0 0px 0 rgba(0,0,0,0.1), 0 2px 2px 0 rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0 2px 0 rgba(0,0,0,0.1), 0 0 0px 0 rgba(0,0,0,0.1), 0 2px 2px 0 rgba(0,0,0,0.18);
box-shadow: 0px 0 2px 0 rgba(0,0,0,0.1), 0 0 0px 0 rgba(0,0,0,0.1), 0 2px 2px 0 rgba(0,0,0,0.18);
-webkit-transition: .5s all;
-moz-transition: .5s all;
transition: .5s all;
overflow: hidden;
}
.service-block:hover {
box-shadow: 0px 0 4px 0 rgba(0,0,0,0.1), 0 0 2px 0 rgba(0,0,0,0.1), 0 2px 4px 0 rgba(0,0,0,0.18);
}
figure.service-figure {
position: relative;
background-color: white;
}
figure.service-figure div.contain-img {
max-height: 200px;
overflow: hidden;
}
figure.service-figure img {
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
figure.service-figure:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
figure.service-figure figcaption {
padding: 2em 1.5em;
text-align: center;
}
.service-figure figcaption h3 {
margin: 0;
font-size: 1.2em;
padding:0 0 .8em 0;
display: block;
color: #292929;
line-height: 30px;
height: 60px;
overflow: hidden;
}
.service-figure figcaption p {
display: none;
margin: 0;
line-height: 25px;
height: 75px;
font-size: 15px;
color: #777;
overflow: hidden;
}
/************* Projects section ************************/
section.project-section {
min-height: 400px;
background: url('../projectbg.jpg') no-repeat center center;
background-attachment: fixed;
background-size: cover;
position: relative;
padding-top: 5em;
padding-bottom: 6em;
}
section.project-section h1 {
margin-bottom: 2em;
display: inline-block;
font-size: 35px;
font-weight: 700;
color: #3b3b3b;
/*text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7);*/
}
#projects .btn {
border-radius: 0;
}
/****** Clients block *******/
.client-section {
overflow: hidden;
}
.client-section .owl-carousel .owl-thumbnail a {
box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);
transition: 0.3s ease-in-out;
display: block;
margin: 15px;
}
.client-section .owl-carousel .owl-thumbnail a:hover {
box-shadow: 0 0 5px 4px rgba(0,0,0,0.1);
}
.client-section .owl-carousel .owl-thumbnail span {
text-align: center;
display: block;
font-size: 15px;
padding: 10px 0;
color: #000;
font-weight: 500;
text-transform: capitalize;
}
/*
.client-section .owl-carousel .owl-thumbnail a img {
margin: 10px;
}
.client-section .owl-carousel .owl-thumbnail a:hover img {
margin: 10px;
}
*/
.client-section .owl-carousel .owl-thumbnail img.img-rounded {
border-radius: 0;
}
.bg-white {
background-color: #e8e8e8;
}
.bg-Green {
background-color: #ace6b2;
}
.bg-yellow {
background-color: #ffd694;
}
.bg-greener {
background-color: #6eaa00;
}
.
/*************************************************/
@media (min-width: 992px) and (max-width: 1199px) {
#vision .standard-text-white {
font-size: 34px;
line-height: 1.2;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#vision .standard-text-white {
font-size: 32px;
line-height: 1.2;
}
.section-two-bg {
height: 60vh;
background-size:80% 100%;
}
.section-two-bg-ar {
height: 60vh;
background-size:80% 100%;
}
.section-two-bg .standard-section, .section-two-bg-ar .standard-section {
padding-top: 40px;
padding-bottom: 40px;
}
.white-skew-bg-ar, .white-skew-bg {
height: 60vh;
}
.smaller-text {
font-size: 24px;
line-height: 1.2;
}
}
@media (max-width: 767px) {
.thumbnail-terry::before {
display: none !important;
}
}
/************ About block *************************/
.sort-info, .personal-detail {
margin-top: 30px;
}
.sort-info ul, .personal-detail ul {
list-style: none;
padding: 0;
}
.sort-info li {
margin-bottom: 10px;
display: block;
}
.sort-info ul li::before {
content: "\f00c";
font-family: fontawesome;
color: #9f8a3f;
}
.personal-detail li {
color: #333;
font-size: 16px;
margin-bottom: 15px;
border-bottom: 1px solid #EEE;
padding: 5px 0;
}
.sort-info a.btn i {
margin-right: 7px;
}
.sort-info a.btn-default {
border-color: #9f8a3f;
color: #333;
}
.sort-info a.btn-default:hover, .sort-info a.btn-default:focus {
color: white;
}
/*************************************************/
/***************** Bottom and Contactus *********/
#contact input, #contact textarea {
border-radius: 0;
}
#contact i {
margin-left: 5px;
margin-right: 5px;
}
.scroll-top-wrapper {
overflow:hidden;
text-align:center;
width:50px;
position:fixed;
opacity:0;
visibility:hidden;
z-index:99;
color:#fff;
height:50px;
line-height:50px;
/*right:20px;*/
bottom: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;
background-color: transparent;
border: 1px solid #6eaa00;
}
.scroll-top-wrapper i.fa {
line-height: 32px;
font-size: 20px;
color: #6eaa00;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-ms-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease;
}
.scroll-top-wrapper:hover i.fa, .scroll-top-wrapper:focus i.fa {
color: #000;
}
.scroll-top-wrapper:hover, .scroll-top-wrapper:focus {
border-color: #000;
color: #000;
}
.scroll-top-wrapper.show {
visibility:visible;
cursor:pointer;
opacity:1
}
.form-group-upload {
border: 1px solid #cccccc;
border-radius: 3px;
}
.upload-block {
}
.upload-control {
padding: 2px;
}
@media (min-width: 768px) {
.topbars-Wrapper {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 99;
}
.upload-block {
display: table;
padding-left: 5px;
padding-right: 5px;
}
.upload-control {
max-width: 250px;
display: table-cell !important;
white-space: nowrap;
}
}
@media (max-width: 767px) {
.top-bar {
background-color: transparent;
}
.upload-control {
overflow: hidden;
max-width: 100%;
}
.prevent-excced-width {
max-width: 100%;
overflow: hidden;
}
}
/************************************************/
td {
font-size: 16px;
}
Body.PopBody {
background-color: white;
margin: 0;
padding: 5px;
background-image: none;
}
a {
color: #565656;
text-decoration: none;
transition: 0.3s ease-in-out;
}
a:hover,
a:focus {
color: #323232;
text-decoration: none;
}
.topmenu-padding {
padding-top: 70px;
}
.topmenu.navbar {
/*min-height: 120px;
width: 100%;
z-index: 99;
border-bottom: 1px solid #e9c37c;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);*/
/*top: 0px !important;*/
/*background-color: rgba(255, 255, 255, 1);*/
min-height: 90px;
margin-bottom: 0;
border: 0;
z-index: 100;
transition: all 0.3s ease-in-out;
border-radius: 0;
background-color: #fff;
}
.menu-underline {
/*background-color: #fff; #6eaa00 */
/*box-shadow: 0px 0px 20px rgba(0,0,0,0.3);*/
border-bottom: 0;
border-radius: 0;
}
/*.topmenu.navbar.affix .navbar-brand {
opacity: 0.8;
filter:Alpha(Opacity=80);
background: url('../logo.jpg') no-repeat;
width: 114px;
height: 45px;
margin: 10px 0 0 10px;
padding: 0;
transition: 0.4s ease-in;
}*/
.topmenu .navbar-toggle {
float: left;
margin-left: 10px;
}
.topmenu .logo-main {
/*width:18%;*/
padding-top: 5px;
}
.side-logo-main {
overflow: hidden;
display: block;
}
.side-logo-main img {
display: block;
padding: 10px;
width: 188px;
}
.topmenu .menu-container {
}
.is-sticky .topmenu {
box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
}
.top-contact a {
display: inline-block;
line-height: 23px;
color: #ffffff;
transition: 0.2s ease-in-out;
font-size: 14px;
}
.header-data-social ul {
display: inline-block;
margin-right: 30px;
}
.top-contact a:hover, .top-contact a:focus {
color: white;
}
.top-contact i {
width: 15px;
margin-right: 5px;
margin-left: 5px;
text-align: center;
font-size: 12px;
color: #d4e6b3;
transition: 0.2s ease-in-out;
}
.top-contact a:hover i {
color: #ffffff;
}
.single_slider {
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center !important;
background-size: cover;
height: 550px;
}
.header-carousel, #carousel-original, .carousel-inner, .carousel-inner .item {
/*height: 100vh;
width: 100vw;*/
}
.background-video {
/*position: fixed;
right: 0;
bottom: 0;*/
min-width: 100%;
min-height: 100%;
}
.carousel-bg {
/*
background: rgba(0,0,0,0.35);
width: 100%;
height: 100%;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
*/
}
.header-carousel .carousel-inner > .item .container {
position: absolute;
height: 100%;
top: 0;
left: 0;
right: 0;
}
.header-carousel .carousel-inner > .item > img {
min-height: 100%;
min-width: 100%;
overflow: hidden;
}
.carousel-control.left, .carousel-control.right {
background-image: none;
z-index: 99;
}
.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right {
height: 44px;
width: 44px;
color: white;
font-size: 70px;
font-weight: bolder;
text-shadow: 2px 2px 2px black;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
width: 65px;
height: 65px;
line-height: 63px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.5);
}
.carousel-caption2 {
position: absolute;
width: 50%;
min-height: 30%;
top: 25%;
vertical-align: middle;
z-index: 1;
border-radius: 0;
}
.carousel-caption2 .inner-caption {
/*overflow: hidden;*/
}
.carousel-caption2 h2 {
font-size: 40px;
line-height: 75px;
text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
.carousel-caption2 h3 {
font: 400 48px/56px Dancing Script,Helvetica,sans-serif;
text-transform: capitalize;
margin: 0 0 8px;
color: #619b00;
}
.carousel-caption2 h3.small-font-title {
font-size: 25px;
}
.carousel-caption2 h4 {
font-size: 36px;
line-height: 36px;
margin-bottom: 0;
font-weight: 300;
color: #222;
}
.caption-hr {
z-index: 10;
background-color: rgb(12, 172, 238);
font-weight: 400;
font-size: 14px;
white-space: nowrap;
min-height: 3px;
min-width: 50px;
max-height: 3px;
max-width: 50px;
opacity: 1;
transform: translate3d(0px, 0px, 0px);
transform-origin: 50% 50% 0px;
}
.carousel-caption2 p {
font-size: 16px;
line-height: 22px;
width: 80%;
padding: 18px 0 39px;
margin-bottom: 0;
color: #222;
}
.carousel-caption2 .button-block {
margin-top: 0;
}
.carousel-indicators {
bottom: 0px;
}
.carousel-indicators li {
margin: 3px;
width: 14px;
height: 14px;
border-radius: 50%;
background-color: transparent;
}
.carousel-indicators li.active {
margin: 3px;
width: 14px;
height: 14px;
background-color: #6eaa00;
border-color: #6eaa00;
}
.topmenu .navbar-nav > li > a {
line-height: 25px;
color: #000;
}
.topmenu .navbar-nav > li > a i.fa-home {
color: #6eaa00;
padding-left: 10px;
padding-right: 10px;
}
.topmenu .navbar-nav > li > a:hover, .topmenu .navbar-nav > li > a:focus {
color: #6eaa00;
}
.is-sticky .topmenu .navbar-nav > li > a:not(.contact-link):hover, .is-sticky .topmenu .navbar-nav > li > a:not(.contact-link):focus {
color: #6eaa00 !important;
}
.topmenu .navbar-nav > li.active-link > a {
color: #6eaa00;
}
.topmenu .navbar-nav > li.contact-link {
margin-left: 4px;
}
.topmenu .navbar-nav > li > a.contact-link {
-webkit-box-shadow: 0 0 0 1px #fff inset;
box-shadow: 0 0 0 1px #fff inset;
border-radius: 5px;
padding-left: 2.5em;
padding-right: 2.5em;
}
.topmenu .navbar-nav > li > a.contact-link:hover {
-webkit-box-shadow: 0 0 0 3em #fff inset;
box-shadow: 0 0 0 3em #fff inset;
color: #000;
}
/******* sidebar-nav *****************/
.topmenu .sidebar-nav {
padding: 10px 10px 20px 10px;
}
.topmenu .sidebar-nav li a {
font-size: 16px;
}
/**********************/
.top-section {
background-color: white;
}
.SearchBlock {}
#Logo {
text-align: center;
}
#Logo img {
border: 0;
max-width: 400px;
}
.special-font-text {
color: #4075a7;
vertical-align: text-top;
}
.text-white {
color: white;
}
.text-white a {
color: white;
}
.text-white a:hover {
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.topmenu.navbar .navbar-brand { /*.affix-top*/
max-width: 260px;
height: 80px;
margin: 0;
padding:0;
transition: none;
background-size: contain;
transition: 0.2s ease-in-out;
}
/*
.topmenu.navbar.affix .navbar-brand {
width: 55px;
margin: 5px 0 0 0;
padding: 0;
background-size: contain;
transition: 0.3s ease-in-out;
height: 65px;
}
*/
.topmenu.navbar .navbar-brand img {
max-height: 100%;
/*transition: 0.3s ease-in-out;*/
margin-top: 5px;
}
.topmenu.navbar #collapsemenu > ul > li.dropdown > a i.arrow {
transition: all 0.2s ease;
display: inline-block;
justify-content: center;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
line-height: 12px;
height: 17px;
margin-left: 3px;
margin-right: 3px;
vertical-align: middle;
padding-left: 0 !important;
padding-right: 0 !important;
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
.topmenu.navbar #collapsemenu > ul > li.dropdown > a i.arrow {
vertical-align: text-top !important;
margin-top: 8px !important;
font-size: 26px;
margin-left: 10px;
margin-right: 10px;
padding-left: 5px !important;
padding-right: 5px !important;
}
.carousel-caption2 .button-block {
margin-top: 20px;
}
}
.topmenu.navbar #collapsemenu > ul > li.dropdown > a i.arrow::after {
content: "\f078";
font-family: 'Font Awesome 5 Solid';
font-style: normal;
font-size: 60%;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.topmenu.navbar #collapsemenu > ul > li.dropdown > a.open i.arrow, .topmenu.navbar #collapsemenu > ul > li.dropdown.on > a i.arrow {
transform: rotateZ(-180deg);
-webkit-transform: rotateZ(-180deg);
}
/*
#collapsemenu .dropdown-menu > li > a::before {
display: inline-block;
font: normal normal normal 10px/1 FontAwesome !important;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f061";
text-align: left;
transition: all 0.2s ease;
margin-left: 3px;
margin-right: 10px;
vertical-align: top;
margin-top: 5px;
}
#collapsemenu .dropdown-menu > li > a:hover::before {
text-align: right;
transition: all 0.2s ease;
margin-left: 10px;
margin-right: 3px;
}
*/
@media (min-width: 768px) {
/* trick to prevent colapsing behaviour case I set colapse to every menu link in single page design */
.topmenu.navbar .collapsing { height:inherit !important; }
.topmenu.navbar.affix-top {
background-color: transparent ;
transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.topmenu.navbar.affix {
background-color: #1e304b;
transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
#collapsemenu > ul { margin-top: 23px; }
.topmenu.navbar.affix-top #collapsemenu ul.navbar-nav {
margin-top: 30px;
transition: 0.3s ease-in-out;
}
.topmenu.navbar.affix #collapsemenu ul.navbar-nav {
margin-top: 12px;
transition: 0.3s ease-in-out;
}
#collapsemenu ul.navbar-nav > li > ul.dropdown-menu {
margin: 0px;
background-color: #fff;
color: white;
padding: 0;
box-shadow: 8px 8px 30px 0 rgba(0,0,0,0.3);
border-radius: 5px;
border: none;
overflow: hidden;
left: 0;
z-index: 1;
min-width: 200px;
height: auto;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
/*.topmenu.navbar #collapsemenu > ul > li:not(.dropdown) > a::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
width: 0;
height: 2px;
margin-top: 4px;
transition: .3s all ease;
background: linear-gradient(90deg, #edeff0 0%, #ffffff 100%);
}
.topmenu.navbar #collapsemenu > ul > li:not(.dropdown):hover > a::after {
left: 0;
width: 100%;
}
#collapsemenu ul.navbar-nav > li > ul.dropdown-menu::before {
width: 10px;
height: 10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid rgba(87, 168, 231, 0.7);
display: block;
content: "";
margin-top: -10px;
float: right;
margin-right: 30px;
}
*/
#collapsemenu ul.navbar-nav > li > ul.dropdown-menu > li > a {
color: #5b5b5b;
position: relative;
display: block;
width: auto;
height: auto;
padding: 8px 25px;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
line-height: 30px;
cursor: pointer;
transition: all 0.3s ease-in-out !important;
-webkit-transition: all 0.3s ease-in-out !important;
border-bottom: 1px solid #f5f5f5;
}
#collapsemenu ul.navbar-nav > li > ul.dropdown-menu > li > a:hover, #collapsemenu ul.navbar-nav > li > ul.dropdown-menu > li > a:focus {
color: #6eaa00;
background-color: #f5f5f5;
}
.topmenu .navbar-header {
max-width: 260px;
margin-left: 15px;
margin-top: 10px;
margin-right: 15px;
}
.menu-underline {
transition: all 0.3s ease-in-out;
}
}
.topmenu ul.navbar-nav {
margin-right: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.topmenu.navbar.affix #collapsemenu ul.navbar-nav {
margin-top: 30px;
transition: 0.3s ease-in-out;
}
.topmenu ul.navbar-nav {
margin-right: 0;
padding-right: 0;
}
.topmenu .navbar-header {
max-width: 240px;
}
.topmenu.navbar .navbar-brand {
width: 240px;
}
.topmenu.navbar .navbar-brand img {
margin-top: 7px;
}
#collapsemenu > ul {
margin-top: 25px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.topmenu.navbar {
/*min-height: 130px;*/
}
.topmenu.navbar.affix-top .navbar-brand, .topmenu.navbar.affix .navbar-brand {
width: 90px;
height: 80px;
margin-left: 5px;
}
.topmenu .navbar-header {
/*max-width: 100%;
text-align: center;
margin-right: auto;
margin-left: auto;
float: none;*/
}
.topmenu.navbar .navbar-brand {
/*margin-right: auto;
margin-left: auto;
float: none;
display: block;*/
}
.topmenu ul.navbar-nav {
/*margin-right: auto !important;
margin-left: auto !important;
clear: both !important;
margin-top: 0 !important;
float: none !important;
display: table;*/
}
.topmenu .navbar-right {
padding-right: 10px;
}
.topmenu .navbar-left {
padding-left: 10px;
}
.topmenu .Social {
width: 205px !important;
}
.topmenu .navbar-nav > li > a {
/*font-size:17px;*/
font-size: 14px !important;
letter-spacing: 0 !important;
}
.topmenu .Social a {
width: 27px !important;
height: 27px !important;
background-size: 27px !important;
}
.header-carousel, #carousel-original, .carousel-inner, .carousel-inner .item {
height: 450px;
}
.header_top_item {
font-size: 16px;
}
.footer-menu-section .footer-menu {
padding-right: 0 !important;
padding-left: 0 !important;
margin-bottom: 30px;
}
.gallery-header-column, .cover-album.margin {
margin-bottom: 5px;
}
.topmenu .navbar-header {
max-width: 214px;
margin-left: 5px;
margin-top: 10px;
margin-right: 5px;
}
.topmenu.navbar .navbar-brand {
max-width: 210px;
}
.topmenu.navbar .navbar-brand img {
margin-top: 7px;
}
.carousel-caption2 h3 {
font: 400 38px/46px Dancing Script,Helvetica,sans-serif;
text-transform: capitalize;
margin: 0 0 8px;
color: #619b00;
}
.carousel-caption2 h3.small-font-title {
font-size: 25px;
}
.carousel-caption2 h4 {
font-size: 28px;
line-height: 32px;
margin-bottom: 0;
font-weight: 300;
color: #222;
}
.caption-hr {
z-index: 10;
background-color: rgb(12, 172, 238);
font-weight: 400;
font-size: 14px;
white-space: nowrap;
min-height: 3px;
min-width: 50px;
max-height: 3px;
max-width: 50px;
opacity: 1;
transform: translate3d(0px, 0px, 0px);
transform-origin: 50% 50% 0px;
}
.carousel-caption2 p {
font-size: 16px;
line-height: 22px;
width: 90%;
padding: 18px 0 39px;
margin-bottom: 0;
color: #222;
}
}
@media (min-width: 480px) and (max-width: 767px) {
#NewsPage img,
.main-container p img {
max-width: 100% !important;
}
.HomeProductBlock header {
font-size: 21px;
}
}
@media (max-width: 767px) {
.pull-left-xs {
float: left !important;
}
.topmenu.navbar .navbar-brand {
width: 220px;
max-width: 220px;
margin-left: 10px;
margin-right: 10px;
height: auto;
margin-top: 10px;
}
.topmenu.navbar .navbar-brand img {
max-height: 70px;
}
.topmenu.navbar {
border:0;
padding: 0;
min-height: 75px;
}
.topmenu.navbar .navbar-header {
/*box-shadow: 0 3px 6px rgba(0,0,0,0.5);
padding: 5px 0 5px 0;*/
background-color: #fff;
min-height: 80px;
}
.topmenu ul.navbar-nav {
margin-right: 0px;
padding: 0;
height: 100vh;
}
.topmenu.navbar.affix-top, .topmenu.navbar.affix {
}
.topmenu.navbar.affix {
}
.topmenu.navbar.affix-top .navbar-brand, .topmenu.navbar.affix .navbar-brand {
width: 45px;
height: 55px;
margin-left: 10px;
margin-top: 5px;
}
.topmenu.navbar-inverse,
.topmenu.navbar-default {
background-color: transparent;
margin-bottom: 0;
}
.topmenu.navbar-inverse .navbar-toggle:hover .icon-bar {
background-color: #4a7405;
}
.topmenu.navbar-inverse .navbar-toggle .icon-bar {
background-color: #619b00;
}
.topmenu.navbar-inverse .navbar-toggle:focus {
background-color: transparent;
}
.topmenu.navbar-fixed-top {
/*position: absolute;
left: 10px;*/
}
.navbar-default .navbar-toggle .icon-bar {
height: 3px;
background-color: #619b00;
transition: 0.3s ease-in-out;
}
.navbar-default .navbar-toggle:hover .icon-bar {
height: 3px;
background-color: #619b00;
}
.topmenu.navbar-default .navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
max-height: 100%;
background-color: rgba(255, 255, 255, 0.9) ;
}
.topmenu.navbar-default .navbar-toggle {
position: relative;
float: right;
padding: 12px;
margin-top: 20px;
margin-right: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 2px solid #619b00;
border-radius: 50%;
}
/******************************/
#collapsemenu > ul.navbar-nav > li > ul.dropdown-menu {
/*height: 0 !important;*/
box-shadow: none !important;
color: white;
position: relative;
top: auto;
left: auto;
float: none;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 2px;
transform: translateX(-25%);
font-size: 14px;
list-style: none;
background-color: transparent !important;
border:0;
border-radius: 0;
animation-duration: 0s !important;
animation-fill-mode: none !important;
-webkit-box-shadow: none !important;
/*margin-top: 0px;
background-color: rgba(31, 48, 71, 0.7);
color: white;
padding: 0;
border: 1px solid rgba(87, 168, 231, 0.7) !important ;
border-radius: 5px;*/
}
#collapsemenu .dropdown-menu > li > a {
color: #6eaa00;
background-color: transparent;
padding-right: 15px;
padding-left: 15px;
font-size: 16px;
padding: 3px;
letter-spacing: 2px;
}
#collapsemenu .dropdown-menu > li > a:hover {
color: #000;
}
/*****************************/
header#header {
height: auto;
width: 100%;
padding-top: 0;
position: relative;
background-color: white;
}
.single_slider {
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center !important;
background-size: cover;
height: 280px;
}
.carousel-caption2 {
position: absolute;
width: 50%;
min-height: 30%;
top: 10%;
vertical-align: middle;
z-index: 1;
border-radius: 0;
}
.carousel-caption2 h3 {
font: 400 34px/40px Dancing Script,Helvetica,sans-serif;
}
.carousel-caption2 h3.small-font-title {
font-size: 25px;
}
.carousel-caption2 h4 {
font-size: 24px;
line-height: 32px;
margin-bottom: 0;
font-weight: 300;
color: #222;
}
.carousel-caption2 p {
font-size: 16px;
line-height: 22px;
width: 95%;
padding: 18px 0 39px;
margin-bottom: 0;
color: #222;
}
.background-video {
width: 100%;
min-width: auto;
height: auto;
}
.carousel-bg {
background: -webkit-linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.2));
background: -o-linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.2));
background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.2));
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
width: 40px;
height: 40px;
line-height: 39px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.5);
}
.header-container {
min-height: 0px;
}
.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right {
font-size: 35px;
}
/*.fa-social {
margin-top: 5px !important;
font-size: 22px !important;
}
.fa-social li {
margin-right: 15px !important;
margin-left: 15px !important;
}*/
.header-data-social p, .header_top_item span {
/*display: none;*/
}
.header_top_item {
padding-top: 10px;
padding-bottom: 10px;
}
.header_top_item a.top-phone {
border: 1px solid #edfbef;
padding: 2px 5px;
border-radius: 10px;
}
.header_top_item {
font-size: 15px;
}
.header_top_item ul.fa-social li a {
font-size: 18px;
width: 15px;
}
.standard-section {
padding-top: 40px;
padding-bottom: 40px;
}
.parallax-section {
height: auto !important;
}
.standard-text {
font-size: 22px;
line-height: 1.5;
color: black;
}
.standard-text-white {
font-size: 29px;
}
/************************/
.section-two-bg-ar, .section-two-bg {
background: url(../img_two_static_round.png) no-repeat center 20px;
background-size: 100px 100px;
padding-top: 120px;
height: auto !important;
}
.section-two-bg-ar .standard-section, .section-two-bg .standard-section {
padding-top: 0 !important;
text-align-last: center;
}
.section-two-bg h1, .section-two-bg-ar h1 {
text-align: center;
font-size: 35px;
}
.text-skew-inverse-ar, .text-skew-inverse {
padding-left: 0;
padding-right: 0;
transform: skewX(0deg);
}
.white-skew-bg-ar, .white-skew-bg {
transform: skewX(0deg);
height: auto !important;
}
#vision > .container {
padding-left: 0;
padding-right: 0;
}
#vision .standard-text-white {
font-size: 24px;
line-height: 1.3;
}
.section-three-bg h1 {
font-size: 35px;
}
/************************/
.footer-menu-section .footer-menu.floated li {
width: 48%;
margin-left: 2%;
overflow: hidden;
}
.footer-menu-section .footer-menu li {
overflow: hidden;
}
.footer-menu-section .footer-menu {
padding-right: 0 !important;
padding-left: 0 !important;
margin-bottom: 30px;
}
.footer-service-no {
text-align: center !important;
display: block !important;
}
.NewsLetterBlock {
margin-left: 0 !important;
margin-right: 0 !important;
}
.scroll-top-wrapper {
/*bottom: 20px;*/
}
}
@media screen and (orientation: portrait) and (max-width: 479px) {
.carousel-caption2 {
width: 66%;
}
.carousel-caption2 h3 {
font: 400 26px/32px Dancing Script,Helvetica,sans-serif;
white-space: nowrap;
}
.carousel-caption2 h3.small-font-title {
font-size: 20px;
}
.carousel-caption2 h4 {
font-size: 22px;
line-height: 26px;
white-space: nowrap;
}
.carousel-caption2 p {
font-size: 15px;
line-height: 21px;
width: 96%;
padding: 18px 0 0;
}
.btn-default-inverse-lg {
font-size: 15px;
font-weight: 400;
padding: 0 15px;
display: inline-block;
text-transform: uppercase;
border-radius: 6px;
height: 34px;
line-height: 34px;
background: inherit;
color: #fff;
background: #80B82D;
}
.header_top_item ul.fa-social li {
margin-right: 8px;
margin-left: 8px;
}
}
@media screen and (orientation: landscape) and (max-width: 767px) {
.single_slider {
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center !important;
background-size: cover;
height: 365px;
}
}
.header-title {
opacity: 0;
font-size: 1px;
line-height: 1px;
padding: 0;
margin: 0;
height: 0;
}
.btn.btn-RedColor {
color: #a82b2e;
background-color: white;
border: 1px solid #bb6567;
font-weight: bolder;
font-size: 18px;
}
.bottomfooter-container {
background-color: #2c2c2c;
border-top: 1px solid rgba(255,255,255,0.2);
display: block;
position: relative;
padding: 15px 0 3px 0 ;
color: #999;
}
.footer-copyright {
font-weight: 400;
font-size: 14px;
color: #999;
line-height: 25px;
}
@media (min-width: 768px) {
.bottomfooter-container {
/*padding-top: 10px;*/
}
}
.poweredby {
letter-spacing: 1px;
font-family: "AzoSans-Light";
font-size: 12px;
color: #e5e7ef;
}
.footer-copyright a, .poweredby a {
color: #333;
}
.footer-copyright a:hover, .poweredby a:hover {
color: #000;
}
.real-developer {
font-size: 12px;
float: left;
color: rgba(255, 255, 255, 0.7);
line-height: 18px;
}
.real-developer a, .real-developer a:hover {
color: rgba(255, 255, 255, 0.7);
}
/**************** Home css **************/
.main-container {
/*padding-top: 20px;
padding-bottom: 30px;
margin-top: 3px;
margin-bottom: 3px;*/
}
.white-bg {
background-color: white;
}
.about-section h2 {
margin-top: 0;
}
.vision-block {
padding: 2.5em 0em;
background: url('../visionbg.jpg') no-repeat center center;
background-attachment: fixed;
position: relative;
background-size: cover;
color: #ffffff;
text-align: center;
}
.vision-block::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-color: rgba(0, 0, 0, 0.7);
}
.vision-block h2 {
display: inline-block;
margin-bottom: 20px;
}
.vision-block p {
font-size: 19px;
line-height: 30px;
font-weight: 300;
}
/***************************************************/
.main-title {
font-size: 35px;
font-weight: 700;
color: #6eaa00;
line-height: 34px;
height: 40px;
}
.main-title-reverse {
font-size: 32px;
font-weight: 700;
color: #6eaa00;
line-height: 34px;
height: 40px;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.main-title-2 {
font-size: 22px;
color: #000000;
line-height: 35px;
text-align: center;
}
.main-title-xs {
font-size: 18px;
color: #000000;
line-height: 35px;
}
.sub-title {
font-size: 16px;
color: #000000;
line-height: 24px;
}
.main-title span {
padding: 0 58px 20px;
display: block;
}
.main-title span::before {
background-color: #6eaa00;
bottom: 0;
content: "";
height: 1px;
left: 0;
position: absolute;
width: 73px;
height: 3px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.contact-block {
/*padding: 4em 0;
background: url('../contactbg.jpg') no-repeat center center;
background-attachment: fixed;
position: relative;
background-size: cover;*/
}
.contact-block::before {
/*position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-color: rgba(0, 0, 0, 0.7);*/
}
.contact-block .title {
color: #ffffff;
text-transform: uppercase;
line-height: 1.35em;
font-size: 30px;
margin-top: 0;
padding-top: 0;
}
.contact-block p {
line-height: 1.8em;
text-align: justify;
text-align-last: start;
color: #ffffff;
padding: 1.2em;
}
.contact-block p strong {
font-size: 15px;
}
.contact-block .btn {
margin-top: 20px;
transition: 0.3s ease-in-out;
}
#ContactForm p {
text-align: center;
}
#ContactForm p label {
font-size: 17px;
display: block;
text-align: center;
text-align-last: center;
text-shadow: 1px 1px 1px #000;
background-color: rgba(255, 255, 255, 0.5);
margin: 20px;
padding: 3px;
z-index: 99999;
}
#ContactForm .form-control {
background-color: transparent;
color: #fff;
}
#ContactForm .form-control, #ContactForm .btn {
border-radius: 0;
}
/****************************************************/
@media (min-width: 768px) {
.product-link {
height: 300px;
line-height: 20px;
}
}
@media (max-width: 767px) {
.main-container-fluid {
padding-right: 4px;
padding-left: 4px;
}
.poweredby {
letter-spacing: 0;
text-align: center !important;
color: #e5e7ef;
}
.vision-block p {
font-size: 15px;
line-height: 23px;
}
.counter-block .counter-title-block {
padding: 3em 2em 4em 2em;
}
.counter-title-block p {
font-size: 17px;
line-height: 30px;
text-align-last: center;
}
.service-figure figcaption h3 {
height: 45px;
line-height: 22px;
font-size: 17px;
}
figure.service-figure figcaption {
padding: 0.5em 0.3em;
}
section.project-section {
padding-top: 3em;
padding-bottom: 4em;
}
}
@media (min-width: 768px) {}
@media (min-width: 480px) and (max-width: 767px) {}
@media (max-width: 479px) {
.HeaderTitle {
font-size: 27px;
}
.HeaderCell {
text-align: center;
}
}
/*************** Footer Area ***************/
.top-border {
border-top: 1px solid #ededed;
}
.bottom-border {
border-bottom: 1px solid #ededed;
}
.main-footer-container {
min-height: 370px;
background-color: #2c2c2c;
position: relative;
padding-top: 50px;
padding-bottom: 30px;
}
.footer-pic {
max-width: 285px;
}
.main-footer-container.container-fluid {
padding-left: 0;
padding-right: 0;
}
.footer-menu-section {
overflow: hidden;
}
.footer-menu-section .footer-menu {
}
.footer-menu-section .working-hours {
border: 2px solid #40607a;
padding: 10px 0;
border-collapse: separate;
border-spacing: 0 6px;
width: 100%;
}
.working-hours th {
border: none;
padding: 0 20px;
border-radius: 3px 0 0 3px;
font-weight: 400;
line-height: 23px;
color: #c5d8eb;
font-size: 14px;
}
.working-hours td {
border-radius: 0 3px 3px 0;
text-align: right;
white-space: nowrap;
padding: 0 20px;
color: #ffffff;
line-height: 23px;
font-size: 14px;
text-align: center;
}
.working-hours th.small {
font-size: 12px;
}
.hr-line {
border-bottom: 1px solid #40607a;
}
.working-hours th.important {
color: #00a5df;
}
.footer-menu-section p {
color: #999;
line-height: 1.3em;
font-size: 14px;
text-align: justify;
text-justify: distribute;
}
.footer-menu-section .Contactus {
color: #fff;
font-size: 24px;
overflow: hidden;
padding: 0 0 0 0;
margin-bottom: 20px;
font-weight: 700;
}
.footer-menu-section .Contactus span {
display: block;
}
.footer-menu-section .Contactus::after {
/*margin-top: .5em;
width: 20px;
margin-bottom: 0;
float: left;
border:1px solid #6eaa00;
content: "";*/
}
.footer-menu-section .footer-menu {
list-style-type: none;
overflow: hidden;
margin-right: 0;
margin-left: 0;
padding-right: 10px;
padding-left: 10px;
}
.footer-menu-section .footer-menu li {
white-space: normal;
padding: 0.3em;
/*border-bottom: 1px solid rgba(0,0,0,.2);*/
}
.footer-menu-section .footer-menu li a {
font-size: .9em;
transition: all 350ms ease;
}
.footer-menu-section .footer-menu li i {
color: #c5d8eb;
padding-right: 3px;
padding-left: 3px;
font-size: 14px;
width: 20px;
font-weight: 300;
display: inline-block;
vertical-align: top;
}
.footer-menu-section .footer-menu li span {
display: inline-block;
}
.footer-menu-section .footer-menu li span,
.footer-menu-section .footer-menu li a {
text-decoration: none;
color: #999;
white-space: normal;
font-size: 14px;
transition-delay: 0s;
transition-duration: 0.4s;
transition-property: all;
transition-timing-function: ease;
font-weight: 400;
display: block;
}
.footer-menu-section .footer-menu li a:hover {
text-decoration: none;
color: #6eaa00;
}
.footer-menu-section .footer-menu li a:hover i {
color: #6eaa00 ;
}
.dl-contact dt {
width: 30px;
text-align: center;
margin-bottom: 4px;
padding-top: 5px;
}
.dl-contact dd {
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 4px;
color: #999;
font-size: 13px;
}
.dl-contact dd a {
color: #999;
}
.dl-contact dt i {
font-size: 15px;
color: #6eaa00;
}
.dl-contact dt:hover i {
color: #4e4e4e;
}
.dl-horizontal dt {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.footer-social-block {
margin-left: 5px;
margin-right: 5px;
}
.footer-social {
display: table;
}
.footer-social .footer-title, .footer-social .social {
display: table-cell;
white-space: nowrap;
vertical-align: top;
font-weight: 800;
}
.footer-service-no {
font-size: 30px;
font-weight: 300;
}
.footer-service-no i {
margin-right: 10px;
color: #6eaa00;
}
/*************************/
.footer-contact {
}
.glow-shadow {
-webkit-filter: drop-shadow(0px 0px 1px rgba(255, 255, 255, 1));
filter: drop-shadow(0px 0px 1px rgba(255, 255, 255, 1));
}
.vat-container img {
max-height: 70px;
}
.footer-contact address {
color: #ededed;
}
.footer-contact i.fa {
width: 15px;
vertical-align: baseline;
}
.footer-contact a,
.footer-copyright a,
.poweredby a {
color: #ededed;
}
.footer-contact a:hover,
.footer-copyright a:hover,
.poweredby a:hover {
color: #ededed;
}
.footer-contact a:hover {
text-decoration:none;
}
.footer-title
{
line-height:25px;
vertical-align: top;
margin: 0;
}
.address-list div {
padding: 0 0 10px 0;
line-height: 22px;
}
.address-list div.arabic-font span{
letter-spacing: 0 !important;
}
.address-list .padding {
display: block;
}
.address-list time {
line-height: 22px;
}
.contact-form .address-list div {
padding-top: 7px;
padding-bottom: 7px;
}
.NewsLetterBlock {
overflow: hidden;
}
.NewsLetterBlock .input-group-addon {
border: 0;
background-color: transparent;
color: #58a9e8;
}
.NewsLetterBlock .form-control {
border: 1px solid #ffb400;
border-radius: 0;
}
.NewsLetterBlock .btn {
border-radius: 0;
background-color: #ffb400;
border: 1px solid #ffb400;
}
.NewsLetterBlock .Result {
color: #ededed;
}
/************* social icons ***************/
.footer-title, .footer-title a, .footer-title a:hover {
color: #fff;
}
.footer-social
{
overflow:hidden;
clear:both;
}
.footer-social ul.fa-social
{
list-style: none;
margin: 0;
padding: 0;
}
.footer-social .fa-social li {
display: inline-block;
margin: 0 7px;
}
.footer-social a
{
color: #6eaa00;
display: inline-block;
text-align: center;
transition-delay: 0s;
transition-duration: 0.2s;
transition-property: all;
transition-timing-function: ease;
font-size: 17px;
width: 40px;
height: 40px;
border: 1px solid #6eaa00;
line-height: 36px;
border-radius: 50%;
}
/*
.footer-social a.facebook {border:2px solid #45619d; color: #45619d;}
.footer-social a.twitter {border:2px solid #00acee; color: #00acee;}
.footer-social a.plus {border:2px solid #da4834; color: #da4834;}
.footer-social a.instagram {border:2px solid #983bf7; color: #983bf7;}
.footer-social a.rss {border:2px solid #eba832; color: #eba832;}
.footer-social a:hover {
color: white;
}
*/
.footer-social a.facebook:hover {color: #45619d;}
.footer-social a.twitter:hover {color: #00acee;}
.footer-social a.whatsapp:hover {color: #189d0e;}
.footer-social a.youtube-play:hover {color: #da4834;}
.footer-social a.instagram:hover {color: #983bf7;}
.footer-social a.rss:hover {color: #eba832;}
.footer-social a i
{
line-height: inherit;
font-size:24px;
}
/*******************************************/
@media (min-width: 768px) {
}
@media (min-width: 768px) and (max-width: 991px) {
.NewsLetterBlock .input-group-addon, .footer-social .footer-title {
letter-spacing: 0px;
font-size: 80%;
padding-right: 0;
padding-left: 0;
}
.main-footer-container {
min-height: 370px;
background-attachment: fixed;
background-size: cover;
}
}
@media (max-width: 767px) {
.main-footer-container {
min-height: 370px;
background-attachment: fixed;
background-size: cover;
}
.bottomfooter {
padding-top: 2px;
font-size: 12px;
color: silver;
}
.contact-form > h2 {
font-size: 22px;
}
.contact-form .address-list div {
padding-left: 1px;
padding-right: 1px;
}
.NewsLetterBlock .input-group-addon {
display: table-caption !important;
margin-bottom: 5px !important;
width: 100% !important;
}
.footer-social .footer-title, .footer-social .social {
display: block !important;
}
.footer-social a
{
margin: 0 4px 0 3px;
}
.sgs-block {
margin-top: 25px;
}
}
/************************************/
Label.error {
color: red;
padding-right: 2px;
}
Label.sucess {
color: #339900;
padding-right: 2px;
}
Label.block {
display: block;
padding: 4px;
background: #FFFFCC;
}
.title-icon {
float: right;
color: #fff;
font-size: 22px;
margin-top: 12px;
font-weight: normal;
}
.lang {
float: left;
margin: 10px 10px 0px 0px;
color: #c09a4f;
font: 16px/30px 'NeoSansArabic';
}
.lang:hover {
color: #c09a4f;
text-decoration: underline;
}
.fa-social a:hover {
color: #7e6f40;
}
.fa-search:before {
content: "\f002";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-facebook:before {
content: "\f39e";
}
.fa-instagram::before {
content: "\f16d";
}
.fa-twitter:before {
content: "\f099";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-rss:before {
content: "\f09e";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-play:before {
content: "\f04b";
}
.fa-youtube-play::before {
content: "\f167";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-map-marker::before, .fa-map-marker-alt::before {
content: "\f3c5";
}
.fa-mobile:before {
content: "\f10b";
}
.fa-mobile-alt:before {
content: "\f3cd";
}
.fa-print:before {
content: "\f02f";
}
.fa-phone:before {
content: "\f095";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-paper-plane::before {
content: "\f1d8";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-arrow-circle-up::before {
content: "\f0aa";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-user:before {
content: "\f007";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-users:before {
content: "\f0c0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-calendar-check-o:before {
content: "\f274";
}
.fa-trophy:before {
content: "\f091";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-long-arrow-alt-right:before {
content: "\f30b";
}
.fa-long-arrow-alt-left:before {
content: "\f30a";
}
.fa-home:before {
content: "\f015";
}
.fa-pencil:before {
content: "\f040";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-eye:before {
content: "\f06e";
}
.fa-file-invoice-dollar:before {
content: "\f571";
}
.fa-industry:before {
content: "\f275";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-university:before {
content: "\f19c";
}
.fa-user-tie:before {
content: "\f508";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-envira:before {
content: "\f299";
}
.fa-pagelines:before {
content: "\f18c";
}
/*********************************************/
/**************.Net Fixed********************/
.FBComments {
/*direction:ltr;
float:left;*/
overflow: hidden;
display: inline-block;
}
.BodyCell {
padding: 5px;
background-color: white;
background-image: none;
font-size: 15px;
}
.HeaderCell {
margin-bottom: 30px;
text-align: center;
font-size: 34px;
}
.HeaderCell, .HeaderCell a {
color: #6eaa00;
font-family: 'Dancing Script', cursive;
}
.HeaderCell a:hover {
color: #5fa435;
}
#LikeBox {
width: 90px;
float: left;
}
.ShareBox {
width: 300px;
float: left;
}
.ShareBox iframe {
border: none;
margin: 0 2px;
float: left;
}
.ShareBox .Facebook {
background: url(../social/share.png) no-repeat 0 0;
width: 60px;
height: 20px;
display: inline-block;
border: 0;
margin-left: 0px;
margin-right: 1px;
float: left;
}
.ShareBox .Twitter {
background: url(../social/share.png) no-repeat -60px 0;
width: 55px;
height: 20px;
display: inline-block;
border: 0;
margin-left: 0px;
margin-right: 1px;
float: left;
}
/*#########################################################################*/
/***************************************************************************/
/***************************************************************************/
.Our-Team {
background: url(../piclib/team.jpg) no-repeat center 0;
display: block;
overflow: hidden;
max-width: 650px;
color: White;
margin-right: auto;
margin-left: auto;
clear: both;
margin-bottom: 20px;
}
@media (max-width: 579px) {
.Our-Team {
background-size: contain;
padding-top: 60%;
}
.table.img-compact td img {
max-width: 100px !important;
height: auto !important;
}
}
@media (min-width: 768px) {
.Our-Team {
min-height: 410px;
}
}
.Our-Team .Team-Text {
background: url(../aboutbg.png);
margin: 20px;
padding: 10px;
}
.Our-Team .Team-Text h4 {
font-weight: bold;
text-align: center;
}
.SubHeader {
background-color: #d8d8d8;
border-bottom: 2px solid white;
box-shadow: 0 2px 0px #c00000;
color: #365f91;
padding: 5px;
margin-top: 0;
font-size: 16px;
display: block;
overflow: hidden;
margin-bottom: 15px;
}
.white-space-normal .btn {
white-space: normal;
}
/*******************************************************/
/************* contact page **************/
.contact-tel-block .padding {
margin-right: 15px !important;
margin-left: 15px !important;
}
.address-list .tel-dir {
direction: ltr;
display: inline-block;
text-align: right;
}
.contact-social div.social {
text-align: center;
margin-right: auto;
margin-left: auto;
}
.contact-social div.social a {
display: inline-block;
text-align: center;
padding: 10px;
}
.contact-social div.social a i{
font-size: 28px;
color: silver;
}
.contact-social div.social a:hover i{
color:#6eaa00
}
.gallery-section {
background-color: white;
}
.gallery-header-column {
background-color: #fff;
justify-content: center;
border: 1px solid #eee;
}
.gallery-header-block {
display: flex;
/*min-height: 325px;*/
}
.gallery-header-container {
/*display: flex;
-webkit-flex-flow: column nowrap;*/
display: flex;
-webkit-flex-flow: column nowrap;
justify-content: center;
}
.gallery-header-inner {
padding-left: 25px;
padding-right: 25px;
justify-content: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gallery-header-inner h2 {
line-height: 40px;
margin-top: 0;
}
.gallery-header-inner h4 {
text-align: center;
margin-top: 25px;
}
.gallery-header-block .title {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
padding-left: 20px;
padding-right: 20px;
}
.gallery-section .title-under h3 {
text-transform: uppercase;
font-size: 30px;
font-weight: 700;
color: #272727;
}
@media (min-width: 768px) {
.gallery-header-inner span {
flex-basis: 30%;
max-width: 30%;
justify-content: flex-start;
}
.gallery-header-inner .title {
flex-basis: 70%;
max-width: 70%;
}
.gallery-header-block {
background-color: #fff;
margin-left: 5px;
}
.cover-album.margin {
margin-left: 5px;
}
}
@media (max-width: 767px) {
.gallery-header-inner span {
margin-top: 25px;
margin-bottom: 30px;
}
.gallery-header-inner span img {
max-width: 195px;
}
.gallery-header-block .title {
padding-left: 0;
padding-right: 0;
}
.gallery-header-inner h2 {
line-height: 38px;
font-size: 27px;
text-align: center;
}
.gallery-header-inner h4 {
margin-top: 15px;
margin-bottom: 20px;
}
}
/**** new design ****/
.overlay-outer-lg {
position: relative;
min-height: 325px;
}
.overlay-outer > img {
width: 100%;
}
.cover-album {
overflow: hidden;
background-repeat: no-repeat !important;
background-position: center !important;
-webkit-transition: all 800ms ease-in-out;
-moz-transition: all 800ms ease-in-out;
transition: all 800ms ease-in-out;
}
@media (min-width: 1300px) {
.overlay-outer {
position: relative;
min-height: 250px;
}
.cover-album {
background-size: 100% !important;
}
.cover-album:hover {
background-size: 128% !important;
}
.cover-album.lg {
background-size: 100% !important;
}
.cover-album.lg:hover {
background-size: 105% !important;
}
}
@media (max-width: 1299px) {
.overlay-outer {
position: relative;
min-height: 220px;
}
.cover-album {
background-size: cover !important;
/*background-size: 100% !important;*/
}
.cover-album:hover {
/*background-size: 105% !important;*/
}
}
.pckItem-over {
position: absolute;
left: 0;
width: 100%;
height: 100%;
/*background: rgba(12,172,238,0.90) !important;*/
top: 0;
text-align: center;
color: #fff;
opacity: 1;
}
.pckItem-over-in {
position: absolute;
left: 0;
width: 100%;
padding: 0 20px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
transition: transform 1000ms cubic-bezier(.190,1,.220,1),opacity 1000ms cubic-bezier(.190,1,.220,1);
}
.pckItem-over h6 {
font-size: 18px;
color: #fff;
font-weight: 700;
margin: 6px 0;
line-height: 26px;
letter-spacing: 2px;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.8);
}
.pckItem-over i {
font-weight: 400;
font-size: 13px;
color: #fff;
margin-bottom: 20px;
background-color: rgba(0, 0, 0, 0.7);
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50%;
text-align: center;
}
.g-zoom {
display: inline-block;
width: 50px;
height: 50px;
background: #121212;
border-radius: 100%;
text-align: center;
line-height: 50px;
}
.overlay-bg {
transition: all .3s ease-in-out;
z-index: 1;
transform: scale(0.85);
padding: 10px;
}
.cover-album::before {
position: absolute;
content: "";
display: block;
background: rgba(24,24,24,.5);
top: -1px;
bottom: -1px;
left: -1px;
right: -1px;
z-index: 1;
opacity: 0;
pointer-events: none;
-webkit-transition: 300ms ease all;
-moz-transition: 300ms ease all;
transition: 300ms ease all;
}
.cover-album:hover::before {
opacity: .5;
}
.cover-album:hover .overlay-bg {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
/*********** Static Pages ********************/
.about-block {
padding-top: 4em;
padding-bottom: 2em;
}
.about-brief.flex-column {
justify-content: center;
}
.about-brief h2 {
color: #6eaa00;
font-size: 30px;
margin-bottom: 1.5em;
}
.about-brief p {
line-height: 2;
font-size: 18px;
}
.card-shape {
overflow: hidden;
-webkit-transition: all 650ms ease-in-out;
-moz-transition: all 650ms ease-in-out;
transition: all 650ms ease-in-out;
border: 1px solid #e6e6e6;
margin-bottom: 30px;
}
.card-shape:hover {
-webkit-box-shadow: 0 20px 20px -10px rgba(0,0,0,.2);
box-shadow: 0 20px 20px -10px rgba(0,0,0,.2);
}
.card-shape a {
color: #6eaa00;
}
.card-shape-inner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0.2em;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.card-shape-inner .card-image {
overflow: hidden;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
}
.card-shape-inner .card-image span {
display: block;
text-align: center;
}
.card-shape-inner .card-image span > img {
-webkit-transition: all 650ms ease-in-out;
-moz-transition: all 650ms ease-in-out;
transition: all 650ms ease-in-out;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
transform: none !important;
text-align: center;
}
.card-shape-inner .card-image span > img {
-webkit-transform: scale3d(1,1,1);
-moz-transform: scale3d(1,1,1);
-ms-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
.card-shape > a:hover .card-image span > img {
transform: scale3d(1.1,1.1,1.1) !important;
}
.card-content {
display: block;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
padding: 1.3em 1.2em 0.2em 1.2em;
float: left;
width: 100%;
}
.card-content .card-title {
color: #4e4e4e;
transition: all 300ms ease;
font-weight: 400;
font-size: 20px;
text-align: center;
line-height: 30px;
}
.card-shape > a:hover .card-title {
color: #6eaa00;
}
/******* our products ***********/
#products .title {
font-family: 'Dancing Script', cursive;
text-align: center;
letter-spacing: 1px;
margin: 0 0 20px;
text-transform: capitalize;
font-weight: 400;
font-size: 44px;
line-height: 50px;
color: #619b00;
}
#products .brief {
font-size: 15px;
color: #777777;
line-height: 1.6;
}
/********** Services block **************/
.services-container {
padding-top: 4em;
padding-bottom: 14em;
position: relative;
background: url('../services-bg.jpg') no-repeat center center;
background-attachment: fixed;
background-size: cover;
margin-bottom: 180px;
}
.tt-subtitle {
font-weight: 400;
font-size: 48px;
line-height:56px;
text-align: center;
color: #619b00;
}
.tt-title {
text-align: center;
color: #464646;
letter-spacing: 1px;
display: inline-block;
float: none;
vertical-align: top;
padding: 0 0 45px;
margin: 0 0 20px;
position: relative;
text-transform: capitalize;
width: 100%;
z-index: 1;
}
.tt-title::after {
background: url('../separator.png') no-repeat scroll center bottom;
bottom: 0;
content: "";
height: 100%;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: auto;
}
.ttcmsservices .service {
position: relative;
cursor: pointer;
}
.services-content .service .service-bg-img {
position: absolute;
content: "";
left: 0;
right: 0;
margin: 0 auto;
height: 150px;
width: 150px;
background-size: contain;
}
.services-content .service .service-bg-img img {
display: block;
width: 150px;
height: 150px;
}
.services-content .service-img {
width: 100%;
text-align: center;
}
.services-content .service .service-img img {
z-index: 1;
position: relative;
margin: 40px 0;
float: none;
display: inline-block;
vertical-align: top;
transition: all .5s ease;
width: 60px;
height: 60px;
}
.services-content .service:hover .service-img img {
transform: rotateY(180deg);
}
.services-content .service-content {
margin: 25px 0 0;
text-align: center;
}
.services-title {
color: #111111;
text-transform: capitalize;
cursor: pointer;
font-size: 22px;
line-height: 26px;
font-weight: 500;
transition: all .5s ease;
}
.service:hover .services-title {
color: #7fb641;
}
.service-content .service-desc {
font-size: 14px;
line-height: 24px;
font-weight: 400;
padding: 10px 0;
color: #666666;
}
.services-container:hover::after {
bottom: -23%;
}
.services-container::after {
background: url('../service-bg-img.png') no-repeat center bottom/contain;
content: "";
position: absolute;
float: left;
width: 100%;
top: auto;
bottom: -26%;
left: 0;
right: 0;
margin: auto;
height: 400px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
@media (max-width: 991px) {
.services-container:hover::after {
bottom: -14%;
}
.services-container::after {
background: url('../service-bg-img.png') no-repeat center bottom/contain;
content: "";
position: absolute;
float: left;
width: 100%;
top: auto;
bottom: -12%;
left: 0;
right: 0;
margin: auto;
height: 300px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.services-container {
padding-bottom: 12em;
margin-bottom: 160px;
}
.whyus-img {
max-width: 300px;
max-height: 300px;
}
}
@media (max-width: 767px) {
.services-container:hover::after {
bottom: -9%;
}
.services-container::after {
background: url('../service-bg-img.png') no-repeat center bottom/contain;
content: "";
position: absolute;
float: left;
width: 100%;
top: auto;
bottom: -8%;
left: 0;
right: 0;
margin: auto;
height: 300px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.services-container {
padding-bottom: 12em;
margin-bottom: 160px;
}
.whyus-img {
max-width: 300px;
max-height: 300px;
}
}
.whyus-content {
display: flex;
margin-bottom: 25px;
margin-top: 15px;
}
.whyus-content i {
width: 50px;
height: 50px;
line-height: 49px;
background-color: #6eaa00;
color: #fff;
font-size: 19px;
text-align: center;
margin-right: 15px;
margin-left: 0;
border-radius: 50%;
display: block;
min-width: 50px;
}
.whyus-content .whyus-title {
color: #619b00;
text-transform: capitalize;
cursor: pointer;
font-size: 29px;
line-height: 26px;
font-weight: 500;
transition: all .5s ease;
font-family: 'Dancing Script', cursive;
}
.whyus-desc {
color: #666;
font-size: 14px;
margin-top: 10px;
}
/***************************************/
.contact-rectangle {
color: #ffffff;
background-color: #6eaa00;
border-radius: 4px;
margin-top: 3em;
}
.contact-img {
background-image: url('../contactimage.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.bottom-spacing {
margin-bottom: 4em;
}
.contact-area {
padding-left: 45px;
padding-right: 45px;
}
.contact-rectangle .btn-default-inverse-lg {
font-weight: 600;
}
.contact-rectangle .btn-default-inverse-lg i {
font-size: 20px;
margin-right: 10px;
}
/****************************/
.text-paragraph {
text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.certificates a {
display: block;
position: relative;
margin-bottom: 20px;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.35);
transition: all .5s;
cursor: pointer;
text-align: center;
height: 250px;
border-radius: 7px;
}
.fancybox-image {
border-radius: 0;
}
.certificates a img {
height: 250px;
margin-left: auto;
margin-right: auto;
}
.certificates a span {
display: block;
overflow: hidden;
text-align: center;
font-size: 14px;
height: 30px;
line-height: 30px;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
position: absolute;
bottom: 0;
left: 0;
background-color: rgba(27, 65, 122, 0.5);
color: white;
width: 100%;
transition: 0.3s ease-in-out;
}
.certificates a:hover span {
background-color: rgba(27, 65, 122, 0.7);
}
.fancybox-caption {
text-align: center;
}
/**********************************/
.nice-box {
box-shadow: 0 0 7px rgba(0,0,0,0.7);
border-radius: 10px;
overflow: hidden;
}
.nice-box .image-section img {
margin-top: 40px;
box-shadow: 0 0 2px rgba(0,0,0,0.3);
border-radius: 5px;
margin-right: auto;
margin-left: auto;
}
.text-section .address-list {
font-size: 15px;
}
.text-section .address-list i {
width: 15px;
text-align: center;
}
.text-section .address-list .padding {
margin-right: 20px;
margin-left: 20px;
}
/********* contact ****************/
.nav-tabs.nav-justified {
border: initial;
}
.Contact-page .nav-tabs.nav-justified {
padding-right: 0;
}
.tabs-custom > .nav-tabs.nav-justified > .active > a, .tabs-custom > .nav-tabs.nav-justified > .active > a:hover {
border: none;
}
.tabs-custom > ul.nav-tabs.nav-justified {
border-bottom: 1px solid #d7d7d7;
}
.Contact-page li.nav-item .nav-link {
border: none;
font-size: 14px;
padding: 0 5px 5px 5px;
text-transform: capitalize;
white-space: normal;
color: #555;
background-color: transparent !important;
}
.Contact-page li.nav-item > .nav-link {
font-weight: 600;
}
.Contact-page li.nav-item .nav-link > span {
font-size: 90%;
text-transform: uppercase;
display: block;
text-align: center;
letter-spacing: 0px !important;
font-weight: 400 !important;
}
.Contact-page li.nav-item.active .nav-link {
color: #6eaa00;
}
.Contact-page li.nav-item {
margin-bottom: -1px;
display: inline-block;
width: 32% !important;
float: none;
border: 0;
cursor: pointer;
transition: .33s all ease;
}
.Contact-page li.nav-item .nav-link:hover, .Contact-page li.nav-item .nav-link:focus {
background-color: transparent;
}
.Contact-page li.nav-item::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
height: 1px;
width: 0;
background: #6eaa00;
transition: .22s ease;
}
.Contact-page li.nav-item.active::after {
width: 100%;
}
.Contact-page .address-list > div.english-font {
display: table;
}
.Contact-page .address-list i.fa, .Contact-page .address-list i.fas,
.Contact-page .address-list i.fab, .Contact-page .address-list i.far {
width: 35px;
line-height: 1;
padding-right: 0;
padding-left: 0;
font-size: 18px;
color: #6eaa00;
vertical-align: top;
}
.Contact-page .address-list i.fa, .Contact-page .address-list i.fa + span,
.Contact-page .address-list i.fas, .Contact-page .address-list i.fas + span,
.Contact-page .address-list i.far, .Contact-page .address-list i.far + span,
.Contact-page .address-list i.fab, .Contact-page .address-list i.fab + span {
display: table-cell;
/*text-align: left;*/
letter-spacing: 1px;
}
.Contact-page address.address-list {
font-size: 14px;
color: #29293a;
}
.Contact-page .openingHours a {
font-weight: normal;
}
.Contact-page .tab-content {
margin-top: 25px;
overflow: hidden;
}
.dl-email-block {
font-size: 14px;
margin-left: 70px;
}
.dl-email-block dt{
font-weight: lighter;
}
.dl-email-block dd{
margin-bottom: 10px;
}
.Contact-page h4 {
color: #6eaa00;
line-height: 49px;
text-align: center;
margin-bottom: 20px;
}
.Contact-page h4 i.fa, .Contact-page h4 i.far, .Contact-page h4 i.fas {
width: 20px;
text-align: center;
line-height: 49px;
height: 50px;
width: 50px;
border: 1px solid #6eaa00;
border-radius: 50%;
margin-right: 15px;
margin-left: 15px;
font-size: 20px;
color: #6eaa00;
vertical-align: top;
text-indent: 6px;
}
/***********/
.custom-form-block {
background: #fff;
border-radius: 7px;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
padding-top: 10px;
}
/***********************************************/
.custom-box-shadow {
box-shadow: 0px 0px 50px rgba(0, 1, 1, 0.11);
}
.ts-columns-flexbox {
margin-top: 60px;
box-sizing: border-box;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ts-column-flex {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: flex;
}
.ts-column-inner {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 40px;
padding-right: 30px;
padding-bottom: 40px;
padding-left: 30px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.ts-column-inner:hover {
box-shadow: 0px 0px 30px rgba(5,6,6,0.08);
}
.ts-img {
display: inline-block;
vertical-align: top;
max-width: 100%;
}
.ts-column-inner h3 {
font-size: 20px;
color: #161616;
line-height: 30px;
padding-top: 23px;
padding-bottom: 15px;
font-weight: 700;
margin: 0;
}
.ts-column-inner p {
color: #131313;
font-size: 15px;
line-height: 26px;
text-align: justify;
text-justify: distribute;
}
/**** mission vision area ***********/
.mv-section {
margin-top: 60px;
}
.mv-right-section {
min-height: 450px;
background-image: url('../statement-right.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.mv-left-section {
min-height: 450px;
padding-top: 0px;
background-image: url('../statement-left.jpg');
background-position: right center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.mv-left-section > .mv-row {
padding-right: 50px;
padding-left: 50px;
}
.mv-column-inner {
padding-top: 70px;
padding-bottom: 40px;
}
.mv-icon i {
border-radius: 50px;
color: #fff;
display: inline-block;
height: 80px;
padding: 29px 0;
text-align: center;
width: 80px;
background-color: #26507a;
font-size: 22px;
line-height: 22px;
}
.mv-section h3 {
margin-top: 0;
margin-bottom: 0;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
transition: 0.4s color, 0.4s background-color;
color: #000000;
}
.mv-section h3:hover {
color: #00A5DF;
}
.mv-section p {
text-align: justify;
text-justify: distribute;
text-align-last: start;
line-height: 24px;
}
/******* srvices section **********/
.srv-column-inner {
padding-top: 10px;
padding-bottom: 10px;
}
.srv-icon i {
border-radius: 50px;
color: #fff;
display: inline-block;
height: 80px;
padding: 0;
line-height: 79px;
text-indent: 6px;
text-align: center;
width: 80px;
background-color: #26507a;
font-size: 22px;
}
.srv-column-inner h3 {
margin-top: 0;
margin-bottom: 0;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
transition: 0.4s color, 0.4s background-color;
color: #000000;
font-size: 17px;
}
.srv-column-inner h3:hover {
color: #00A5DF;
}
.srv-column-inner p {
text-align: justify;
text-justify: distribute;
text-align-last: center;
line-height: 24px;
font-size: 14px;
}
/************ About Page *************/
.about-block-container {
padding: 30px 15px;
background-color: #f9f9f9;
border: 1px solid #f0f0f0;
}
.text-container {
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 992px) {
.zero-top-margin {
margin-top: 0;
padding-top: 0;
}
.text-container.extra-padding {
padding-top: 30px;
padding-left: 30px;
}
}
.about-block-container figure {
display: inline-block;
vertical-align: top;
margin: 0;
max-width: 100%;
}
.about-block-container figure img {
height: auto;
max-width: 100%;
vertical-align: top;
}
.about-block-container h4 {
font-size: 20px;
line-height: 26px;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}
.about-block-container p {
line-height: 21px;
text-align: justify;
text-justify: distribute;
text-align-last: center;
height: 147px;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
ul.dot {
padding: 10px 0px 0px 0px;
font-size: 14px;
color: #7c7c7c;
list-style: none;
list-style-position: inside;
}
ul.dot li::before {
font-family: 'Poppins', sans-serif;
content: "\2022";
color: #6eaa00;
font-weight: bold;
display: inline-block;
width: 0.75em;
font-size: 28px;
vertical-align: top;
line-height: 23px;
}
.wide-gray-block {
background-color: #fcfcfc;
margin-bottom: 30px;
}
.quote-title {
position: relative;
padding-left: 21px;
content: "";
border-left: 4px solid #6eaa00;
font-size: 20px;
}
.wide-gray-block h5 {
line-height: 25px;
}
/********* Services pages IT, furniture, industrial ********/
.material-design-elevation {
box-shadow: 0px 0px 0px rgba(5,6,6,0.08);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
border: 1px solid #e6e6e6;
}
.material-design-elevation:hover {
box-shadow: 0px 0px 30px rgba(5,6,6,0.08);
}
.panel-special .panel-title, .panel-special .panel-title > a {
font-weight: 700 !important;
line-height: 30px !important;
}
.project-block-text {
overflow: hidden;
}
.service-block-text p, .project-block-text p {
text-align: justify;
text-justify: distribute;
text-align-last: start;
}
figure.bubble_figure {
text-align: center;
}
figure.bubble_figure img {
max-height: 350px;
margin-left: auto;
margin-right: auto;
}
.service-block-container {
padding: 30px 15px;
box-shadow: 0px 0px 0px rgba(5,6,6,0.08);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
border: 1px solid #e6e6e6;
}
.service-block-container:hover {
box-shadow: 0px 0px 50px rgba(5,6,6,0.08);
}
.service-block-container h4 {
font-size: 20px;
line-height: 26px;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
color: #448301;
}
.service-block-container p {
line-height: 21px;
text-align: justify;
text-justify: distribute;
text-align-last: center;
height: 168px;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.service-gray-block {
background-color: #f4f5f6 !important;
padding: 30px 20px 30px 20px;
}
.col-sm-height .service-gray-block {
height: 100%;
width: 100%;
display: table;
}
.service-gray-block .service-gray-inner {
margin-bottom: 0;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 75px;
background: url('../piclib/service-icon.png') no-repeat 0 0;
}
.service-gray-block .supplier-gray-inner {
margin-bottom: 0;
padding-top: 6px;
padding-bottom: 6px;
background-image: url('../piclib/supplier-icon.png');
background-repeat: no-repeat;
}
.service-gray-block ul.dot {
overflow: hidden;
}
.service-gray-block h2 {
font-size: 28px;
line-height: 27px;
}
.service-gray-block li a:hover {
color: #6eaa00;
}
/********** Project pages ****************/
.project-subpage .ss_figure img {
margin-right: auto;
margin-left: auto;
max-height: 500px;
}
.dl-accordion dt {
text-align: left;
margin-bottom: 5px;
}
.dl-accordion dd {
text-align: justify;
text-justify: distribute;
margin-bottom: 5px;
}
/*********************************************/
/**** custom pages ***************/
.highlight-blog {
background-color: #fff;
text-align: center;
position: relative;
box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.12);
transition: 0.3s ease-in-out;
padding: 30px;
height: 100%;
display: block;
}
.highlight-blog:hover {
box-shadow: 0 5px 30px 10px rgba(0, 0, 0, 0.2);
}
.highlight-up {
}
.highlight-up img {
right: 0;
}
.highlight-up img {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.highlight-up strong, .highlight-up b {
color: #6eaa00;
display: block;
font-size: 30px;
font-weight: 900;
margin-top: 15px;
margin-bottom: 15px;
line-height: 40px;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
text-align: center;
}
.hr {
border-top: 1px solid #6eaa00;
width: 30%;
}
.highlight-up span.brief {
font-size: 18px;
color: #6eaa00;
display: block;
letter-spacing: 3px;
text-align: left;
}
.highlight-up span.icon {
color: #6eaa00;
display: block;
font-size: 17px;
width: 70px;
height: 70px;
border: 1px solid #6eaa00;
line-height: 68px;
border-radius: 50%;
margin: 0 auto;
}
.highlight-up span.icon i {
color: #6eaa00;
font-size: 26px;
}
.highlight-link {
display: block;
color: #6eaa00;
letter-spacing: 2px;
}
/*************************/
#IntroModal .modal-content {
background-color: #f4f6f9;
}
#IntroModal .modal-title {
text-align: center;
font-size: 24px;
color: #000;
letter-spacing: 2px;
text-transform: uppercase;
}
.boxer-attend {
position: relative;
transition: all .5s;
background-color: #fff;
box-shadow: 0 0 10px 0 rgba(41,61,88,.1);
}
.boxer-attend:hover {
box-shadow: 0 10px 20px -15px #000;
}
.boxer-attend-img {
position: relative;
overflow: hidden;
}
.boxer-attend-img > a > img {
border-radius: 2px;
transition: 0.8s ease-in-out;
}
.boxer-attend-info {
padding-bottom: 0;
min-height: 167px;
overflow: hidden;
}
.boxer-attend-info h4 {
color: #404040;
font-size: 19px;
font-weight: 600;
text-align: center;
transition: 0.3s ease-in-out;
line-height: 24px;
height: 50px;
letter-spacing: 0.5px;
text-transform: uppercase;
margin-bottom: 0;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
}
.boxer-attend-info p {
text-align: justify;
text-justify: distribute;
text-align-last: left;
font-weight: 300;
font-size: 14px;
line-height: 25px;
color: #666d81;
padding-left: 15px;
padding-right: 15px;
font-size: 16px;
height: 50px;
}
/************** New category product section 20-1-2024 ********/
.line-clamp-3 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.gallery-block {
background-color: #f0f5eb;
padding-top: 2em;
padding-bottom: 2em;
}
.service-block-style3 {
position: relative;
z-index: 1;
margin: 15px;
}
.service-block-style3 .inner-box {
position: relative;
transition: all 0.4s ease;
display: block;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);
}
.service-block-style3 .inner-box:hover {
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}
.service-block-style3 .inner-box .image {
position: relative;
}
/*
.service-featured-img {
overflow: hidden;
}
.service-featured-img img {
height: auto;
max-width: 100%;
border: none;
border-radius: 0;
box-shadow: none;
transition: 1s ease;
}
.service-block-style2 .inner-box:hover img {
transform: scale(1.1);
}
*/
.service-block-style3 .inner-box .content-box {
position: relative;
}
.service-block-style3 .inner-box .content-box .inner {
position: relative;
display: inline-block;
padding: 20px 15px 20px 15px;
background-color: #fff;
}
.service-block-style3 .inner-box .content-box .service-title {
font-size: 19px;
position: relative;
margin-top: 0;
margin-bottom: 10px;
z-index: 2;
height: 50px;
line-height: 25px;
overflow: hidden;
transition: 0.3s ease-in-out;
}
.service-block-style3 .inner-box:hover .content-box .service-title {
color: #619b00;
}
.post-single-meta {
position: absolute;
left: 30px;
bottom: -26px;
z-index: 1;
}
.post-single-meta span {
display: inline-block;
text-align: center;
background-color: #e9ebee;
font-size: 12px;
text-transform: uppercase;
}
.post-single-meta span.day {
font-size: 30px;
font-weight: 500;
color: #fff;
line-height: 2.2;
display: block;
background-color: #0099dd;
margin-bottom: -6px;
}
/**************************************************************************/
@media (min-width: 1200px) {
.service-gray-block ul.dot.split li {
/*width: 49%;
padding-right: 0.5%;
float: left;*/
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.dl-email-block {
margin-left: 110px;
}
.ts-column-inner h3 {
font-size: 17px;
white-space: nowrap;
}
/*** mission vision block ************/
.mv-left-section, .mv-right-section {
min-height: 550px;
}
.mv-left-section > .mv-row {
padding-right: 25px;
padding-left: 25px;
}
.mv-column-inner {
padding-top: 25px;
padding-bottom: 10px;
}
/*************************/
.footer-menu-section .Contactus {
margin-bottom: 23px;
}
.footer-social-block {
margin: 0;
}
.working-hours th {
padding: 0 22px;
}
.working-hours td {
padding: 0 22px;
}
.gallery-header-block .title {
padding-left: 0;
padding-right: 0;
}
.gallery-header-block .title h2 {
font-size: 26px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.boxer-attend-info h4 {
height: auto;
}
.album-home .album-title {
line-height: 25px;
height: 100px;
}
.ts-column-inner {
border-bottom: 1px solid #eaeaea;
}
.project-subpage .ss_figure img {
max-height: 300px;
}
.service-gray-block .row .col-md-6:last-child {
overflow: hidden;
}
.gallery-header-block .title {
padding-left: 0;
padding-right: 0;
font-size: 26px;
}
.gallery-header-block .title h2 {
font-size: 24px;
}
}
@media (max-width: 767px) {
#IntroModal .modal-dialog {
margin: 20px;
}
.boxer-attend-info {
min-height: auto;
}
.boxer-attend-info h4 {
color: #404040;
font-size: 15px;
font-weight: 500;
text-align: center;
transition: 0.3s ease-in-out;
line-height: 24px;
height: auto;
margin-bottom: 5px;
letter-spacing: -0.5px;
text-transform: uppercase;
margin-bottom: 0;
display: block;
padding-left: 10px;
padding-right: 10px;
}
.boxer-attend-info p {
text-align: left;
text-align-last: left;
font-weight: 300;
line-height: 22px;
color: #666d81;
padding-left: 0;
padding-right: 0;
font-size: 14px;
height: auto;
padding-left: 10px;
padding-right: 10px;
}
.overlay-bg {
transform: scale(1);
}
.card-content {
padding-top: 0;
}
.about-brief h2 {
font-size: 32px;
text-align: center;
}
.about-brief p {
line-height: 2;
font-size: 15px;
}
.Service-title {
padding-left: 0;
padding-right: 0;
}
.Service-title h2 {
text-align: center;
}
.contact-rectangle {
padding: 50px;
text-align: center;
}
.bottom-spacing {
margin-bottom: 1em !important;
}
.contact-img {
min-height: 300px;
}
.contact-rectangle .contact-area {
text-align: center;
padding-left: 0;
padding-right: 0;
}
.contact-rectangle .contact-area h2 {
font-size: 32px;
margin-bottom: 15px;
}
.ts-column-inner {
border-bottom: 1px solid #eaeaea;
}
.footer-social-block {
margin: 0;
}
.service-gray-block .service-gray-inner .accordion.panel-group,
.service-gray-block .supplier-gray-inner .accordion.panel-group,
.supplier-gray-inner ul.dot.split {
margin-top: 15px;
clear: both;
}
.service-gray-block h2 {
font-size: 22px;
}
.service-block-container p {
height: auto;
}
.text-section .address-list {
font-size: 14px;
}
.dl-email-block {
margin-left: 30px;
}
.Contact-page li.nav-item .nav-link {
font-size: 12px;
font-weight: bold;
}
.home-top-service > .container {
padding-right: 0 !important;
padding-left: 0 !important;
}
.dl-accordion dd {
display: block;
clear: both;
margin-left: 10px;
}
.project-accordion .panel-special .panel-title, .project-accordion .panel-special h4.panel-title > a,
.project-accordion .panel-special h4.panel-title > a:hover, .project-accordion .panel-special h4.panel-title > a:focus {
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: 0;
}
.project-accordion .row.no-gutters > div {
padding-right: 1px;
padding-left: 1px;
}
}/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
/*
* Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
/*
* Default theme - Owl Carousel CSS File
*/
.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
background: #869791;
color: #FFF;
text-decoration: none;
}
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 10px;
}
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 5px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #6eaa00;
}
/************ Custom by john ***************/
.owl-carousel .owl-thumbnail {
overflow: hidden;
text-align: center;
margin-right: auto;
margin-left: auto;
}
.owl-carousel .owl-thumbnail img {
/*height: 100px;*/
width: auto !important;
margin-right: auto;
margin-left: auto;
/*max-width: 150px;*/
}
.owl-carousel .caption h4 {
line-height: 1.3;
}
.owl-theme .owl-nav {
}
.owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next {
position: absolute;
top: 50%;
transform: translateY(-100%);
background-color: transparent;
font-size: 1px;
color: transparent;
}
/*
.owl-theme .owl-nav .owl-prev {
left: -40px;
}
.owl-theme .owl-nav .owl-next {
right: -40px;
}
*/
.owl-theme .owl-nav .owl-prev::before {
content: "\f053";
margin-right:5px;
}
.owl-theme .owl-nav .owl-next::before {
content: "\f054";
margin-right:5px;
}
.owl-theme .owl-nav .owl-prev:hover, .owl-theme .owl-nav .owl-next:hover {
background-color: transparent;
}
.owl-theme .owl-nav .owl-prev:before, .owl-theme .owl-nav .owl-next:before {
font: normal normal normal 40px/1 'Font Awesome 5 Solid';
color: #000;
}
.owl-theme .owl-nav .owl-prev:hover:before, .owl-theme .owl-nav .owl-next:hover:before {
color: #25aa3b;
}
/*.owl-theme .owl-nav .owl-prev {
right: -50px;
}
.owl-theme .owl-nav .owl-next {
left: -50px;
}*/
@media (min-width: 1200px) {
.owl-carousel .caption {
height: 250px;
overflow: hidden;
}
.owl-carousel .caption h4 {
height: 70px;
overflow: hidden;
}
.owl-carousel .caption p.brief {
height: 95px;
overflow: hidden;
}
}
@media (min-width:992px ) and (max-width: 1199px) {
.owl-carousel .caption {
height: 250px;
overflow: hidden;
}
.owl-carousel .caption h4 {
height: 70px;
overflow: hidden;
}
.owl-carousel .caption p.brief {
height: 95px;
overflow: hidden;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.owl-carousel .caption {
height: 250px;
overflow: hidden;
}
.owl-carousel .caption h4 {
height: 70px;
overflow: hidden;
}
.owl-carousel .caption p.brief {
height: 95px;
overflow: hidden;
}
}
@media (max-width: 767px) {
.owl-carousel .caption {
height: 200px;
overflow: hidden;
}
.owl-carousel .caption h4 {
height: 45px;
overflow: hidden;
}
.owl-carousel .caption p.brief {
height: 70px;
overflow: hidden;
}
.owl-carousel .owl-nav {
/*display: none;*/
}
.owl-carousel .owl-thumbnail img {
/*height: 80px;*/
}
}@charset "UTF-8";
/*!
* animate.css -http://daneden.me/animate
* Version - 3.5.2
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2017 Daniel Eden
*/
.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp}
@keyframes fadeInUpSmall {
0% {
opacity: 0;
transform: translate3d(0, 10px, 0)
}
to {
opacity: 1;
transform: none
}
}
.fadeInUpSmall {
animation-name: fadeInUpSmall;
animation-duration: 0.3s !important;
}
@keyframes fadeOutDownSmall {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, 10px, 0)
}
}
.fadeOutDownSmall {
animation-name: fadeOutDownSmall;
animation-duration: 0.3s !important;
}
/******************************************************/
.inject-animation { opacity: 0; }
.AnimateOnLoad.is-hidden { opacity: 0; }
.carousel-inner .item:not(.active) .caption-animation,
.carousel-inner .item:not(.active) .carousel-caption2
.carousel-inner .item.next .caption-animation {
opacity: 0 !important;
}
.carousel-inner .item.active .caption-animation, .carousel-inner .item.active .AnimateOnLoad, .AnimateOnLoadLeft, .AnimateOnLoadRight,
.carousel-inner .item.active .AnimateOnLoadfadeIn_Left, .carousel-inner .item.active .AnimateOnLoadfadeIn_Right,
.carousel-inner .item.active .AnimateOnLoadfadeIn_Up {
animation-duration:1.4s;
animation-fill-mode:both;
animation-iteration-count: 1;
}
.delay01 {
animation-delay: 0.1s !important;
}
.delay02 {
animation-delay: 0.4s !important;
}
.delay03 {
animation-delay: 0.7s !important;
}
.delay04 {
animation-delay: 0.9s !important;
}
/******************************/
.scroll-down-arrow {
position: absolute;
top: 0;
left: 50%;
z-index: 2;
display: inline-block;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
color: #fff;
font : normal 400 20px/1 'Josefin Sans', sans-serif;
letter-spacing: .1em;
text-decoration: none;
transition: opacity .3s;
}
.scroll-down-arrow:hover {
opacity: .5;
}
.scroll-down-arrow i {
position: absolute;
top: 0;
left: 50%;
width: 24px;
height: 24px;
margin-left: -12px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: scrollDown 2s infinite;
animation: scrollDown 2s infinite;
opacity: 0;
box-sizing: border-box;
}
.scroll-down-arrow i:nth-of-type(1) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.scroll-down-arrow i:nth-of-type(2) {
top: 16px;
-webkit-animation-delay: .15s;
animation-delay: .15s;
}
.scroll-down-arrow i:nth-of-type(3) {
top: 32px;
-webkit-animation-delay: .3s;
animation-delay: .3s;
}
@-webkit-keyframes scrollDown {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes scrollDown {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/***** Another type of scorll down ********/
.scroll-down-one-arrow {
position: absolute;
top: 0;
left: 50%;
z-index: 2;
display: inline-block;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
color: #fff;
text-decoration: none;
transition: opacity .3s;
opacity: 0.5;
width: 25px;
height: 39px;
}
.scroll-down-one-arrow:hover {
opacity: 0.3;
}
.scroll-down-one-arrow i::before {
color: white;
display: block;
font-size: 24px;
}
.scroll-down-one-arrow i {
margin-top: 0;
display: block;
-webkit-animation: sdb04 3s;
-moz-animation: sdb04 3s;
animation: sdb04 3s;
animation-iteration-count: 1;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes sdb04 {
0% {
-webkit-transform: translate(0, 0);
}
20% {
-webkit-transform: translate(0, 25px);
}
40% {
-webkit-transform: translate(0, 0);
}
}
@keyframes sdb04 {
0% {
transform: translate(0, 0);
}
20% {
transform: translate(0, 25px);
}
40% {
transform: translate(0, 0);
}
}
body
{
direction:ltr;
}
.left-dir {
direction: ltr;
display: inline-block;
}
.footer-title::after {
border-Left: 45px solid white;
Left: 0;
}
.NewsLetterBlock {
/*margin-Right: 40px; */
}
.footer-social a {
float: Left;
}
.address-list .padding {
margin-Left: 15px;
}
.owl-theme .owl-nav .owl-prev {
Left: -40px;
}
.owl-theme .owl-nav .owl-next {
Right: -40px;
}
.top-contact,
.top-contact a {
direction: ltr;
}
.top-contact a {
margin-Right: 30px;
}
.top-contact a.top-address {
float: Left;
}
.top-contact a:not(.top-address),
.header-data-social ul,
.carousel-caption2 .btn-default-xl {
float: Left;
}
.header-data-social ul {
float: Right;
}
.dl-horizontal dt {
float: Left;
clear: Left;
}
.dl-contact dd {
margin-Left: 20px;
margin-Right: 0;
padding-Left: 10px;
/*border-Left: 1px solid #40607a;*/
}
.preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
background:black;
overflow: hidden;
}
.preloader .bg {
z-index: 9999;
background:#6eaa00;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
opacity: 0.4;
}
.spinner {
border: 1px solid transparent;
border-radius: 5px;
position: relative;
transform: translate(-35px,-35px);
}
.spinner:before {
content:'';
box-sizing:border-box;
position:absolute;
top:50%;
left:50%;
width:70px;
height:70px;
margin-top:0;
margin-left:0;
border-radius:50%;
border:5px solid white;
border-top-color:black;
animation:spinner 0.9s linear infinite;
}
@-webkit-@keyframes spinner {
to {
transform:rotate(360deg)
}
}
@keyframes spinner {
to {
transform:rotate(360deg)
}
}
/******** another page loader 3 dots ******************/
.preloader {
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #ffffff;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.preloader>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.preloader>.table>.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
padding: 40px;
text-align: center;
}
.preloader.loaded {
opacity: 0;
visibility: hidden;
transform: scale(1.5);
-webkit-transform: scale(1.5);
}
.sk-three-bounce {
width: 8em;
margin: auto;
text-align: center;
}
.sk-three-bounce .sk-child {
width: 2em;
height: 2em;
background-color: #6eaa00;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}
.sk-three-bounce .sk-bounce-1 {
-webkit-animation-delay: -0.32s !important;
animation-delay: -0.32s !important;
}
.sk-three-bounce .sk-bounce-2 {
-webkit-animation-delay: -0.16s !important;
animation-delay: -0.16s !important;
}
@-webkit-keyframes sk-three-bounce {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes sk-three-bounce {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/*****************************************************/
.arabic-font {
font-family:"Cairo" !important;
}
.english-font {
font-family: 'Poppins', sans-serif;
font-weight: 400;
}
body, td, .font-regular, .address-list {
font-family: 'Poppins', sans-serif;
}
.font-Light, .Result {
font-family: 'Poppins', sans-serif;
font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Poppins', sans-serif;
}
h1.special , h2.special, h3.special, h4.special, h5.special, h6.special, .tt-subtitle {
font-family: 'Dancing Script', cursive;
}
.Poppins-font {
font-family: 'Poppins', sans-serif;
}
.montserrat-font {
font-family: 'Dancing Script', cursive;
font-weight: 500;
}
.letter-spacing-1 {
letter-spacing: 1px;
}
.letter-spacing-2 {
letter-spacing: 2px;
}
.letter-spacing-3 {
letter-spacing: 3px;
}
.letter-spacing-4 {
letter-spacing: 4px;
}
.letter-spacing-5 {
letter-spacing: 5px;
}
.topmenu .navbar-nav > li > a {
font-family: "Poppins",sans-serif;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
}
.footer-contact address {
font-size: 12px;
}
.footer-title {
font-family: 'Poppins';
font-weight: 700;
}
.footer-text {
font-size: 13px;
}
.carousel-caption2 h2 {
font-family: 'Poppins', sans-serif;
font-weight: 300;
}
.sort-info ul li::before {
margin-right: 10px;
}
.owl-theme .owl-nav .owl-prev:before {
content: "\f104";
}
.owl-theme .owl-nav .owl-next:before {
content: "\f105";
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-family: 'Poppins', sans-serif;
font-weight: 300;
}
::-moz-placeholder { /* Firefox 19+ */
font-family: 'Poppins', sans-serif;
font-weight: 300;
}
:-ms-input-placeholder { /* IE 10+ */
font-family: 'Poppins', sans-serif;
font-weight: 300;
}
@media (min-width: 1200px) {
.letter-spacing-responsive {
letter-spacing: 3px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.letter-spacing-responsive {
letter-spacing: 2px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.letter-spacing-responsive {
letter-spacing: 1px;
}
}
@media (max-width: 767px)
{
.letter-spacing-responsive {
letter-spacing: 1px;
}
.footer-copyright,
.bottomfooter {
letter-spacing: 1px;
}
#collapsemenu > ul.navbar-nav > li > ul.dropdown-menu {
margin-left: 47%;
text-align: left;
}
}
@media (min-width: 768px)
{
}
/********************** Bootstrap two AR/EN Lang support **************/
.topmenu .Social a
{
float:Left;
}
.topmenu .navbar-nav > li
{
/*float:Left;*/
}
.service-gray-block .supplier-gray-inner {
padding-Left: 75px;
background-position: Left 0;
}
.main-title, section.service-section h1, .counter-title-block h2, section.project-section h1 {
border-Left: 7px solid #6eaa00;
padding-Left: 15px;
text-shadow: 5px 5px 2px black;
}
@media (min-width: 1400px) {
.scroll-top-wrapper {
Right:80px;
}
}
@media (max-width: 1399px) {
.scroll-top-wrapper {
Right:10px;
}
}
@media (min-width: 1200px)
{
.topmenu .navbar-nav > li > a
{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 768px) and (max-width: 1199px)
{
.topmenu .navbar-nav > li > a
{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
}
}
@media (min-width: 768px) {
.ts-column-inner {
border-Right: 1px solid #eaeaea;
}
}
@media (max-width: 767px)
{
.top-contact a:not(.top-address) {
float: Left !important;
direction: ltr;
border: 1px solid rgba(255, 255, 255, 0.7);
border-radius: 11px;
line-height: 22px;
padding-right: 5px;
padding-left: 5px;
}
.topmenu .navbar-nav
{
padding-right: 10px;
padding-left: 10px;
}
.topmenu .navbar-nav > li > a
{
padding-top: 10px;
padding-bottom: 15px;
/*padding-left: 0;
padding-right: 0;*/
text-align: center;
font-size: 20px;
}
.dropdown-toggle {
padding-left: 20px !important;
}
.footer-menu-section .footer-menu.floated li {
float: Left;
}
.carousel-caption2 .btn-default-xl {
/*float: Right;*/
}
.service-gray-block .service-gray-inner .accordion.panel-group,
.service-gray-block .supplier-gray-inner .accordion.panel-group,
.supplier-gray-inner ul.dot.split {
margin-Left: -75px;
}
}
.flexbox-row {
box-sizing: border-box;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flexbox-column {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}