/* ==============================
Custom fonts
============================== */
/*ProximaNova font*/
@font-face {
font-family: 'ProximaNova-Bold';
src: url('../fonts/proximanova/ProximaNova-Bold_gdi.eot');
src: url('../fonts/proximanova/ProximaNova-Bold_gdid41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/proximanova/ProximaNova-Bold_gdi.woff') format('woff'),
url('../fonts/proximanova/ProximaNova-Bold_gdi.ttf') format('truetype'),
url('../fonts/proximanova/ProximaNova-Bold_gdi.svg#ProximaNova-Bold') format('svg');
font-weight: 700;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-2666;
}
@font-face {
font-family: 'ProximaNova-Extrabld';
src: url('../fonts/proximanova/ProximaNova-Extrabld_gdi.eot');
src: url('../fonts/proximanova/ProximaNova-Extrabld_gdid41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/proximanova/ProximaNova-Extrabld_gdi.woff') format('woff'),
url('../fonts/proximanova/ProximaNova-Extrabld_gdi.ttf') format('truetype'),
url('../fonts/proximanova/ProximaNova-Extrabld_gdi.svg#ProximaNova-Extrabld') format('svg');
font-weight: 800;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-2666;
}
@font-face {
font-family: 'ProximaNova-Light';
src: url('../fonts/proximanova/ProximaNova-Light_gdi.eot');
src: url('../fonts/proximanova/ProximaNova-Light_gdid41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/proximanova/ProximaNova-Light_gdi.woff') format('woff'),
url('../fonts/proximanova/ProximaNova-Light_gdi.ttf') format('truetype'),
url('../fonts/proximanova/ProximaNova-Light_gdi.svg#ProximaNova-Light') format('svg');
font-weight: 300;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-2666;
}
@font-face {
font-family: 'ProximaNova-Regular';
src: url('../fonts/proximanova/ProximaNova-Regular_gdi.eot');
src: url('../fonts/proximanova/ProximaNova-Regular_gdid41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/proximanova/ProximaNova-Regular_gdi.woff') format('woff'),
url('../fonts/proximanova/ProximaNova-Regular_gdi.ttf') format('truetype'),
url('../fonts/proximanova/ProximaNova-Regular_gdi.svg#ProximaNova-Regular') format('svg');
font-weight: 400;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-2666;
}
@font-face {
font-family: 'ProximaNova-RegularIt';
src: url('../fonts/proximanova/ProximaNova-RegularIt_gdi.eot');
src: url('../fonts/proximanova/ProximaNova-RegularIt_gdid41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/proximanova/ProximaNova-RegularIt_gdi.woff') format('woff'),
url('../fonts/proximanova/ProximaNova-RegularIt_gdi.ttf') format('truetype'),
url('../fonts/proximanova/ProximaNova-RegularIt_gdi.svg#ProximaNova-RegularIt') format('svg');
font-weight: 400;
font-style: italic;
font-stretch: normal;
unicode-range: U+0020-2666;
}
@font-face {
font-family: 'ProximaNova-Semibold';
src: url('../fonts/proximanova/ProximaNova-Semibold_gdi.eot');
src: url('../fonts/proximanova/ProximaNova-Semibold_gdid41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/proximanova/ProximaNova-Semibold_gdi.woff') format('woff'),
url('../fonts/proximanova/ProximaNova-Semibold_gdi.ttf') format('truetype'),
url('../fonts/proximanova/ProximaNova-Semibold_gdi.svg#ProximaNova-Semibold') format('svg');
font-weight: 600;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-2666;
}
/*Gotham*/
@font-face {
font-family: 'Gotham-Black';
src: url('../fonts/gotham/Gotham-Black_gdi.eot');
src: url('../fonts/gotham/Gotham-Black_gdid41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/gotham/Gotham-Black_gdi.woff') format('woff'),
url('../fonts/gotham/Gotham-Black_gdi.ttf') format('truetype'),
url('../fonts/gotham/Gotham-Black_gdi.svg#Gotham-Black') format('svg');
font-weight: 425;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-2212;
}
@font-face {
font-family: 'Gotham-Bold';
src: url('../fonts/gotham/Gotham-Bold_gdi.eot');
src: url('../fonts/gotham/Gotham-Bold_gdid41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/gotham/Gotham-Bold_gdi.woff') format('woff'),
url('../fonts/gotham/Gotham-Bold_gdi.ttf') format('truetype'),
url('../fonts/gotham/Gotham-Bold_gdi.svg#Gotham-Bold') format('svg');
font-weight: 400;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-2212;
}
@font-face {
font-family: 'Gotham-Book';
src: url('../fonts/gotham/Gotham-Book_gdi.eot');
src: url('../fonts/gotham/Gotham-Book_gdid41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/gotham/Gotham-Book_gdi.woff') format('woff'),
url('../fonts/gotham/Gotham-Book_gdi.ttf') format('truetype'),
url('../fonts/gotham/Gotham-Book_gdi.svg#Gotham-Book') format('svg');
font-weight: 325;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-2212;
}
@font-face {
font-family: 'Gotham-Light';
src: url('../fonts/gotham/Gotham-Light_gdi.eot');
src: url('../fonts/gotham/Gotham-Light_gdid41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/gotham/Gotham-Light_gdi.woff') format('woff'),
url('../fonts/gotham/Gotham-Light_gdi.ttf') format('truetype'),
url('../fonts/gotham/Gotham-Light_gdi.svg#Gotham-Light') format('svg');
font-weight: 300;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-2212;
}
@font-face {
font-family: 'Gotham-Medium';
src: url('../fonts/gotham/Gotham-Medium_gdi.eot');
src: url('../fonts/gotham/Gotham-Medium_gdid41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/gotham/Gotham-Medium_gdi.woff') format('woff'),
url('../fonts/gotham/Gotham-Medium_gdi.ttf') format('truetype'),
url('../fonts/gotham/Gotham-Medium_gdi.svg#Gotham-Medium') format('svg');
font-weight: 350;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-2212;
}
@font-face {
font-family: 'Gotham-Thin';
src: url('../fonts/gotham/Gotham-Thin_gdi.eot');
src: url('../fonts/gotham/Gotham-Thin_gdid41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/gotham/Gotham-Thin_gdi.woff') format('woff'),
url('../fonts/gotham/Gotham-Thin_gdi.ttf') format('truetype'),
url('../fonts/gotham/Gotham-Thin_gdi.svg#Gotham-Thin') format('svg');
font-weight: 250;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-2212;
}
@font-face {
font-family: 'Gotham-Ultra';
src: url('../fonts/gotham/Gotham-Ultra_gdi.eot');
src: url('../fonts/gotham/Gotham-Ultra_gdid41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/gotham/Gotham-Ultra_gdi.woff') format('woff'),
url('../fonts/gotham/Gotham-Ultra_gdi.ttf') format('truetype'),
url('../fonts/gotham/Gotham-Ultra_gdi.svg#Gotham-Ultra') format('svg');
font-weight: 450;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-2212;
}
body {
margin: 0;
padding: 0;
background-color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a,
a:hover,
a:focus {
color: #111;
outline: 0;
border: none;
text-decoration: none;
}
ul {
list-style-type: none;
}
img {
max-width: 100%;
page-break-inside: avoid;
}
/* ==============================
Typography
============================== */
h1,
h2,
h3,
h4,
h5,
h6 {
/*line-height: 22px;*/
color: #262626;
margin: 0;
padding: 0;
text-transform: uppercase;
}
/* ==============================
Helper clases
============================== */
section {
padding: 40px 0;
position: relative;
overflow: hidden;
}
.bg1 {
background: #f8f8f8;
}
.mt0 {
margin-top: 0px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mt50 {
margin-top: 50px !important;
}
.mt60 {
margin-top: 60px !important;
}
.mt70 {
margin-top: 70px !important;
}
.mt80 {
margin-top: 80px !important;
}
.mt83 {
margin-top: 83px !important;
}
.mb0 {
margin-bottom: 0px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
.ml0 {
margin-left: 0 !important;
}
.mr0 {
margin-right: 0 !important;
}
.mr10 {
margin-right: 10px !important;
}
.pb0 {
padding-bottom: 0px !important;
}
.p0 {
padding: 0 !important;
}
.pt0 {
padding-top: 0 !important;
}
.pl0 {
padding-left: 0;
}
.pr0 {
padding-right: 0;
}
.nopadding {
padding: 0 !important;
margin: 0 !important;
}
.section-wrapper {
padding: 0 15px;
}
.offset-0 {
padding-left: 0;
padding-right: 0;
}
.clearfix {
clear: both;
}
/*.pattern {*/
/* position: absolute;*/
/* top: 0;*/
/* left: 0;*/
/* width: 100%;*/
/* height: 100%;*/
/* background: url(../images/pattern.png);*/
/* background-size: cover; */
/* opacity: 0.1;*/
/*}*/
/***
====================================================================
Main Header style
====================================================================
***/
.top-nav {
font-size: 14px;
padding-top: 6px;
padding-right: 15px;
text-align: right;
padding-bottom: 6px;
}
.top-nav a {
color: #333333;
text-transform: uppercase;
font-size: 13px;
font-family: 'Gotham-Bold';
}
.top-nav a:hover {
color: #ee1c25;
}
.top-nav li {
padding-left: 20px;
display: inline-block;
}
.top-nav ul, .top-nav .search-box {
display: inline-block;
}
.search-box input[type="text"] {
color: #333333;
text-transform: uppercase;
width: 0;
border-bottom: 1px solid #333 !important;
transition: all 0.2s ease-in-out;
background: transparent;
border: none;
font-size: 13px;
position: relative;
outline: 0;
margin: 0 10px 0 0;
border: none;
opacity: 0;
}
.search-box {
position: relative;
cursor: pointer;
}
.search-box form i{
position: absolute;
top: 0px;
color: #333333;
font-size: 13px;
right: -6px;
width: 30px;
height: 30px;
line-height: 26px;
}
/*.search-box:after {
position: absolute;
font-family: "Ionicons";
content: "\f4a4";
right: 0;
top: 0;
color: #333333;
font-size: 15px;
}*/
.search-box input[type="text"]:-ms-input-placeholder {
color: #333333;
}
.search-box input[type="text"]::-webkit-input-placeholder {
color: #333333;
}
.search-box input[type="text"]:-moz-placeholder {
color: #333333;
}
.search-box input[type="text"]:focus {
width: 100%;
border-bottom: 1px solid #898989;
}
.top-nav .search-box {
padding-left: 20px;
}
.main-header {
position: relative;
left: 0px;
top: 0px;
z-index: 999;
width: 100%;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu {
position: relative;
float: right;
margin-top:29px;
}
.header-lower {
position: relative;
left: 0px;
top: 0px;
width: 100%;
padding: 12px 0;
background: #BEBEC0;
/*border-bottom:1px solid #d5d5d5;*/
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.lower-outer {
position: relative;
/*padding:0px 0px 0px 240px; */
}
.header-lower .logo {
/*position:absolute;*/
/*left:0px;*/
/*bottom:14px;*/
/*text-align:center;*/
/*width:234px;*/
/*max-height:150px;*/
/*background:#ee1c25;*/
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
/*padding: 22px 0;*/
}
.header-lower .logo img {
display: inline-block;
max-width: 100%;
/*max-height:150px;*/
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navbar-collapse {
padding: 0px;
}
.main-menu .navigation {
position: relative;
float: right;
margin: 0px;
font-family: 'Montserrat', sans-serif;
}
.main-menu .navigation > li {
position: relative;
float: left;
padding: 0px;
margin: 0 16px;
}
.main-menu .navigation > li > a {
position: relative;
display: block;
/*padding: 47px 0px;*/
font-size: 13px;
color: #231f20;
/*line-height:28px;*/
text-transform: uppercase;
opacity: 1;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.width {
width: 100%;
}
.main-menu .navigation > li > a:after{
content: '';
position: absolute;
left: 0px;
width: 100%;
height: 4px;
background: #ee1c25;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
top:54px;
opacity: 0;
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-page-ancestor > a,
.main-menu .navigation > li.current-menu-item > a {
color: #ee1c25;
opacity: 1;
}
.main-menu .navigation > li:hover > a:after,
.main-menu .navigation > li.current > a:after,
.main-menu .navigation > li.current-page-ancestor > a:after,
.main-menu .navigation > li.current-menu-item > a:after {
opacity: 1;
}
.main-menu .navigation > li > ul {
position: absolute;
left: 0px;
top: 0;
width: 220px;
padding: 0px;
/*border: 1px solid #ee1c25;*/
z-index: 100;
background: #ffffff;
visibility: hidden;
opacity: 0;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li:hover > ul {
top: 42px;
opacity: 1;
visibility: visible;
}
.main-menu .navigation > li > ul > li {
position: relative;
float: none;
width: 100%;
border-bottom: 1px solid #efefef;
}
.main-menu .navigation > li > ul > li:last-child {
border: none;
}
.main-menu .navigation > li > ul > li > a {
position: relative;
display: block;
padding: 10px 28px;
margin: 0;
line-height: 20px;
font-weight: normal;
font-size: 12px;
color: #231f20;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li > ul > li > a:before {
content: '\f105';
font-family: 'FontAwesome';
font-size: 16px;
line-height: 36px;
position: absolute;
top: 0;
left: 15px;
}
.main-menu .navigation > li > ul > li:hover > a {
color: #ffffff;
background-color: #ee1c25;
}
.main-menu .navigation > li > ul > li.dropdown > a:after {
font-family: 'FontAwesome';
content: "\f0da";
position: absolute;
right: 10px;
top: 8px;
width: 10px;
height: 20px;
display: block;
color: #ee1c25;
line-height: 20px;
font-size: 16px;
text-align: center;
z-index: 5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after {
color: #ffffff;
}
.main-menu .navigation > li > ul > li > ul {
position: absolute;
left: 110%;
top: -1px;
width: 220px;
padding: 0px;
border: 1px solid #ee1c25;
border-top-width: 4px;
z-index: 100;
background: #ffffff;
visibility: hidden;
opacity: 0;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li > ul > li:hover > ul {
left: 100%;
opacity: 1;
visibility: visible;
}
.main-menu .navigation > li > ul > li > ul > li {
position: relative;
float: none;
width: 100%;
border-bottom: 1px solid #efefef;
}
.main-menu .navigation > li > ul > li > ul > li:last-child {
border: none;
}
.main-menu .navigation > li > ul > li > ul > li > a {
position: relative;
display: block;
padding: 8px 15px 8px 30px;
line-height: 20px;
font-weight: normal;
font-size: 12px;
color: #231f20;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li > ul > li > ul > li > a:before {
content: '\f105';
font-family: 'FontAwesome';
font-size: 16px;
line-height: 36px;
position: absolute;
top: 0;
left: 15px;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a {
color: #ffffff;
background-color: #ee1c25;
}
/* ==========================================================================
4. Home Section
========================================================================== */
/*home*/
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
background: #231f20;
opacity: 0.3;
}
.bg-image-home {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#home-slider .item {
width: 100%;
height: 685px;
overflow: hidden;
position: relative;
}
.slider-image {
width: 100%;
height: 100%;
background-size: cover;
background-position: 47% 68%;
background-repeat: no-repeat;
}
#home-slider .item img {
width: 100%;
height: 100%;
}
#home-slider {
position: relative;
z-index: 1;
}
.home-slider {
padding: 0;
margin: 0;
text-align: center;
background-color: rgba(0, 0, 0, 0.6);
position: relative;
z-index: 2;
}
.home-slider li {
list-style: none;
display: inline-block;
line-height: 53px;
height: 53px;
max-width: 338px;
width: 100%;
color: #d3d3d3;
font-size: 14px;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
margin: 5px 0 0 -3px;
-webkit-transition: all .9s ease-out 0s;
-moz-transition: all .9s ease-out 0s;
-ms-transition: all .9s ease-out 0s;
-o-transition: all .9s ease-out 0s;
transition: all .9s ease-out 0s;
}
.home-slider li:hover {
background: #856f15;
color: #fff;
}
.home-slider > li::before {
content: ' ';
position: absolute;
border: solid 10px transparent;
border-top: solid 0px transparent;
border-width: 10px;
/*left: 25%;*/
margin: -20px 0 0 160px;
border-color: #856f15 transparent transparent transparent;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
display: table-cell;
text-align: center;
opacity: 0;
-webkit-transition: all .8s ease-out 0s;
-moz-transition: all .8s ease-out 0s;
-ms-transition: all .8s ease-out 0s;
-o-transition: all .8s ease-out 0s;
transition: all .8s ease-out 0s;
}
.home-slider > li:hover::before {
content: ' ';
position: absolute;
border: solid 10px transparent;
border-top: solid 0px transparent;
border-width: 10px;
/*left: 25%;*/
margin: -20px 0 0 160px;
border-color: #856f15 transparent transparent transparent;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
display: table-cell;
text-align: center;
opacity: 1;
-webkit-transition: all .8s ease-out 0s;
-moz-transition: all .8s ease-out 0s;
-ms-transition: all .8s ease-out 0s;
-o-transition: all .8s ease-out 0s;
transition: all .8s ease-out 0s;
}
.home-slider > li.home_active::before {
content: ' ';
position: absolute;
border: solid 10px transparent;
border-top: solid 0px transparent;
border-width: 10px;
/*left: 25%;*/
margin: -20px 0 0 160px;
border-color: #856f15 transparent transparent transparent;
transform: rotate(180deg);
display: table-cell;
text-align: center;
opacity: 1;
}
.home-slider li.home_active {
background: #856f15;
color: #fff;
}
.carousel-caption {
position: relative;
left: 0;
color: #fff;
text-align: left;
/* text-shadow: 0 1px 2px rgba(0,0,0,.6); */
margin: 0;
top: 155px;
}
.carousel-caption h1 {
font-size: 45px;
color: #ffffff;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
text-shadow: none;
line-height: 52px;
}
.carousel-caption p {
font-size: 20px;
color: #ffffff;
line-height: 27px;
text-shadow: none;
font-family:'ProximaNova-Bold';
}
.slider_description {
width: 55%;
margin-bottom: 32px;
margin-top: 10px;
}
.btn-slider a {
color: #ffffff;
text-decoration: none;
}
.btn-slider {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
border: 1px solid #ee1c25;
border-radius: 0;
font-size: 15px;
color: #ffffff;
text-transform: uppercase;
background: #ee1c25;
padding: 11px 23px;
margin: 1px;
display: inline-block;
font-weight: 500;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
margin-bottom: 20px;
}
.btn-slider:hover {
border: 1px solid #333333;
background: #333333;
color: #ee1c25;
}
.main_slider > .owl-theme .owl-controls .owl-buttons .owl-prev:hover, .main_slider > .owl-theme .owl-controls .owl-buttons .owl-next:hover {
opacity: 0.6;
}
.home_container .title {
margin: 0 0 35px 0;
}
.home_container .title h2 {
font-size: 26px;
color: #152e58;
font-weight: 600;
text-transform: none;
position: relative;
text-align: center;
margin: 5px 0 0 0px;
}
.home_container .title h2 span {
background: #fff;
padding: 0 19px;
position: relative;
z-index: 1;
}
#home-slider .owl-controls .owl-pagination {
position: absolute;
bottom: 190px;
right: 7.5%;
}
#home-slider .owl-controls .owl-page span {
display: block;
width: 57px;
height: 10px;
margin: 0 2px;
opacity: 1;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0;
background: #231f20;
}
#home-slider .owl-controls .owl-page.active span,
#home-slider .owl-controls.clickable .owl-page:hover span {
background: #ee1c25;
}
/*about*/
.about {
padding: 80px 0;
}
.about-watermark {
background: url(../images/about_bg.png);
background-repeat: no-repeat;
-webkit-background-size: 12%;
-moz-background-size: 12%;
-o-background-size: 12%;
background-size: 12%;
background-position: bottom right;
}
.about .introduction {
padding: 31px 15px 15px 15px;
background: #ffffff;
position: relative;
z-index: 1;
overflow: hidden;
margin: -118px 15px 0 15px;
box-shadow: 0 4px 4px -1px #dedede;
}
.title {
padding: 0 0 14px 0;
border-bottom: 1px solid #ececec;
position: relative;
display: inline-block;
margin-bottom: 27px;
}
.title h2 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
background: transparent;
color: #231f20;
font-size: 25px;
font-weight: bold;
text-transform: uppercase;
border-width: 0 0 0 0;
}
.subtitle h2 {
font-size: 20px;
}
.title h2:before {
content: " ";
border-width: 0 0 4px 0;
border-color: #ee1c25;
border-style: solid;
width: 37%;
position: absolute;
bottom: -2px;
right: 0;
max-width: 130px;
}
.page-title p {
font-family: 'Gotham-Book';
font-size: 15px;
line-height: 22px;
color: #000;
margin-bottom: 21px;
text-align:justify;
}
.page-title p strong {
font-family: 'Gotham-Bold';
font-size: 15px;
line-height: 22px;
color: #000;
font-weight: normal;
}
.introduction p {
font-family: 'Gotham-Book';
font-size: 15px;
line-height: 22px;
color: #000;
text-align: justify;
}
.company-estd {
text-align: center;
}
.product {
margin-top: 80px;
}
.product p {
font-family: 'Gotham-Book';
font-size: 15px;
line-height: 22px;
color: #000;
text-align:justify;
}
.mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
background: #333333;
opacity: 0.6;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
-ms-transition: opacity 0.35s, -ms-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.product .image:hover .mask {
opacity: 0.8;
}
.image {
position: relative;
width: 100%; /* for IE 6 */
}
.image img{
width: 100%;
}
.image h2 {
position: absolute;
bottom: 43px;
left: 18px;
right: 18px;
/*width: 100%;*/
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 23px;
color: #ffffff;
}
.image a {
position: absolute;
bottom: 18px;
left: 17px;
right: 17px;
/*width: 100%;*/
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 13px;
line-height: 23px;
color: #ee1c25;
text-transform: uppercase;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
}
.image a:hover{
color: #ffffff;
}
.image p {
position: absolute;
top: 0;
left: 2px;
padding: 23px 19px;
/*width: 100%;*/
font-family: 'Gotham-Book';
font-size: 14px;
line-height: 19px;
color: #ffffff;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
-ms-transition: opacity 0.35s, -ms-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.product .image:hover p {
opacity: 1;
}
.btn-readmore a {
color: #ffffff;
text-decoration: none;
outline: 0;
}
.btn-readmore {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
border: 1px solid #ee1c25;
border-radius: 0;
font-size: 15px;
color: #ffffff;
text-transform: uppercase;
background: #ee1c25;
padding: 9px 14px;
margin: 1px;
display: inline-block;
font-weight: 500;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
margin-bottom: 20px;
}
.btn-readmore:focus{
outline: none;
}
.btn-readmore:hover {
border: 1px solid #333333;
background: #333333;
color: #ee1c25;
}
/* custom inclusion of right, left and below tabs */
.tabbable {
margin-top: 26px;
}
.home-tabs {
border: none;
margin: 0;
padding: 0;
border-radius: 0;
background: #f2f2f2;
/*margin-left: -15px;*/
/*margin-bottom: 40px;*/
}
.home-tabs > li {
float: left;
margin: 0;
width: 100%;
border-bottom: 1px solid #f3f3f3;
background: #ffffff;
}
.home-tabs > li > a {
font-family: 'Gotham-Bold';
text-transform: uppercase;
font-size: 14px;
color: #332c2b;
border: none;
min-height: 50px;
width: 100%;
padding: 21px;
font-weight: 400;
-webkit-transition: all .8s ease-out 0s;
-moz-transition: all .8s ease-out 0s;
-ms-transition: all .8s ease-out 0s;
-o-transition: all .8s ease-out 0s;
transition: all .8s ease-out 0s;
}
.home-tabs > li.active > a, .home-tabs > li.active > a:focus, .home-tabs > li.active > a:hover {
color: #ee1c25;
cursor: default;
background-color: #332c2b;
border: 0;
border-radius: 0;
font-size: 14px;
margin: 0;
}
.home-tabs > li > a:hover {
border-color: transparent;
border: 0;
border-radius: 0;
}
.nav > li > a:focus, .nav > li > a:hover {
text-decoration: none;
border: 0;
border-radius: 0;
margin: 0;
color: #ee1c25;
background-color: #332c2b;
}
.home-tabs > li::after {
content: ' ';
position: absolute;
border: solid 0 transparent;
border-top: solid 0 transparent;
border-width: 20px;
left: 100%;
margin-left: -12px;
border-color: #152e58 transparent transparent transparent;
top: 6px;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
z-index: -99;
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
opacity: 0;
-webkit-transition: all .5s ease-out 0s;
-moz-transition: all .5s ease-out 0s;
-ms-transition: all .5s ease-out 0s;
-o-transition: all .5s ease-out 0s;
transition: all .5s ease-out 0s;
}
.home-tabs > li.active::after {
content: ' ';
position: absolute;
border: solid 0 transparent;
border-top: solid 0 transparent;
border-width: 26px;
left: 100%;
margin-left: -5px;
border-color: #332c2b transparent transparent transparent;
top: 50%;
margin-top:-26px;
border-left: 31px solid transparent;
border-right: 31px solid transparent;
opacity: 1;
z-index: 1;
-webkit-transition: all .5s ease-out 0s;
-moz-transition: all .5s ease-out 0s;
-ms-transition: all .5s ease-out 0s;
-o-transition: all .5s ease-out 0s;
transition: all .5s ease-out 0s;
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
}
.home-tabs > li:hover::after {
content: ' ';
position: absolute;
border: solid 0 transparent;
border-top: solid 0 transparent;
border-width: 26px;
left: 100%;
margin-left: -5px;
border-color: #332c2b transparent transparent transparent;
top: 50%;
margin-top:-26px;
border-left: 31px solid transparent;
border-right: 31px solid transparent;
opacity: 1;
z-index: 1;
-webkit-transition: all .1s ease-out 0s;
-moz-transition: all .1s ease-out 0s;
-ms-transition: all .1s ease-out 0s;
-o-transition: all .1s ease-out 0s;
transition: all .1s ease-out 0s;
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
}
.sub-nav li {
border-top: 1px solid #fff;
}
.sub-nav li a {
font-family: 'Gotham-Book';
font-size: 13px;
color: #51565f;
border: none;
height: 50px;
padding: 20px 0 0 30px;
-webkit-transition: all .8s ease-out 0s;
-moz-transition: all .8s ease-out 0s;
-ms-transition: all .8s ease-out 0s;
-o-transition: all .8s ease-out 0s;
transition: all .8s ease-out 0s;
}
.sub-nav li a:hover:before {
color: #fafafa;
}
.sub-nav li a:active::before {
color: #fafafa !important;
}
.sub-nav > li > a:focus::before {
color: #fafafa;
}
.sub-nav li a::before {
content: '\f101';
color: #51565f;
font-family: 'FontAwesome';
margin: 0px 12px 0 17px;
}
.sub-nav > li.active::after {
content: "";
position: absolute;
width: 20px;
height: 20px;
background: #152e58;
transform: rotate(-45deg);
top: 18px;
right: -5px;
}
.nav-tabs .active > a {
background: #152e58;
color: #fff;
}
.nav-tabs .active-p > a {
background: #152e58;
color: #fff;
border-radius: 0;
margin: 0;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
float: none;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
min-width: 74px;
margin-right: 0;
margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
float: left;
margin-right: 19px;
border-right: 1px solid #ddd;
}
.tabs-left > .nav-tabs > li > a {
margin-right: -1px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
border-color: #ddd transparent #ddd #ddd;
border-right-color: #ffffff;
}
.panel-body {
padding: 0px;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 0;
}
.panel-default {
border-color: #fff;
}
.panel-default > .panel-heading {
color: #333;
background-color: #fff;
border-color: #ddd;
}
.project-description {
width: 100%;
height: 100%;
overflow: hidden;
}
.tab-content>.active {
display: block;
width:100%;
height: 100%;
}
.project-description img {
width: 100%;
min-height: 100%;
}
.project-description .content {
position: absolute;
top: 29%;
right: 16px;
padding: 28px;
width: 79%;
background:rgba(51, 51, 51, 0.40);
}
.project-description p {
font-family: 'Gotham-Book';
font-size: 14px;
line-height: 20px;
color: #ffffff;
}
.project-description a {
font-family: 'Gotham-Bold';
font-size: 14px;
color: #ee1c25;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
}
.project-description a:hover{
color: #ffffff;
}
/*share updates*/
.share-update, .metal-price {
margin-top: 40px;
}
.share-update .price {
padding: 27px 24px;
border: 1px solid #ddd;
box-shadow: -2px 2px 3px -1px #dedede;
border-right: none;
}
.share-update .price h2 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 15px;
color: #333333;
line-height: 1;
}
.share-update .price h3 {
font-family: 'Gotham-Medium';
font-size: 45px;
color: #333333;
line-height: 1.1;
margin: 0;
}
.share-update .price h3 sup {
font-family: 'Gotham-Bold';
font-size: 22px;
color: #333333;
line-height: 22px;
top: -18px;
}
.share-update .price h4 {
font-family: 'Gotham-Medium';
font-size: 15px;
color: #27ba9a;
line-height:1;
}
.share-update .price h4:before {
content: '\f0d8';
font-family: 'FontAwesome';
font-size: 15px;
position: relative;
left: -4px;
}
.share-update .price h4.share-negative {
color: red;
}
.share-update .price h4.share-negative:before {
content: '\f0d7';
font-family: 'FontAwesome';
font-size: 15px;
position: relative;
left: -4px;
}
.metal-price .price {
padding: 8px 22px;
}
.metal-price .price h2 {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 13px;
color: #333333;
line-height: 22px;
}
.metal-price .price h3 {
font-family: 'Gotham-Medium';
font-size: 30px;
color: #333333;
line-height: 22px;
margin: 6px 0 6px 0px;
}
.metal-price .price h3 sup {
font-family: 'Gotham-Bold';
font-size: 15px;
color: #333333;
line-height: 22px;
top: -9px;
}
.metal-price .price h4 {
font-family: 'Gotham-Medium';
font-size: 15px;
color: #27ba9a;
}
.metal-price .price h4:before {
content: '\f0d8';
font-family: 'FontAwesome';
font-size: 15px;
position: relative;
left: -4px;
}
.table-title {
font-family: 'Gotham-Medium';
font-size: 13px;
line-height: 22px;
color: #7c7c7c;
padding-left:20px !important;
}
.right-col h2 {
font-size: 13px;
padding: 10px;
border: 1px solid #ddd;
border-right: none;
}
.price-tag .right-col h2:last-child {
border-right: 1px solid #ddd;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #ffffff;
}
.home-table {
border: 1px solid #ddd;
box-shadow: 0px 6px 6px -5px #dedede;
}
.home-table thead tr th {
width: 100%;
}
.home-table tbody tr td {
font-family: 'Gotham-Medium';
font-size: 13px;
color: #7c7c7c;
line-height: 22px;
padding: 11px 6px;
}
@media only screen and (max-width: 800px) {
/* Force table to not be like tables anymore */
#no-more-tables table,
#no-more-tables thead,
#no-more-tables tbody,
#no-more-tables th,
#no-more-tables td,
#no-more-tables tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
#no-more-tables thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
#no-more-tables tr {
border: 1px solid #ccc;
}
#no-more-tables td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
white-space: normal;
text-align: left;
}
#no-more-tables td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left;
font-weight: bold;
}
/*
Label the data
*/
#no-more-tables td:before {
/*content: attr(data-title);*/
}
}
/*client*/
.client {
margin-bottom: 74px;
}
.bg-client {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 80%;
}
.client-title h2 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
background: transparent;
color: #ffffff;
font-size: 28px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 21px;
}
.client p {
font-family: 'Gotham-Book';
font-size: 15px;
line-height: 22px;
color: #ffffff;
}
#clients {
margin: 0 auto;
text-align: center;
}
#clients .client-item {
margin-right: 40px;
margin-left: 40px;
/*opacity: 0.5; */
cursor: pointer;
transition: all .8s;
-moz-transition: all .8s;
-webkit-transition: all .8s;
-o-transition: all .8s;
}
#clients .owl-prev {
width: 26px;
height: 26px;
/*background: #f7941d url(../img/arrow-prev.png) no-repeat center center;*/
font-size: 0px;
background-color: #ea9d60 !important;
color: #fff;
float: left;
margin-left: 0;
position: relative;
visibility: hidden;
opacity: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
background-size: 11px;
top: 50%;
padding: 0px;
}
#clients .owl-next:after {
content: '\f054';
font-family: 'FontAwesome';
font-size: 18px;
line-height: 36px;
position: absolute;
top: -4px;
left: 8px;
color: #80533a;
}
#clients .owl-prev:after {
content: '\f053 ';
font-family: 'FontAwesome';
font-size: 18px;
line-height: 36px;
position: absolute;
top: -4px;
left: 6px;
color: #80533a;
}
#clients .owl-next {
width: 26px;
height: 26px;
/*background: #f7941d url(../img/arrow-prev.png) no-repeat center center;*/
font-size: 0px;
background-color: #ea9d60 !important;
color: #fff;
float: right;
margin-right: 0;
position: relative;
visibility: hidden;
opacity: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
background-size: 11px;
top: 50%;
padding: 0px;
}
#clients .client-item:hover {
opacity: 1;
}
#clients .owl-buttons {
height: 43px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 50px;
margin: auto;
}
#clients:hover .owl-prev {
opacity: 1;
visibility: visible;
margin-left: 0px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#clients:hover .owl-next {
opacity: 1;
visibility: visible;
margin-right: 0px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
/*footer*/
.footer-watermark {
background: #332c2b url(../images/footer-bg.png);
background-repeat: no-repeat;
-webkit-background-size: 13%;
-moz-background-size: 13%;
-o-background-size: 13%;
background-size: 13%;
background-position: bottom left;
}
footer {
padding-top:50px;
padding-bottom:10px;
}
.footer-title h2 {
font-family: 'Gotham-Bold';
font-size: 14px;
color: #ffffff;
margin-bottom:22px;
text-transform: none;
}
.certification img {
display: inline-block;
margin: 0 15px 15px 0px;
}
.certification a {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
line-height: 22px;
color: #ee1c25;
font-weight: 300;
letter-spacing: -0.5px;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
}
.certification a:hover{
color: #ffffff;
}
.employee-portal {
margin-top: 45px;
}
ul.list-inline {
margin: 0;
padding: 0;
}
ul.list-inline li {
display: block;
list-style: none;
}
ul.list-inline li a {
/* font-family: 'Montserrat', sans-serif;
font-size: 14px;
line-height: 22px;
color: #ee1c25;
font-weight: 300;*/
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 22px;
color: #ee1c25;
font-weight: 300;
letter-spacing: -0.7px;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
}
footer ul.list-inline li a:hover{
color:#ffffff;
}
.social-icons i {
font-size: 12px;
width: 24px;
height: 24px;
line-height: 20px;
border: 2px solid #ee1c25;
color: #ee1c25;
border-radius: 100%;
text-align: center;
margin: 0 5px 0 0px;
}
.social-icons
{
/* padding-left: 379PX;*/
padding-top: 10px;
width:250px;
float:left;
}
.footer_map .social-icons i:hover {
border: 2px solid #ffffff;
color: #ffffff;
}
.contact-info .social-icons i:hover {
border: 2px solid #ee1c25;
color: #ffffff;
background: #ee1c25;
}
.copyright {
margin-top: 26px;
}
.copyright h3 {
font-size: 14px;
color: #ffffff;
text-transform: none;
font-family: 'Gotham-Book';
line-height: 22px;
text-align: center;
}
.client-main
{
margin:10px 0px 10px 0px;
}
.product-btn
{
background-color:#ccc ;
border:solid 1px #666666;
text-align:center;
margin:5px 6px 5px 0px ;
}
.copyright h3 a {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
line-height: 22px;
color: #fff;
font-weight: 300;
text-decoration: none;
}
.copyright a:hover {
color: #ee1c25;
text-decoration: none;
}
.footer_map {
/* margin-top: 27px;*/
}
.footer-botton
{
padding: 7px 15px 6px 15px;
border-radius:10px;
margin-top:7px;
background-color:#EE1C25;
float: right;
color: #fff;
font-size: 17px;
}
.footer-botton a
{
color: #fff;
}
.footer-botton a:hover
{
color:#333333;
}
#map {
width: 100%;
height: 120px;
margin-bottom: 30px;
}
/*page header*/
.page-header {
padding: 43px 0;
margin: 0;
background-image: url(../images/page_bg.jpg);
background-position: center center;
background-repeat: no-repeat;
position: relative;
background-size: cover;
border: none;
}
.page-header h1 {
font-size: 35px;
color: #ffffff;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
position: relative;
}
/*news and events*/
.news-list > div {
margin-top: 50px;
}
.news-list > div:first-child, .news-list > div:nth-child(2), .news-list > div:nth-child(3) {
margin-top: 0px;
}
.news-box .entry-meta {
margin-bottom: 25px;
padding: 0;
}
.news-box .entry-image {
overflow: hidden;
position: relative;
margin-bottom: 25px;
}
.news-box .entry-image img{
width: 100%;
}
.companies-box .entry-image {
overflow: hidden;
position: relative;
margin-bottom: 19px;
background: #fff;
padding: 43px;
}
.entry-desc {
width: 100%;
float: left;
text-align: center;
position: absolute;
top: 50%;
left: 0;
margin-top: -35px;
opacity: 0;
}
.companies-box:hover .entry-image {
background: rgba(51, 51, 51, 0.77);
}
.companies-box:hover .entry-image img{
opacity:0;
}
.companies-box:hover .entry-desc {
opacity: 1;
}
.companies-box {
margin-bottom: 30px;
}
.entry-desc h2 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #ffffff;
text-transform: uppercase !important;
font-size: 20px;
text-transform: none;
margin-bottom: 20px;
}
.message-image {
position: relative;
overflow: hidden;
float: left;
margin: 0 30px 30px 0;
}
.message-desc p {
font-family: 'Gotham-Book';
font-size: 15px;
line-height: 22px;
color: #333333;
margin-bottom: 23px;
}
.message-desc p strong {
font-family: 'Gotham-Bold';
font-size: 15px;
line-height: 22px;
color: #7c7c7c;
}
/*overview video*/
.img-wrapper { position: relative }
.img-wrapper img.img-responsive { margin: 0 auto !important }
.img-wrapper i.fa {
position: absolute;
z-index: 10;
top: 50%;
font-size: 25px;
background: #231f20;
padding: 18px 23px;
height: 60px;
width: 60px;
text-align: center;
border-radius: 50%;
color: #ee1c25;
margin: 0 auto;
transition: all 0.3s;
content: '';
margin-top: -30px;
left: 50%;
margin-left: -30px;
}
.img-wrapper i.fa:hover { background: #ee1c25;color: #231f20 }
.img-wrapper:hover i.fa{ background: #ee1c25;color: #231f20 }
.nivo-lightbox-theme-default .nivo-lightbox-title {
font-size: 14px;
background: #f1f1f1;
border: 1px solid #333;
letter-spacing: 2px;
color: #333;
text-transform: uppercase;
letter-spacing: 2px;
padding: 10px 35px;
border-radius: 2px;
}
.nivo-lightbox-theme-default.nivo-lightbox-overlay {
background: #ffffff !important;
background: rgba(255, 255, 255, 1) !important;
}
.nivo-lightbox-theme-default .nivo-lightbox-nav,
.nivo-lightbox-theme-default .nivo-lightbox-close { opacity: 1 }
.nivo-lightbox-error {
color: #ee1c25 !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0) !important;
}
.nivo-lightbox-theme-default .nivo-lightbox-image img {
background: #fff;
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
border-top: 0px solid #ffcc33;
}
/*single page news*/
.entry-image {
overflow: hidden;
position: relative;
margin-bottom: 25px;
}
.entry-image img{
width: 100%;
}
.entry .entry-title h2 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #231f20;
font-size: 25px;
text-transform: none;
margin-bottom: 8px;
}
.entry-title h2 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #231f20;
font-size: 17px;
font-weight: 600;
text-transform: none;
margin-bottom: 20px;
}
.entry-meta {
margin-bottom: 31px;
padding: 0;
}
.entry-meta li {
list-style: none;
display: inline;
color: #999999;
font-family: 'Gotham-Book';
font-size: 11px;
line-height: 22px;
}
.entry-meta li a {
color: #7c7c7c;
}
.entry-meta li a:hover {
color: #333333;
}
.news-box .entry-content {
margin-bottom: 40px;
}
.entry-content p {
font-family: 'Gotham-Book';
font-size: 15px;
line-height: 22px;
color: #333333;
margin-bottom: 32px;
}
.entry .entry-content p {
font-family: 'Gotham-Book';
font-size: 15px;
line-height: 22px;
color: #333333;
margin-bottom: 22px !important;
}
#sync1 .item {
width: 100%;
height: 300px;
/*margin: 5px;*/
color: #FFF;
}
#sync1 .item img {
width: 100%;
height: 100%;
/*margin: 5px;*/
color: #FFF;
}
#sync2 {
padding: 0 20px;
margin-top: -65px;
}
#sync2 .item {
cursor: pointer;
padding: 0 10px;
margin: 0 auto;
text-align: center;
}
#sync2 .item img {
width: 61px;
height: 47px;
border: 2px solid #ddd;
}
/*page-navigation*/
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 0;
border: none;
border-radius: 0 !important;
padding: 19px;
}
.nav1 .nav > li > a {
position: relative;
display: block;
padding: 4px 4px 4px 4px;
}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
margin-right: -15px;
margin-left: -15px;
}
.navbar-inverse {
background-color: #fff;
}
.navbar-inverse .navbar-nav > li > a {
text-transform: uppercase;
position: relative;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 13px;
color: #231f20;
/* line-height: 28px; */
text-transform: uppercase;
opacity: 1;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
color: #ee1c25;
background-color: transparent;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
color: #ee1c25;
background-color: transparent;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: transparent;
}
/*awards*/
/* Tab Navigation */
.awards {
margin: 0;
padding: 0;
border: 0;
background: transparent;
}
.awards > li {
float: left;
margin: 0 7px 0 0;
width: auto;
border: none;
}
.awards > li > a {
background: #e3e1e1;
border-radius: 0;
border: none;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #231f20;
text-align: center;
font-size: 16px !important;
margin: 0;
padding: 14px 30px;
width: auto;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}
.awards > li > a:hover {
background: #332c2b;
color: #ee1c25;
border: none;
}
.awards > li.active::after {
content: ' ';
position: absolute;
border: solid 10px transparent;
border-top: solid 0px transparent;
border-width: 9px;
left: 54%;
margin-left: 0;
border-color: #FFFFFF transparent transparent transparent;
top: 33px;
-webkit-transition: all .5s ease-out 0s;
-moz-transition: all .5s ease-out 0s;
-ms-transition: all .5s ease-out 0s;
-o-transition: all .5s ease-out 0s;
transition: all .5s ease-out 0s;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
.awards > li.active > a, .awards > li.active > a:focus,
.awards > li.active > a:hover {
color: #ee1c25;
background-color: #332c2b;
border: none;
}
/*.awards_certification {*/
/* margin-top: 60px;*/
/*}*/
.awards-section p {
margin-bottom: 42px;
}
.certification-list > div {
margin-top: 50px;
}
.certification-list > div:first-child, .certification-list > div:nth-child(2), .certification-list > div:nth-child(3), .certification-list > div:nth-child(4) {
margin-top: 0px;
}
.certification-box:hover a .entry-image img {
opacity: 0.7;
-webkit-transition: opacity .15s ease-in-out;
-moz-transition: opacity .15s ease-in-out;
-ms-transition: opacity .15s ease-in-out;
-o-transition: opacity .15s ease-in-out;
transition: opacity .15s ease-in-out;
}
.certification-box .entry-image {
position: relative;
overflow: hidden;
margin: 0;
background: #333333;
vertical-align: middle;
/*display: table-cell;*/
text-align: center;
}
.certificate_image_wrapper{
display: table;
min-width: 100%;
min-height: 175px;
}
.certification-box .entry-image img {
opacity: 1;
width: auto;
}
.certification-box .entry-title h2 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #595858;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
/*margin-top: 16px;*/
margin-bottom: 4px;
}
.certification-box .entry-meta {
margin-bottom: 14px;
padding: 0;
}
.certification-box .entry-body {
padding: 18px;
box-shadow: 0px 1px 4px 0px #dedede;
background: #fff;
}
.entry-content p {
font-family: 'Gotham-Book';
font-size: 15px;
line-height: 22px;
color: #7c7c7c;
margin-bottom: 32px;
margin: 0 !important;
}
.certification-tab {
padding: 40px 15px;
background: #ffffff;
}
.certification-tab > .active {
display: inline-block;
}
.btn-back {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
border: 1px solid #ee1c25;
border-radius: 0;
font-size: 15px;
color: #ffffff;
text-transform: uppercase;
background: #ee1c25;
padding: 7px 42px;
margin: 4px 0 0 0;
display: inline-block;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
margin-bottom: 20px;
}
.btn-back:hover {
opacity: 0.8;
color: #ffffff;
border: 1px solid #ee1c25;
background: #ee1c25;
}
/*project*/
.project-box,.product-box {
position: relative;
overflow: hidden;
}
.project-box .entry-title h2,.project-box .entry-title h2{
text-transform: uppercase;
}
.project-box .entry-content,.product-box .entry-content{
margin-bottom: 40px;
}
.project-list > div,.product-list > div {
margin-top: 50px;
}
.sidebar .title h2 {
font-size: 17px;
}
.sidebar {
width: 100%;
float: left;
margin-top: 50px;
padding: 0 20px;
}
.sidebar .media {
margin: 0 0 40px 0;
}
.sidebar .media:last-child {
margin: 0 0 0 0;
}
.media .media-left .media-object {
max-width: 90px;
}
.media-body {
overflow: hidden;
}
.sidebar .media .media-body h3{
margin: -10px 0 8px 0;
}
.sidebar .media .media-body h3 a {
font-size: 14px;
color: #ee1c25;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
text-transform: uppercase;
}
.sidebar .media .media-body p {
font-family: 'Gotham-Book';
font-size: 13px;
color: #7c7c7c;
line-height: 19px;
margin: 0;
}
/*carrers*/
.careers-tabs {
border: none;
margin: 0;
padding: 0;
border-radius: 0;
background: #f2f2f2;
margin-left: -15px;
}
.careers-tabs > li {
float: left;
margin: 0;
width: 100%;
border-bottom: 1px solid #f3f3f3;
background: #ffffff;
}
.careers-tabs > li > a {
font-family: 'Gotham-Bold';
text-transform: uppercase;
font-size: 14px;
color: #332c2b;
border: none;
min-height: 50px;
width: 100%;
padding: 21px;
font-weight: 400;
-webkit-transition: all .8s ease-out 0s;
-moz-transition: all .8s ease-out 0s;
-ms-transition: all .8s ease-out 0s;
-o-transition: all .8s ease-out 0s;
transition: all .8s ease-out 0s;
}
.careers-tabs > li.active > a, .careers-tabs > li.active > a:focus, .careers-tabs > li.active > a:hover {
color: #ee1c25;
cursor: default;
background-color: #332c2b;
border: 0;
border-radius: 0;
font-size: 14px;
margin: 0;
}
.careers-tabs > li > a:hover {
border-color: transparent;
border: 0;
border-radius: 0;
}
.tab_careers{
background: #fff;
padding: 20px;
}
.career-post h2{
font-size: 22px;
color: #ee1c25;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 35px;
}
.job-requirement h2{
font-family: 'Gotham-Bold';
text-transform: none;
font-size: 16px;
color: #666666;
margin-bottom: 30px;
}
.job-requirement p{
font-family: 'Gotham-Book';
text-transform: none;
font-size: 15px;
line-height: 22px;
color: #7c7c7c;
}
.job-requirement ul{
margin: 0;
padding: 0;
margin-bottom: 30px;
}
.job-requirement ul li{
list-style: none;
font-family: 'Gotham-Book';
text-transform: none;
font-size: 15px;
line-height: 22px;
color: #7c7c7c;
margin: 0 0px 0 15px;
}
.job-requirement ul li:before {
content: '-';
position: absolute;
/* margin: 0 -5px 0 10px; */
left: 38px;
/* padding: 20px; */
}
#inner-form{
text-align: center;
}
#inner-form .input-group{
width: 100%;
}
#inner-form input[type="text"],#inner-form input[type="email"],#inner-form input[type="file"],#inner-form input[type="tel"]{
padding: 0 0 0 10px;
width: 100%;
border: 1px solid #b2b2b2;
outline: none;
border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
font-size: 14px;
color: #333333;
font-weight: 600;
font-family: 'Gotham-Book';
line-height: 22px;
height: 42px;
margin-bottom: 20px;
}
#inner-form textarea.form-control {
margin-bottom: 0;
height: 105px;
padding:10px 0 0 10px;
overflow: hidden;
outline: 0;
border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
color: #333333;
font-weight: 600;
font-family: 'Gotham-Book';
}
#inner-form textarea:-ms-input-placeholder {
color: #bbbbbb;
font-weight: 400;
font-family: 'Gotham-Book';
}
#inner-form textarea::-webkit-input-placeholder {
color: #bbbbbb;
font-weight: 400;
font-family: 'Gotham-Book';
}
#inner-form textarea:-moz-placeholder {
color: #bbbbbb;
font-weight: 400;
font-family: 'Gotham-Book';
}
#inner-form input[type="text"]:-ms-input-placeholder {
color: #bbbbbb;
font-weight: 400;
font-family: 'Gotham-Book';
}
#inner-form input[type="text"]::-webkit-input-placeholder {
color: #bbbbbb;
font-weight: 400;
font-family: 'Gotham-Book';
}
#inner-form input[type="text"]:-moz-placeholder {
color: #bbbbbb;
font-weight: 400;
font-family: 'Gotham-Book';
}
#inner-form input[type="email"]:-ms-input-placeholder {
color: #bbbbbb;
font-weight: 400;
font-family: 'Gotham-Book';
}
#inner-form input[type="email"]::-webkit-input-placeholder {
color: #bbbbbb;
font-weight: 400;
font-family: 'Gotham-Book';
}
#inner-form input[type="email"]:-moz-placeholder {
color: #bbbbbb;
font-weight: 400;
font-family: 'Gotham-Book';
}
#inner-form input[type="file"]:-ms-input-placeholder {
color: #bbbbbb;
font-weight: 400;
font-family: 'Gotham-Book';
}
#inner-form input[type="file"]::-webkit-input-placeholder {
color: #bbbbbb;
font-weight: 400;
font-family: 'Gotham-Book';
}
#inner-form input[type="file"]:-moz-placeholder {
color: #bbbbbb;
font-weight: 400;
font-family: 'Gotham-Book';
}
#inner-form input[type="tel"]:-ms-input-placeholder {
color: #bbbbbb;
font-weight: 400;
font-family: 'Gotham-Book';
}
#inner-form input[type="tel"]::-webkit-input-placeholder {
color: #bbbbbb;
font-weight: 400;
font-family: 'Gotham-Book';
}
#inner-form input[type="tel"]:-moz-placeholder {
color: #bbbbbb;
font-weight: 400;
font-family: 'Gotham-Book';
}
.form-control:focus {
border-color: #dddddd;
outline: 0;
-webkit-box-shadow:none;
box-shadow: none;
}
.form-group {
margin-bottom: 19px;
}
.career-btn{
text-align: left;
margin-top: 10px;
}
.careers-form input[type="file"] {
/*position: absolute;*/
/*opacity: 0;*/
/*-moz-opacity: 0;*/
/*filter: alpha(opacity=0);*/
display:none;
color: #333333;
font-weight: 600;
font-family: 'Gotham-Book';
}
.custom-file-upload input[type="file"]:-ms-input-placeholder {
color: #bbbbbb;
font-weight: 400;
font-family: 'Gotham-Book';
}
.custom-file-upload input[type="file"]::-webkit-input-placeholder {
color: #bbbbbb;
font-weight: 400;
font-family: 'Gotham-Book';
}
.custom-file-upload input[type="file"]:-moz-placeholder {
color: #bbbbbb;
font-weight: 400;
font-family: 'Gotham-Book';
}
.custom_arrow{
font-size: 26px;
color: #ee1c25;
float: right;
position: absolute;
right: 15px;
top: 9px;
}
.custom-file-upload {
border: 1px solid #ccc;
display: inline-block;
padding: 0px 10px;
height: 42px;
line-height: 42px;
cursor: pointer;
width: 100%;
text-align: left;
color: #bbbbbb;
font-weight: 400;
font-family: 'Gotham-Book';
}
.font_bold{
color: #333333;
font-weight: 600;
font-family: 'Gotham-Book';
}
.custom-file-upload i {
font-size: 26px;
color: #ee1c25;
float: right;
position: relative;
/* right: 15px; */
top: 8px;
}
#uploadFile{
width: 80%;
height: 42px;
border: none;
background: transparent;
font-size: 14px;
color: #bbbbbb;
font-weight: 400;
font-family: 'Gotham-Book';
}
.careers-form #inner-form div.wpcf7-mail-sent-ok {
float: left;
color:green;
}
/*contact map*/
#contactmap{
width: 100%;
height: 400px;
}
.icon_box .icon {
position: absolute;
left: 0;
top: 0px;
}
.icon_box .icon span{
font-size: 26px;
color: #ee1c25;
}
.icon_box {
padding: 0 50px 0 40px;
position: relative;
color: #9b9393;
margin-bottom: 35px;
}
.icon_box h6{
font-family: 'Gotham-Book';
line-height: 24px;
text-transform: none;
font-size: 16px;
}
.icon_box h6 span{
font-family: 'Gotham-Medium';
}
.icon_box a{
color: #ee1c25;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.icon_box a:hover{
color: #9b9393;
}
.contact-info .social-icons{
padding: 0 40px;
}
.contact-info .social-icons i {
font-size: 16px;
width: 34px;
height: 34px;
line-height: 30px;
border: 2px solid #ee1c25;
color: #ee1c25;
border-radius: 100%;
text-align: center;
margin: 0 12px 0 0px;
}
#contact-form{
text-align: center;
}
#contact-form .input-group{
width: 100%;
}
#contact-form input[type="text"],#contact-form input[type="email"],#contact-form input[type="file"]{
padding: 0 0 0 10px;
width: 100%;
border: 1px solid #b2b2b2;
outline: none;
border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
font-size: 14px;
color: #bbbbbb;
font-weight: 400;
font-family: 'Gotham-Book';
line-height: 22px;
height: 42px;
margin-bottom: 20px;
}
#contact-form select{
padding: 0 20px 0 10px;
width: 200px;
border: 1px solid #b2b2b2;
outline: none;
border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
font-size: 14px;
color: #7c7c7c;
font-family: 'Gotham-Book';
font-weight: normal;
line-height: 22px;
height: 42px;
margin-bottom: 20px;
margin-left: 15px;
-webkit-appearance: none;
-moz-appearance: none;
/*appearance: none;*/
background: #ffffff url("../images/droparrow.png") no-repeat right center;
background-position: 97%;
}
#contact-form label{
font-family: 'Gotham-Medium';
font-size: 14px;
color: #444444;
font-weight: normal;
}
#contact-form textarea.form-control {
margin-bottom: 0;
height: 180px;
padding:10px 0 0 10px;
overflow: hidden;
outline: 0;
color: #bbbbbb;
border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
}
.customer-section,.team-section{
margin-bottom: 60px;
}
.customer-section:last-child,.team-section:last-child{
margin-bottom: 0;
}
/*customer form*/
#customer-form{
text-align: center;
width: 68%;
}
#customer-form .input-group{
width: 100%;
}
#customer-form input[type="text"],#customer-form input[type="email"],#customer-form input[type="file"],#customer-form input[type="tel"]{
padding: 0 0 0 10px;
width: 100%;
border: 1px solid #b2b2b2;
outline: none;
border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
font-size: 14px;
color: #bbbbbb;
font-weight: 400;
font-family: 'Gotham-Book';
line-height: 22px;
height: 42px;
margin-bottom: 20px;
}
#customer-form textarea.form-control {
margin-bottom: 0;
height: 180px;
padding:10px 0 0 10px;
overflow: hidden;
outline: 0;
color: #bbbbbb;
border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
}
/*team*/
.process{
background: #d3d3d3;
text-align: center;
padding: 57px;
}
.team-list > div {
margin-top: 50px;
}
.team-list > div:first-child, .team-list > div:nth-child(2), .team-list > div:nth-child(3){
margin-top: 0px;
}
.team-box{
text-align: center;
}
.team-box:hover a .entry-image img {
opacity: 0.7;
-webkit-transition: opacity .15s ease-in-out;
-moz-transition: opacity .15s ease-in-out;
-ms-transition: opacity .15s ease-in-out;
-o-transition: opacity .15s ease-in-out;
transition: opacity .15s ease-in-out;
}
.team-box .entry-image {
position: relative;
overflow: hidden;
margin: 0;
}
.team-box .entry-image img {
opacity: 1;
width: 100%;
}
.team-box .entry-title h2 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #595858;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
margin-top: 30px;
margin-bottom: 14px;
}
.team-box .position h2 {
font-family: 'ProximaNova-Semibold';
font-weight: 600;
color: #ce916d;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
/*margin-top: 16px;*/
margin-bottom: 4px;
}
.team-box .entry-body {
padding: 18px;
box-shadow: 0px 1px 4px 0px #dedede;
background: #fff;
}
.team-box .entry-body .entry-content{
margin-bottom: 25px;
}
.team-box .entry-body .social-icons{
margin-bottom: 40px;
}
.team-box .entry-body .social-icons i {
font-size: 20px;
width: 35px;
height: 35px;
line-height: 30px;
border: 2px solid #e1e1e1;
color: #7c7c7c;
border-radius: 100%;
text-align: center;
margin: 0 12px 0 0px;
background: #e1e1e1;
}
.team-box .entry-body .social-icons i:hover{
border: 2px solid #ee1c25;
color: #ffffff;
background: #ee1c25;
}
#contact-form form.invalid .wpcf7-not-valid{
border:1px solid red;
}
#inner-form form.invalid .wpcf7-not-valid{
border:1px solid red;
}
span.wpcf7-not-valid-tip ,div.wpcf7-validation-errors{
display: none !important;
}
.hidden-input{
display: none;
}
div.wpcf7-mail-sent-ok {
border: none !important;
}
.page_saudi h2 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
background: transparent;
color: #231f20;
font-size: 20px;
/*font-weight: bold;*/
text-transform: uppercase;
padding: 0 0 14px 0;
border-bottom: 1px solid #ececec;
position: relative;
display: inline-block;
margin-bottom: 27px;
}
.page_saudi h2:before {
content: " ";
border-width: 0 0 4px 0;
border-color: #ee1c25;
border-style: solid;
width: 37%;
position: absolute;
bottom: -2px;
right: 0;
max-width: 130px;
}
.page_saudi p {
font-family: 'Gotham-Book';
font-size: 15px;
line-height: 22px;
color: #333333;
margin-bottom: 21px !important;
}
.page_saudi p strong {
font-family: 'Gotham-Bold';
font-size: 15px;
line-height: 22px;
color: #7c7c7c;
font-weight: normal;
}
.customer_btn {
margin-bottom: 60px;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 0;
border-radius: 0;
}
.pagination>li>a, .pagination>li>span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.42857143;
color: #ee1c25;
text-decoration: none;
background-color: transparent;
border: 1px solid #ee1c25;
margin: 0 5px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
margin-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
color: #ffffff;
background-color: #ee1c25;
border-color: #ee1c25;
}
.pagination .current{
color: #ffffff;
background-color: #ee1c25;
border-color: #ee1c25;
}
/*search*/
.page-cont-header h1 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
background: transparent;
color: #231f20;
font-size: 20px;
/*font-weight: bold;*/
text-transform: uppercase;
padding: 0 0 14px 0;
border-bottom: 1px solid #ececec;
position: relative;
display: inline-block;
margin-bottom: 27px;
}
.page-cont-header h1:before {
content: " ";
border-width: 0 0 4px 0;
border-color: #ee1c25;
border-style: solid;
width: 37%;
position: absolute;
bottom: -2px;
right: 0;
max-width: 130px;
}
.page-content form input[type="search"] {
border: 1px #ee1c25 solid;
height: 40px;
width: 100%;
padding: 0 10px;
outline: 0;
}
.screen-reader-text{
display: none;
}
.search-submit {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
border: 1px solid #ee1c25;
border-radius: 0;
font-size: 15px;
color: #ffffff;
text-transform: uppercase;
background: #ee1c25;
padding: 9px 14px;
margin: 1px;
display: inline-block;
font-weight: 500;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
margin-bottom: 20px;
}
.search-submit:focus{
outline: none;
}
.search-submit:hover {
border: 1px solid #ee1c25;
background: #ee1c25;
color: #ffffff;
}
.page-content p {
font-family: 'Gotham-Book';
font-size: 15px;
line-height: 22px;
color: #333333;
margin-bottom: 21px;
}
#lang_sel_list{ display: inline-block; }
#lang_sel_list a.lang_sel_sel{ padding: 0 13px; }
#lang_sel_list {
height: 30px;
font-family: 'Gotham-Book';
}
#lang_sel_list a{
background: transparent !important;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
}
#lang_sel_list a:hover{
color:#ee1c25;
}
.entry-content h2 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
background: transparent;
color: #231f20;
font-size: 20px;
/*font-weight: bold;*/
text-transform: uppercase;
padding: 0 0 14px 0;
border-bottom: 1px solid #ececec;
position: relative;
display: inline-block;
margin-bottom: 27px;
}
.entry-content h2:before {
content: " ";
border-width: 0 0 4px 0;
border-color: #ee1c25;
border-style: solid;
width: 37%;
position: absolute;
bottom: -2px;
right: 0;
max-width: 130px;
}
.entry-content h3{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #231f20;
font-size: 18px;
margin-bottom: 15px;
}
.entry-content p {
font-family: 'Gotham-Book';
font-size: 15px;
line-height: 22px;
color: #333333;
margin-bottom: 21px !important;
}
.entry-content p strong {
font-family: 'Gotham-Bold';
font-size: 15px;
line-height: 22px;
color: #7c7c7c;
font-weight: normal;
}
.page_saudi .entry-content ul{
padding:0 20px;
}
.page_saudi .entry-content ul li {
list-style-position: outside;
list-style-type: disc;
}
.entry-content ul{
padding:0;
}
.list-inline>li {
display: inline-block;
padding-right: 0;
padding-left: 0;
}
.cli_images{
background:transparent !important;
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
.hover_effect img {
cursor:pointer;
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
}
.hover_effect:hover img {
-webkit-transition: opacity .15s ease-in-out;
-moz-transition: opacity .15s ease-in-out;
-ms-transition: opacity .15s ease-in-out;
-o-transition: opacity .15s ease-in-out;
transition: opacity .15s ease-in-out;
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,#grayscale");
}
.homepage-product p{
margin-bottom:27px;
}
.nav-tabs>li>a{
text-transform:uppercase;
}
.search-error{
padding:77px 0;
}
.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
display:block;
}
/*should be removed soon */
/*#lang_sel_list{*/
/* display:none;*/
/*}*/
/*.top-nav {*/
/* padding-top: 14px;*/
/*}*/
/*should be removed soon */
.search-box-listing{ min-height: 272px !important; }
.footer_map_single #map {
width: 100%;
height: 400px;
margin-bottom: 0;
}
.post-video a{
text-decoration: none;
}
.post-video img {
width: 100%;
height: auto;
margin:0;
background: transparent;
}
.post-video iframe {
border: none;
}
.post-video h4{
font-family: 'Gotham-Bold';
font-size: 14px;
color: #ffffff;
PADDING: 20px;
background: #332c2b;
text-align: center;
}
.post-video a:hover h4{
color:#ee1c25;
}
.full-video{
margin-top:30px;
}
.video-section{
margin-bottom:30px;
}
.image_gallery{
margin-bottom:30px;
}
#navbarCollapse-submenu {
display: block;
}
#navbarCollapse-submenu select{
padding: 10px;
outline: 0;
margin: 15px 0;
}
.isotope,
.isotope .isotope-item {
/* change duration value to whatever you like */
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
.filter {
margin: 0;
padding: 0 0 20px 0;
}
.filter li {
display: inline-block;
padding: 0 15px 0 0;
}
.filter li a {
background-color: transparent;
color: #231f20;
cursor: pointer;
font-size: 16px;
font-weight: 400;
position: relative;
overflow: visible;
text-transform: none;
display: inline-block;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
text-decoration: none;
letter-spacing: -0.3px;
}
.filter li a:hover{
color: #ee1c25;
}
.filter li a.active{
color: #ee1c25;
}
.portfolio .item {
width: 100%;
display: inline-block;
padding: 0;
overflow: hidden;
}
#portfoliolist .portfolio {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
/*width:23%;*/
/*margin:1%;*/
display:none;
float:left;
overflow:hidden;
}
.portfolio-wrapper {
/*overflow:hidden;*/
position: relative !important;
cursor:pointer;
}
.portfolio ul li{
overflow: hidden;
/* height: 150px !important;
width: 170px !important;*/
padding: 0px;
margin: 0px 0px 20px 0px;
}
.work-grid {
font-size: 0;
margin: 0;
padding: 0;
}
.search-active{
opacity: 1 !important;
}
.search-inactive{
opacity: 0 !important;
}
/*.scvaf-form1 li{*/
/* display:block;*/
/* width: 100%;*/
/*}*/
/*.scvaf_phone, .scvaf_fax, .scvaf_title, .scvaf_contact_2, .scvaf_fax_2{*/
/* width:49% !important;*/
/* float:left;*/
/*}*/
/*.scvaf_email, .scvaf_website, .scvaf_telephone, .scvaf_tlx, .scvaf_email2 {*/
/* width:49% !important;*/
/* float:right;*/
/* clear:none !important;*/
/*}*/
/*.scvaf_phone input[type=text], .scvaf-fax input[type=text], .scvaf_website input[type=text],*/
/*.scvaf_title input[type=text], */
/*.scvaf_telephone input[type=text], .scvaf_contact_2 input[type=text], .scvaf_tlx input[type=text],*/
/*.scvaf_fax_2 input[type=text] , .scvaf_email2 input[type=text] {*/
/* max-width:100%;*/
/*}*/
/*.customer_form li{*/
/* display:block;*/
/* width:100% ;*/
/*}*/
/*.sccsq_customer, .sccsq_contact_name, .sccsq_marketing {*/
/* width:50% !important;*/
/* float:left;*/
/* padding-right: 15px;*/
/*}*/
/*.sccsq_date, .sccsq_position, .scccsq_value {*/
/* width:50% !important;*/
/* float:right;*/
/* clear:none !important;*/
/* padding-left: 15px;*/
/*}*/
/*.sccsq_customer input[type=text], .sccsq_date input[type=text], .sccsq_contact_name input[type=text], */
/*.sccsq_position input[type=text], .sccsq_marketing input[type=text], .scccsq_value input[type=text]{*/
/* max-width: 100%;*/
/*}*/
/*h2.gsection_title::before{*/
/* width: 0!important;*/
/*}*/
/*.scvaf-form1 .hidden_label input.large, .scvaf-form1 .hidden_label select.large, .scvaf-form1 .top_label input.large,*/
/*.scvaf-form1 .top_label select.large, .scvaf-form1 textarea{*/
/* width:100% !important;*/
/*}*/
/*.customer_form .hidden_label input.large, .cutomer_form .hidden_label select.large, .cutomer_form .top_label input.large,*/
/* .cutomer_form .top_label select.large, .customer_form textarea{*/
/* width:100% !important;*/
/*}*/
.nav1 select{
padding: 10px;
margin: 4px 0;
outline:none;
}
.nav1 select option{
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 13px;
color: #231f20;
}
/*home news*/
#home-news{
margin: 0;
padding: 0;
min-height: 54px;
}
.home-news {
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.panel-home-news{
padding: 0 !important;
}
.home-news p{
font-size: 18px;
color: #333333;
width: 90%;
}
.home-news-button{
float: right;
}
.home-news-button {
padding: 0 !important;
background-color:transparent;
border-top: none !important;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
position: relative;
}
.home-news-button .pagination{
display: none;
}
.buttons a i{
border: 2px solid #ee1c25;
position: relative;
bottom: 5px;
height: 25px;
width: 25px;
font-size: 22px;
vertical-align: middle;
-webkit-transition: all .8s ease-out 0s;
-moz-transition: all .8s ease-out 0s;
-ms-transition: all .8s ease-out 0s;
-o-transition: all .8s ease-out 0s;
transition: all .8s ease-out 0s;
text-align: center;
right: 25px;
margin: 0 0 0 2px;
color:#ee1c25;
background: transparent;
}
.buttons a i:hover{
color: #ffffff;
background: #ee1c25;
border: 2px solid #ee1c25;
}
.news-container .panel {
background-color:transparent;
}
#gform_1 input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"] ,
#gform_2 input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"]{
padding: 0 0 0 10px;
width: 100% !important;
border: 1px solid #b2b2b2;
outline: none;
border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
font-size: 14px;
color: #bbbbbb;
font-weight: 400;
font-family: 'Gotham-Book';
line-height: 22px;
height: 42px;
/*margin-bottom: 20px;*/
}
#gform_1 textarea,
#gform_2 textarea{
margin-bottom: 0;
height: 180px;
padding: 10px 0 0 10px;
overflow: hidden;
outline: 0;
color: #bbbbbb;
border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
}
/*.ginput_container {*/
/* position: relative;*/
/*}*/
/*.ui-datepicker-trigger {*/
/* position: absolute;*/
/* top: 0;*/
/* right: 0;*/
/* margin: 14px 14px 0;*/
/*}*/
/*.gform_body {*/
/* float: left;*/
/* width: 100%*/
/*}*/
/*.gform_body ul, #input_2_28, #field_2_30 .ginput_container, #field_2_38 .ginput_container, #field_2_39 .ginput_container, #field_1_6 .ginput_container, #field_3_9 .ginput_container, #field_3_11 .ginput_container {*/
/* margin: 0 -10px*/
/*}*/
/*.gform_body li {*/
/* list-style-type: none*/
/*}*/
/*.gform_body li, #field_2_28 .name_first, #field_2_28 .name_last, #field_2_30 .ginput_container span, #field_2_38 .name_first, #field_2_38 .name_last, #field_2_39 .ginput_container span, #field_1_6 .name_first, #field_1_6 .name_last, #field_3_9 .name_first, #field_3_9 .name_last, #field_3_11 .ginput_container span {*/
/* float: left;*/
/* width: 50%;*/
/* padding: 0 10px*/
/*}*/
/*#field_2_27, #field_2_28, #field_2_30, #field_2_29, #field_2_9, #field_2_39, #field_2_37, #field_2_38, #field_4_6, #field_4_5, #field_5_4, #field_5_10, #field_1_6, #field_1_5, #field_3_9, #field_3_11, #field_3_1, #field_3_16, #field_2_43, #field_2_44, #field_3_18, #field_3_26, #field_3_25, #field_3_21, #field_3_23 {*/
/* width: 100%*/
/*}*/
/*#field_4_8, #field_5_5 {*/
/* display: none*/
/*}*/
/*.ginput_container {*/
/* position: relative*/
/*}*/
/*.ui-datepicker-trigger {*/
/* position: absolute;*/
/* top: 0;*/
/* right: 0;*/
/* margin: 10px 10px 0;*/
/*}*/
/*.ui-icon {*/
/* border: 1px solid #DBDBDB;*/
/* font: 13px "Montserrat-Regular";*/
/* padding: 5px 10px;*/
/* margin-bottom: 15px;*/
/* display: inline-block;*/
/* text-transform: uppercase;*/
/* margin-right: 10px;*/
/* border-radius: 3px*/
/*}*/
/*.gform_footer, .gform_page_footer {*/
/* float: left;*/
/* width: 100%*/
/*}*/
/*#ui-datepicker-div {*/
/* background: #fff;*/
/* padding: 10px;*/
/* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.27);*/
/* border: 1px solid #BBB*/
/*}*/
/*.ui-datepicker-title select {*/
/* width: 32%;*/
/* display: inline-block;*/
/* margin-right: 10px*/
/*}*/
/*.ui-datepicker-title:last-child {*/
/* margin-right: 0*/
/*}*/
/*#input_4_6 li {*/
/* width: 24px*/
/*}*/
/*#field_3_9, #field_3_10, #field_3_11, #field_2_30, #field_2_38, #field_2_39 {*/
/* margin-bottom: 0*/
/*}*/
/*.validation_message, .validation_error {*/
/* color: red;*/
/* float: left;*/
/* width: 100%*/
/*}*/
/*.validation_error {*/
/* margin-bottom: 20px*/
/*}*/
/*.gfield_label {*/
/* margin-bottom: 8px*/
/*}*/
/*.gform_body input {*/
/* margin-bottom: 8px;*/
/*}*/
/*.gform_body li {*/
/* margin-bottom: 15px*/
/*}*/
/*.ginput_container > span {*/
/* margin-bottom: 10px*/
/*}*/
/*.validation_error ~ .gform_body li {*/
/* min-height: 70px*/
/*}*/
/*.gf_page_steps {*/
/* margin-bottom: 20px*/
/*}*/
/*.gf_step {*/
/* display: inline-block;*/
/* padding: 18px 25px;*/
/* background: #E6E6E6;*/
/* color: #5C5C5C;*/
/* margin-right: 15px;*/
/* font-family: "Montserrat-Bold"*/
/*}*/
/*.gf_step_label {*/
/* font-size: 18px*/
/*}*/
/*.gf_step_number {*/
/* font-size: 24px;*/
/* margin-right: 8px;*/
/* color: #023A77*/
/*}*/
/*.gf_step_active {*/
/* background: #023A77;*/
/* color: #fff*/
/*}*/
/*.gf_step_active .gf_step_number {*/
/* color: #fff*/
/*}*/
.page_saudi .entry-content ul, ul#gform_fields_2{
margin:0;
padding:0;
}
.page_saudi .entry-content ul li, ul#gform_fields_2 li{
list-style:none;
}
.ginput_container {
position: relative
}
#gform_fields_2 li.radio_label > label{
min-height: 40px;
}
.ui-datepicker-trigger {
position: absolute;
top: 0;
right: 0;
margin: 10px 10px 0;
}
#ui-datepicker-div {
background: #fff;
padding: 10px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.27);
border: 1px solid #BBB;
width: 20em;
z-index: 999 !important;
}
.ui-datepicker-prev{
float:left;
border:1px solid #ee1c25;
padding: 9px;
background:transparent;
}
.ui-datepicker-next{
float:right;
border:1px solid #ee1c25;
padding: 9px;
background:transparent;
}
.ui-datepicker-next:hover,.ui-datepicker-prev:hover{
border:1px solid #ee1c25;
background:#ee1c25;
color:#ffffff;
cursor:pointer;
}
.ui-datepicker-title select {
/* width: 32%; */
/* display: inline-block; */
/* margin-right: 10px; */
padding: 10px 10px;
outline: none;
margin: 0 1px;
border:1px solid #ee1c25;
}
.ui-datepicker-title:last-child {
/* position: relative; */
/* clear: both; */
/* padding: 0px; */
text-align: center;
margin-bottom:10px;
}
.ui-datepicker-calendar{
width:100%;
}
table.ui-datepicker-calendar thead tr th{
background: #ee1c25;
color: #fff;
padding: 10px 0;
text-align: center;
}
table.ui-datepicker-calendar tbody tr td{
/* background: #ee1c25;*/
/*color: #fff;*/
padding: 10px 0;
text-align: center;
-webkit-transition: all .8s ease-out 0s;
-moz-transition: all .8s ease-out 0s;
-ms-transition: all .8s ease-out 0s;
-o-transition: all .8s ease-out 0s;
transition: all .8s ease-out 0s;
}
table.ui-datepicker-calendar tbody tr td:hover{
background: #ee1c25;
}
table.ui-datepicker-calendar tbody tr td:hover a{
color: #fff;
}
.ui-state-disabled{
opacity:0;
}
.form_fill_info > h2.gsection_title{
font-family: 'Montserrat', sans-serif;
font-weight: 400;
/* background: transparent; */
color: #231f20;
font-size: 16px;
/* font-weight: bold; */
text-transform: uppercase;
padding: 0 0 14px 0;
border-bottom: none;
position: relative;
display: inline-block;
margin-bottom: 0;
}
.form_fill_info > h2.gsection_title:before{content:none;}
.gfield_error input{border: 1px solid red !important;}
.validation_message,.validation_error{display:none;}
ul#gform_fields_1 > li,ul#gform_fields_2 > li{margin-bottom:30px;}
ul#gform_fields_2 > li:last-child {
margin-bottom: 0;
}
.events_news_images{margin: 20px 20px 0px 0px !important;}
/* Table responsive */
table thead td, table thead tr th {
text-transform: uppercase;
background: #ee1c25;
color: #fff;
}
tbody tr:nth-child(even) {
background: #ffffff;
color: #333333;
}
.ml-responsive-table .ml-grid {
border: 1px solid #E9E9E9;
border-top: 1px solid #E9E9E9;
margin-bottom: 30px;
margin-left: 0;
margin-right: 0;
}
.ml-responsive-table .ml-grid:nth-child(even) {
background: #ffffff;
color: #333333;
}
/*old*/
table thead td{
text-transform: uppercase;
}
table{
border: 1px solid #ccc;
width:100%;
}
th{
padding: 10px;
}
td{
padding: 10px;
border-bottom: 1px solid #ccc;
}
.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }
table.large-only thead tr{
background: #ee1c25;
color:#fff;
}
table.large-only thead tr:nth-child(2n){
background: #ee1c25;
border-top: 1px solid #ddd;
color:#fff;
}
table.large-only tr:nth-child(2n){
background: #fff;
}
.mereged-tbl-wrapper .render{
display:none;}
@media (max-width: 767px) {
.table_title {
background: #000;
color: #fff;
padding: 10px;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
}
.table_datatitle {
padding: 10px;
text-transform: uppercase;
background: #332C2B;
font-size: 14px;
font-weight: bold;
color:#fff;
}
.table_data{
padding: 10px;
border-bottom: 1px solid rgb(221, 221, 221);
border-left: 1px solid rgb(221, 221, 221);
border-right: 1px solid rgb(221, 221, 221);
overflow: hidden;
}
.table_subheading {
background: #f8f8f8;
padding: 10px;
color: #000;
font-size: 14px;
font-weight: bold;
float: left;
width: 50%;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.table_subtitle {
background: #ee1c25;
padding: 10px;
color: #fff;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
}
.table_seprator{
height:10px;}
.merged-table.stacktable.small-only{display:none;}
.merged-table{display:none;}
.mereged-tbl-wrapper .render{
display:block;
border:none;
}
.stacktable.large-only { display: none; }
.stacktable.small-only { display: table; }
table.small-only tr:first-child th{
background: #000;
color:#fff;
padding-top:15px;
padding-bottom:15px;
padding-left:10px;
}
table.small-only tr th{
border-bottom: 1px solid #ddd;
padding-top:15px;
padding-bottom:15px;
padding-left: 10px;
background: #ee1c25;
color:#fff;
}
table.small-only tr:nth-child(2n){
background: #fff;
}
}
.entry-home-title p{
font-family: 'Gotham-Book';
font-size: 15px;
line-height: 22px;
color: #333333;
margin-bottom: 21px;
}
.current_page_item > a{color: #ee1c25 !important;background-color: transparent;}
.request-form select{display:none;}
.request-form label[for="option"] {
display:none;
}
/*-------------------------------------------------------*/
/* Loader
/*-------------------------------------------------------*/
#load {
width: 100%;
height: 100%;
position: fixed;
background-color: #fff;
z-index: 999999;
top: 0
}
#load .loader-container {
position: absolute;
top: 0;
left:0;
right:0;
bottom:0;
content:'';
}
.loader-wrapper{
display: table;
height: 100%;
width: 100%;
}
.loader-wrapper-child{
display:table-cell;
vertical-align:middle;
text-align:center;
}
.loading-css{
border-right: 3px solid #333;
border-top: 3px solid #333;
}
.loader-logo{
font-size: 36px;
font-weight: bold;
color: #333;
margin-bottom: 30px;
}
.loader-logo img{
width:196px;
height:86px;
max-width:none;
}
#load .loading-css {
position: relative;
border-bottom: 4px solid #F5F5F5;
border-left: 4px solid #F5F5F5;
border-radius: 100%;
height: 50px;
width: 50px;
-webkit-animation: spin 1.2s infinite linear;
-moz-animation: spin 1.2s infinite linear;
-ms-animation: spin 1.2s infinite linear;
-o-animation: spin 1.2s infinite linear;
animation: spin 1.2s infinite linear;
text-align: center;
margin: 0 auto;
}
/*-------------------------------------------------------*/
/* General button style (reset)
/*-------------------------------------------------------*/
@keyframes "spin" {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-ms-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-moz-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes "spin" {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-ms-keyframes "spin" {
from {
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes "spin" {
from {
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-o-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
#lang_sel_list li:last-child{display:none;}
.post-share{margin-bottom:30px;}
.post-share h2{
font-size: 14px;
float: left;
padding:3px 5px 0 0;
}
.productul ul
{
list-style-type:circle;
}