/** FONTS **/

@import url('https://fonts.googleapis.com/css?family=Alef:400,700');

@font-face { font-family: 'montserratbold'; src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'), url('../fonts/montserrat-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'montserratlight'; src: url('../fonts/montserrat-light-webfont.woff2') format('woff2'), url('../fonts/montserrat-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'montserratmedium'; src: url('../fonts/montserrat-medium-webfont.woff2') format('woff2'), url('../fonts/montserrat-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'montserratregular'; src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'), url('../fonts/montserrat-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'montserratsemibold'; src: url('../fonts/montserrat-semibold-webfont.woff2') format('woff2'), url('../fonts/montserrat-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

body { margin: 0; padding: 0; font-family:Tahoma, Geneva, sans-serif; font-weight: 400; font-size: 15px; color: #3b3b3b; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

a { transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; color: #e5332d; }

a:focus { outline: none; }

input, textarea {
 /* unicode-bidi:bidi-override;*/
  direction: RTL;
}



form { margin: 0; padding: 0; direction: RTL; }

img { border: 0; }

.left { float: left; }

.right { float: right; }

.clr,
.clearfix { clear: both; }

a { text-decoration: none; }

a:hover { text-decoration: none; }

a:focus { text-decoration: none; }

* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

input[type="file"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus { outline: 0 none; outline-offset: 0px; }

/* * * * * HTML 5 FIX * * * * */



article,
aside,
audio,
canvas,
command,
datalist,
details,
embed,
figcaption,
figure,
footer,
header,
hgroup,
keygen,
meter,
nav,
output,
progress,
section,
source,
video { display: block; margin: 0; padding: 0 }

button { outline: 0 none; }

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="search"],
select,
textarea { font-family:Tahoma, Geneva, sans-serif; }

input[type="button"],
input[type="submit"] { -webkit-appearance: none; cursor: pointer; outline: 0 none; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; direction:ltr; }

textarea { resize: none }

p { line-height: 1.5;  }

/* * * * * SMALL CLASSES * * * * */






.mtp5 { margin-top: 5px !important }

.mtp10 { margin-top: 10px !important }

.mtp15 { margin-top: 15px !important }

.mtp20 { margin-top: 20px !important }

.mtp25 { margin-top: 25px !important }

.mtp30 { margin-top: 30px !important }

.mtp35 { margin-top: 35px !important }

.mtp40 { margin-top: 40px !important }

.mtp50 { margin-top: 50px !important }

.mtp100 { margin-top: 100px !important }

.mbtm5 { margin-bottom: 5px !important }

.mbtm10 { margin-bottom: 10px !important }

.mbtm15 { margin-bottom: 15px !important }

.mbtm20 { margin-bottom: 20px !important }

.mbtm25 { margin-bottom: 25px !important }

.mbtm30 { margin-bottom: 30px !important }

.mbtm35 { margin-bottom: 35px !important }

.mbtm40 { margin-bottom: 40px !important }

.mbtm45 { margin-bottom: 45px !important }

.mbtm50 { margin-bottom: 50px !important }

.mbtm55 { margin-bottom: 55px !important }

.mbtm60 { margin-bottom: 60px !important }

.mbtm65 { margin-bottom: 65px !important }

.mbtm70 { margin-bottom: 70px !important }

.mlt5 { margin-left: 5px !important }

.mlt10 { margin-left: 10px !important }

.mlt15 { margin-left: 15px !important }

.mlt20 { margin-left: 20px !important }

.mlt25 { margin-left: 25px !important }

.mlt30 { margin-left: 30px !important }

.mlt35 { margin-left: 35px !important }

.mlt40 { margin-left: 40px !important }

.mrt5 { margin-right: 5px !important }

.mrt10 { margin-right: 10px !important }

.mrt15 { margin-right: 15px !important }

.mrt20 { margin-right: 20px !important }

.mrt25 { margin-right: 25px !important }

.mrt30 { margin-right: 30px !important }

.mrt35 { margin-right: 35px !important }

.mrt40 { margin-right: 40px !important }

.plt5 { margin-left: 5px !important }

.plt10 { margin-left: 10px !important }

.plt15 { margin-left: 15px !important }

.plt20 { margin-left: 20px !important }

.plt25 { margin-left: 25px !important }

.plt30 { margin-left: 30px !important }

.plt35 { margin-left: 35px !important }

.plt40 { margin-left: 40px !important }

.prt5 { padding-right: 5px !important }

.prt10 { padding-right: 10px !important }

.prt15 { padding-right: 15px !important }

.prt20 { padding-right: 20px !important }

.prt25 { padding-right: 25px !important }

.prt30 { padding-right: 30px !important }

.prt35 { padding-right: 35px !important }

.prt40 { padding-right: 40px !important }

.pbtm5 { padding-bottom: 5px !important }

.pbtm10 { padding-bottom: 10px !important }

.pbtm15 { padding-bottom: 15px !important }

.pbtm20 { padding-bottom: 20px !important }

.pbtm25 { padding-bottom: 25px !important }

.pbtm30 { padding-bottom: 30px !important }

.pbtm35 { padding-bottom: 35px !important }

.pbtm40 { padding-bottom: 40px !important }

.ptp5 { padding-top: 5px !important }

.ptp10 { padding-top: 10px !important }

.ptp15 { padding-top: 15px !important }

.ptp20 { padding-top: 20px !important }

.ptp25 { padding-top: 25px !important }

.ptp30 { padding-top: 30px !important }

.ptp35 { padding-top: 35px !important }

.ptp40 { padding-top: 40px !important }

.plr20 { padding: 0 20px !important; }

.plr30 { padding: 0 30px !important; }

.plr40 { padding: 0 40px !important; }

.ptb30 { padding-top: 30px !important; padding-bottom: 30px !important; }

.ptb40 { padding-top: 40px !important; padding-bottom: 40px !important; }

/* Font Size */






.fsz12 { font-size: 12px !important; }

.fsz13 { font-size: 13px !important; }

.fsz14 { font-size: 14px !important; }

.fsz15 { font-size: 15px !important; }

.fsz16 { font-size: 16px !important; }

.fsz17 { font-size: 17px !important; }

.fsz18 { font-size: 18px !important; }

.fsz19 { font-size: 19px !important; }

.fsz20 { font-size: 20px !important; }

.fsz30 { font-size: 30px !important; }

/* Position */




.pos-rel { position: relative; }

.pos-abs { position: absolute; }

h2 { font-size: 32px; font-weight:700; color: #3b3b3b; margin: 0 0 5px 0; padding: 0 }

h3 { font-weight:700; font-size: 20px; margin: 0 0 10px 0; padding: 0; color: #3b3b3b }
 @media only screen and (min-width:768px) {

.container-c { margin: 0 auto !important; max-width: 1170px; }
}

p a { text-decoration: underline; }

/* * * * * TopBar Start * * * * */




.main-wrapper { max-width: 1340px; margin: 0 auto; padding: 0 15px }

.topbar { margin: 0; padding: 0; background: #f7f7f7; border-bottom: 1px solid #d4d4d4 }

.phone-email { margin: 8px 0 0 0; padding: 0 }

.phone-email:after { clear: both; display: table; content: "" }

.phone-email ul { margin: 0; padding: 0 }

.phone-email ul li { margin: 0 10% 0 0; list-style-type: none; padding: 0; float: left; color: #000000; }

.phone-email ul li:last-child { margin-right: 0 }

.phone-email ul li a { color: #000000; font-size: 14px; margin: 0; padding: 0; }

.phone-email ul li i { margin-right: 5px; font-size: 16px }

.language-dropdown { margin: 6px 0 0 0; text-align: right; }

.language-dropdown ul { margin: 0; padding: 0; }

.language-dropdown ul li { margin: 0; padding: 0; list-style-type: none; display: inline-block; }

.language-dropdown ul li a.cart-icon { background: url(../images/cart-icon-top.png) no-repeat 3px 2px; display: block; color: transparent; width: 32px; height: 32px; }

.language-dropdown ul li a.account-icon { background: url(../images/account-icon-top.png) no-repeat 3px 2px; display: block; color: transparent; width: 32px; height: 32px; }

.language-dropdown ul li .dd { position: relative; padding-right: 5px; }

.language-dropdown ul li a { color: #000 }

.language-dropdown ul li a i { margin-right: 8px; padding-bottom: 10px; }

.language-dropdown ul li span ul { display: none; position: absolute; z-index: 999999; margin: 0; padding: 0; top: 26px; width: 150px; }

.language-dropdown ul li span:hover ul { display: block; right: -60px; border: 1px solid #ccc; }
 @media only screen and (max-width:767px) {

.language-dropdown ul li span:hover ul { right: 0px; }
}

.language-dropdown ul li span ul li { display: block; background: #fff; float: none; margin: 0; padding: 0; position: relative; border-bottom: 1px solid #ccc;  }

.language-dropdown ul li span ul li a { padding: 10px;  font-size: 14px; display: block; width: auto !important; }

.language-dropdown ul li span ul li a:hover { color: #fff; background: #e5332d;  }

.search-box { border-left: 1px solid #b3b3b3; margin: 0; padding: 0 52px 0 0; position: relative; }

.search-box:after { background: #e5332d;  content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 52px; }

.search-box .searchfield { width: 100%; background-color: transparent; margin: 0; padding: 8px 20px; font-size: 15px; color: #717171; border: 0;  }
 .search-box .searchfield::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 opacity:1;
}
.search-box .searchfield::-moz-placeholder { /* Firefox 19+ */
 opacity:1;
}
.search-box .searchfield:-ms-input-placeholder { /* IE 10+ */
 opacity:1;
}
.search-box .searchfield:-moz-placeholder { /* Firefox 18- */
 opacity:1;
}

.searchbtn { color: #fff; position: absolute; right: 0; height: 100%; top: 0; width: 52px; border: 0; background: url(../images/search-icon.png) no-repeat center; z-index: 1 }

.topwrapper { margin: 0; padding: 0; border-bottom: 1px solid #d4d4d4 }

.logo { margin: 17px 0 0 0;  }

.logo1 { margin: 31px 0 0 0;  }

/* * * * * Toplinks * * * * * */



.toplinks { margin: 0 0 0 0; padding: 0; }

.toplinks ul { margin: 0; padding: 0; }

.toplinks ul li { display: inline-block; position: relative; margin: 0; padding: 0; list-style-type: none; }

.toplinks ul li a { color: #171816; margin: 0; padding: 32px 13px; display: block; font-size: 15px; }

.toplinks ul li.menu-item-14677>a,
.toplinks ul li.menu-item-14761>a,
.toplinks ul li.menu-item-15335>a,
.toplinks ul li.menu-item-15814>a, .toplinks ul li.menu-item-18059>a, .toplinks ul li.menu-item-18091>a { cursor: default !important; }

.toplinks ul li a i { width: 38px; height: 32px; display: block; margin: 0 auto 5px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }

.toplinks ul li.news a i { background: url(../images/news-icon.png) no-repeat 0 0; }

.toplinks ul li.news a:hover i { background: url(../images/news-icon.png) no-repeat 0 -32px; }

.toplinks ul li.ts a i { background: url(../images/ts-icon.png) no-repeat 0 0; }

.toplinks ul li.ts a:hover i { background: url(../images/ts-icon.png) no-repeat 0 -32px; }

.toplinks ul li.bp a i { background: url(../images/bp-icon.png) no-repeat 0 0; }

.toplinks ul li.bp a:hover i { background: url(../images/bp-icon.png) no-repeat 0 -32px; }

.toplinks ul li.ss a i { background: url(../images/ss-icon.png) no-repeat 0 0; }

.toplinks ul li.ss a:hover i { background: url(../images/ss-icon.png) no-repeat 0 -32px; }

.toplinks ul li.tg a i { background: url(../images/au-icon.png) no-repeat 0 0; }

.toplinks ul li.tg a:hover i { background: url(../images/au-icon.png) no-repeat 0 -32px; }

.toplinks ul li.sh a i { background: url(../images/sh-icon.png) no-repeat -2px 0; }

.toplinks ul li.sh a:hover i { background: url(../images/sh-icon.png) no-repeat -2px -32px; }

.toplinks ul li.cu a i { background: url(../images/cu-icon.png) no-repeat 0 0; }

.toplinks ul li.cu a:hover i { background: url(../images/cu-icon.png) no-repeat 0 -32px; }

.toplinks ul li.dis a i { background: url(../images/distributors.png) no-repeat 0 0; }

.toplinks ul li.dis a:hover i { background: url(../images/distributors.png) no-repeat 0 -32px; }

.toplinks ul li.support a i { background: url(../images/support.png) no-repeat 0 0; }

.toplinks ul li.support a:hover i { background: url(../images/support.png) no-repeat 0 -32px; }

.toplinks ul li a:hover,
.toplinks ul li a.active { background: #e5332d; color: #fff }

.toplinks ul li:hover > a i { background-position: 0 -32px; }

.toplinks ul li.current-menu-item > a { background: #e5332d; color: #fff }

.toplinks ul li.current-menu-item > a i { background-position: 0 -32px; }

.toplinks ul li:hover>a { background: #e5332d; color: #fff }

.toplinks ul ul { background: #fff; display: none; position: absolute; right: 0; top:118px; width: 270px; z-index: 100; transition: all 0.10s ease-in-out; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; }

.toplinks ul li:hover>ul { display: block; }

.toplinks ul ul li { display: block; float: none; margin: 0; padding: 0; position: relative; border-bottom: 1px solid #ccc; }

.toplinks ul ul li a { padding: 10px;  font-size: 14px; }

.toplinks ul ul li a:hover { color: #fff; background: #e5332d; }

.toplinks ul ul ul { right: 100%; margin: 0; top: 0; }

.btn-book-a-demo { background: #e5332d; margin: 36px 0 0 0; text-align: center; color: #fff; font-size: 15px; border-radius: 50px; padding: 15px 25px; width: 100%; display: block }

.btn-book-a-demo:hover,
.btn-book-a-demo:focus { color: #fff; outline: 0 none; background: #ce2924; }

/* * * * * Svg  * * * * * */



.topshape { position: absolute; top: -1px; left: 0; width: 100%; z-index: 1; }

.bottomshape { position: absolute; bottom: -7px; left: 0; width: 100%; z-index: 1; }


/* * * * * Header  * * * * * */



.header-wrapper { margin: 0; padding: 100px 0 0 0 !important; position: relative; background-size: cover !important; }

.header-info { max-width: 790px; margin: 0; margin-right: 15% !important; }

.header-info h2 { margin: 0; padding: 0; font-size: 44px; font-weight:700; color: #fff; line-height: 1; margin-left: -16px; margin-bottom:20px; }

.header-info h2 span {  display: block }

.header-info h5 {  font-size: 24px; color: #fff; margin: 20px 0 0 0; padding: 0; display: block; margin-left: -16px; }

.four-blocks { margin-bottom: 10px !important; padding: 0; max-width:520px; }

.four-blocks .aio-icon-component, .four-blocks .wpb_column > .wpb_wrapper .aio-icon-component {
    margin-bottom: 5px !important;
}

.four-blocks .default-icon .aio-icon-header {
    display: table-cell;
    vertical-align: top;
}

.four-blocks .vc_column_container > .vc_column-inner { padding-left:0 !important;}

.fbs { position: relative }

.fbs h3 { font-size: 20px !important; color: #fff; margin: 0; padding: 0 15px 0 0 ; font-weight:700; }

.fbs h3 span {  position: relative; display: block }

.iconimg { display: block; position: absolute; left: 0; top: 0; min-height: 60px; }

.header-info a { background: #e5332d; text-align: center; color: #fff; font-size: 18px; border: 3px solid #fff; border-radius: 50px; padding: 10px 35px; display: inline-block; margin-left: -15px !important; text-decoration: none; }

.header-info a:hover,
.header-info a:focus { color: #fff; background: #ce2924; }

.book-consultation-btn { position: fixed; z-index: 100; background: rgb(2,0,36); background: #e5332d; text-align: center; color: #fff; font-size: 15px; border: 3px solid #fff; padding: 10px 35px; border-radius: 10px; transform: rotate(-90deg); top: 400px; right: -64px }

.book-consultation-btn:hover,
.book-consultation-btn:focus { color: #fff;  }

/* * * * * Synel workforce  * * * * * */



.synel-workforce { background: #fff; padding: 0px 0 0px 0; position: relative } 

.home-logo-bg { margin-top:65px !important; margin-bottom:50px !important; }

.synel-workforce h2 { font-size: 32px; font-weight:700; text-align: center; color: #3b3b3b; margin: 0px 0 5px 0; padding: 0 }

.synel-workforce p { font-size: 20px;  text-align: center; color: #5c5c5c; margin: 0; padding: 0 }

/* * * * * Contact us  * * * * * */



.contactus { background: #1b1b1b; padding-top: 60px; padding-bottom: 30px; position: relative }

.contactus-inner { background: #1b1b1b; padding-top: 30px; padding-bottom: 0px; position: relative }

.contactus h2,
.contactus-inner h2 { font-size: 32px; font-weight:700; text-align: center; color: #fff; margin: 0 0 20px 0; padding: 0 }

.formbox { display: flex; flex-direction: row; align-items: top !important; justify-content: center }

.formbox .formfield { flex: 0 0 20%; padding: 0 5px 10px 5px; }

.inputf { border-radius: 50px!important; background: #fff!important; padding: 12px 20px !important; width: 100%!important; border: 0; color: #5c5c5c!important; outline: 0 none!important;  font-size: 16px!important; }

.inputsubmit { border-radius: 50px; display: block; width: 100%; background: #e5332d; border: 3px solid #fff; text-align: center; padding: 10px 20px; color: #fff; outline: 0 none;  font-size: 15px; }

.inputsubmit:hover,
.inputsubmit:focus { background: #ce2924; }
 .inputf::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 opacity:1;
}
.inputf::-moz-placeholder { /* Firefox 19+ */
 opacity:1;
}
.inputf:-ms-input-placeholder { /* IE 10+ */
 opacity:1;
}
.inputf:-moz-placeholder { /* Firefox 18- */
 opacity:1;
}

.desc { max-width: 716px; margin: 30px auto 0; clear: both }

.desc p { font-size: 14px;  text-align: center; color: #fff; margin: 0 0 0 0; padding: 0 }

.relative { position: relative !important; }

/* * * * * Mangaement Solutions  * * * * * */



.management-solutions { margin: 0; padding: 0 0 0 0; position: relative !important; background: #f8f9fa; }

.management-solutions .topshape { top: -4px }

.management-solutions h2 { font-size: 32px; font-weight:700; color: #3b3b3b; margin: 0 0 15px 0; padding: 0 }

.management-solutions p { font-size: 15px;  color: #5c5c5c; margin: 0 0 15px 0; padding: 0 }

.msbox { width: 100%; margin-top: 50px; }

.msleft { padding: 0 0 0 0; width: 68%; position: relative; }

.msleft img { width: 100% }

.workforce { background-color: #f8f9fa; padding-top: 50px; margin-bottom: -10% }

.workforce h2 {  }

.workforce .msleft { padding: 0 0 0 0; width: 58%; position: relative; }

.workforce .msinfo { max-width: 592px; margin: 0; position: absolute; right: 25%; top: 100px; z-index: 1 }

.msinfo { max-width: 650px; margin-right:20px; }

.msinfo a,
.btn-o a { border-radius: 50px; display: inline-block; background: #e5332d; border: 3px solid #fff; text-align: center; padding: 10px 35px; color: #fff; outline: 0 none;  font-size: 15px; text-decoration: none; }

.msinfo a:hover,
.msinfo a:focus,
.btn-o a:hover,
.btn-o a:focus { background: #ce2924; }

/* * * * * Solutions  * * * * * */



.solutions-wrapper { padding: 70px 0 0 0; position: relative; }

.solutions-wrapper h2 { font-size: 32px; font-weight:700; text-align: center; color: #3b3b3b; margin: 0; padding: 0 }

.solutions-wrapper h2 span { display: block; font-size: 20px;  color: #3b3b3b; }

.sw-box { text-align: center; margin: 0 0 0 0; padding: 30px 0; position: relative !important;   }

.sw-box-top {  margin: 0 0 50px 0; padding: 50px 0 0 0; position: relative !important; min-height: 435px !important; }

.sw-box-inner .sw-box { text-align:center; margin:0 0 0 0; padding:0px 0 60px 0 }

.iconsw { min-height: 60px; display: block }

.sw-box h4,
.sw-box-top h4 {  font-weight:700; font-size: 20px; margin: 17px 0 10px 0; padding: 0; color: #3b3b3b }

.sw-box p,
.sw-box-top p {  font-size: 15px; margin: 0 0 20px 0; padding: 0; color: #5c5c5c }

.sw-box a { 
background: #e5332d; text-align: center; color: #fff; font-size: 15px; border-radius: 50px; padding: 10px 30px; display: inline-block; font-weight:700; text-decoration: none;   }

.sw-box-top a { background: #e5332d; text-align: center; color: #fff; font-size: 15px; border-radius: 50px; padding: 10px 0px; display: inline-block; font-weight:700; text-decoration: none; position: absolute; bottom: 0; left: 0; right: 0;  width: 177px; }

.sw-box a:hover,
.sw-box a:focus { background: #ce2924; color: #fff }

.sw-highlight { margin: 0 0 50px 0; padding: 120px 15px 30px 15px !important; background: #eceff3; position: relative }

.sw-highlight h3 { font-weight:700; font-size: 32px; margin: 0 0 10px 0; padding: 0; color: #3b3b3b }

.sw-highlight h5 {  font-size: 20px; margin: 0 0 0 0; padding: 0; color: #5c5c5c }

.sw-highlight p {  font-size: 15px; margin: 0 0 20px 0; padding: 0; color: #5c5c5c }

.sw-highlight a { background: #e5332d; text-align: center; color: #fff; font-size: 15px; border: 3px solid #fff; border-radius: 50px; padding: 6px 30px; display: inline-block; text-decoration: none; }

.sw-highlight a:hover,
.sw-box a:focus { background: #ce2924; color: #fff }

.iconswhighlight { position: absolute; left: 160px; top: 30px }

/* * * * * Counter  * * * * * */



.counter-wrapper { padding: 195px 0; position: relative; background: url(../images/counte-bg.jpg) no-repeat center top; background-size: cover }

.counter-wrapper h2 { font-size: 50px; font-weight:700; color: #fff; margin: 0; padding: 0 }

.counter-wrapper p { font-size: 15px;  color: #fff; margin: 0; padding: 0 }

.counter-wrapper .topshape { top: -2px }

.counter-wrapper .bottomshape { bottom: -8px }

.c-content { text-align: center; margin: 0 0 45px 0; }

/* * * * * Leading Hardware * * * * * */



.leading-hardware { padding: 45px 0 0 0; position: relative }

.leading-hardware h2 { font-size: 32px; margin: 0 0 25px 0; padding: 0; color: #3b3b3b; font-weight:700; line-height: normal }

.leading-hardware p { font-size: 15px; margin: 0 0 25px 0; padding: 0; color: #5c5c5c; line-height: 25px;  }

.iconlinsting { padding: 15px 0 0 0; }

.iconlinsting:after { clear: both; display: table; content: "" }

.iconlinsting ul { margin: 0; padding: 0 }

.iconlinsting ul li { margin: 0 0 20px 0 !important; min-height: 38px; padding: 0 0 0 45px;  font-size: 15px; list-style-type: none; position: relative }

.iconlinsting ul li img { position: absolute; left: 0; top: 0 }

.mobile-img { padding: 0 }

.mobile-img img { max-width: 100% }

/* * * * * Return Investment * * * * * */




.return-investment { background: #eceff3; padding: 175px 0 0 0; position: relative }

.return-investment h2 { font-size: 32px; color: #3b3b3b; margin: 0; text-align: center; padding: 0; font-weight:700; }

.investment-calculator { padding: 0 }

.ri-boxes { text-align: center; margin: 85px 0 0 0 }

.ri-boxes h3 { font-size: 20px; color: #3b3b3b; margin: 0 0 25px 0; padding: 0; font-weight: normal }

.ri-boxes h6 { font-size: 15px; color: #3b3b3b; margin: 15px 0 0 0; padding: 0; font-weight: normal }

.progressbars { margin: 0; padding: 0; border: 2px solid #e5332d; background: #fff; border-radius: 15px; height: 22px; position: relative; }

.progressfill { background: #e5332d; left: -1px; margin: 0; padding: 0; position: absolute; height: 100%; border-radius: 15px; z-index: 1 }

.dragbtbn { border-radius: 50%; box-shadow: 0px 0px 8px 0px rgba(0, 0, 1, 0.3); position: absolute; width: 32px; height: 32px; top: -7px; z-index: 2; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e6e6e6+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-9 */
}

.saved-box { margin: 60px 0 35px 0; padding: 50px 0; background: #3b3b3b; position: relative }

.saved-box p { font-size: 15px; margin: 0 0 8px 0; padding: 0; color: #fff }

.saved-box h3 { font-size: 54px; margin: 0; padding: 0; color: #fff; font-weight:700; }

.sb-box { padding: 0 50px; text-align: center; position: relative }

.saved-box .col-md-4:last-child .sb-box:before { display: none }

.sb-box:before { border-right: 1px solid #767676; content: ""; position: absolute; right: 0; height: 100%; top: 0 }

.btn-bookdemo { border: 2px solid #fff; text-align: center; color: #fff; background: #e5332d; display: inline-block; border-radius: 40px; padding: 10px 70px; font-size: 18px; text-decoration: none; }

.btn-bookdemo:hover,
.btn-bookdemo:focus { background: #ce2924; color: #fff }

/* * * * * Exhibition * * * * * */



.exhibition-wrapper { padding: 180px 0 80px 0; position: relative; background: url(../images/footer-home-banner.png) no-repeat top; background-size: cover; }

.exhibition-wrapper .topshape { top: -1px }

.exhibition-info h2 { font-size: 40px; margin: 30px 0 0px 0 !important; padding: 0; font-weight:700; color: #0a0a0a; line-height: normal; display: block; }

.exhibition-info h3 { font-size: 22px; margin: 0 0 0 0; padding: 0; font-weight:700; color: #b71448; line-height: normal }

.exhibition-info h4 { font-size: 22px; margin: 0 0 0 0; padding: 0; font-weight:700; color: #0a0a0a; line-height: normal }

.exhibition-info h4 a { color: #0a0a0a; text-decoration: none; }

.exhibition-info em {  font-style: normal }

.orange-txt { color: #e5332d }

.purple-txt { color: #581077 }

.title-exhibition img { max-width: 100% }

.exhibition-info .btn-c a { background: #e5332d; text-align: center; color: #fff; font-size: 15px; margin: 0 0 0 0; border-radius: 50px; padding: 10px 50px; display: inline-block; text-decoration: none; }

.exhibition-info .btn-c a:hover,
.exhibition-info .btn-c a:focus { background: #ce2924; color: #fff }

/* * * * * Bottom Wrapper * * * * * */



.bottom-wrapper { padding: 80px 0 65px 0; background: #1b1b1b }

.bottom-wrapper .col-md-2 { padding: 0 !important; }

.bottom-wrapper h4 { font-size: 20px; margin: 0 0 30px 0; padding: 0 0 15px 0; color: #fff; font-weight:700; position: relative;  }

.bottom-wrapper h4:after { content: ""; right: 0; width: 40px; height: 2px; margin: 0; position: absolute; bottom: 0; background: #e5332d; }

.bottom-wrapper ul { margin: 0 0 0 0; padding: 0 }

.bottom-wrapper ul:after { clear: both; display: table; content: "" }

.bottom-wrapper ul li { list-style-type: none; margin: 0 0 8px 0; padding: 0 10px 0 0; position: relative; color: #fff;  background: none !important; }

.bottom-wrapper ul li a { font-size: 14px; color: #fff; margin: 0;  background: none !important; }

.bottom-wrapper p { color:#fff;}

.bottom-wrapper ul li a:hover { color: #e5332d }

.bottom-wrapper ul li:before { content: "\f0d9"; position: absolute; margin: 0; right: 0; font-family: 'FontAwesome'; }

.col-half-offset { margin-left: 4.166666667% }

.terms-condition { margin: 0; padding: 0 }

.terms-condition ul { margin: 0; padding: 0; float: right }

.terms-condition ul li { float: left; list-style-type: none; padding: 0 15px; color: #fff; border-right: 1px solid #7d7d7d; }

.terms-condition ul li:last-child { border-right: 0; padding-right: 0 }

.terms-condition ul li:before { display: none }

.terms-condition ul li a { color: #e5332d;  font-size: 14px; }

.terms-condition ul li a:hover { color: #fff; }

/* * * * * Footer * * * * * */



footer { background: #0d0d0d; padding: 20px 0 0 0 }

footer p { text-align: right; font-size: 14px; color: #8e8e8e; margin: 20px 0 0 0;  }

.readytochat { width: 55%; background: #e5332d; padding: 0; border-radius: 6px 6px 0 0; padding: 15px 20px; color: #fff; float: right; margin: 42px 0 0 0 }

.readytochat h3 { background: url(../images/chat-icon.png) no-repeat right top; padding: 6px 40px 6px 0; margin: 0; font-size: 14px;  color: #fff !important; }

.bottom-zero .wpb_content_element { margin-bottom: 0 !important; }

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing { border: 2px solid #f7e700; color: #f7e700; }

.ajax-loader { display: none !important; }

div.wpcf7-mail-sent-ok { border: 2px solid #398f14; color: #fff; }

/* * * * * InnerPages * * * * * */



.hdr-inner { min-height: 505px; color: #fff; background-size: cover !important; }

.hdr-inner-dark { background: url(../images/hdr-left-dark.png) no-repeat left; background-size: cover !important; min-height: 505px; position: relative; display: flex; align-items: center; }

.hdr-inner .bottomshape { bottom: -8px !important; }

.hdr-inner h1 { font-size: 54px; margin: 0; padding: 0; font-weight:700; }

.hdr-inner h1 span {  }

.hdr-inner p { font-size: 24px; color: #fff; margin: 0; padding: 0;  }

.board-members { padding-top: 80px; padding-bottom: 30px; }

.bmbx { text-align: center; margin-bottom: 50px; }

.bmbx-img { min-height: 200px; text-align: center; }

.bmbx-img img { max-width: 200px !important; height: 200px !important; display: block; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 100%; }

.bmbx:hover img { opacity: 1 }

.bmbx img { margin-bottom: 20px; opacity: 0.9; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }

.bmbx h6 { font-size: 18px; color: #3b3b3b; margin: 0 0 5px 0; padding: 0; font-weight:700; }

.bmbx p { font-size: 15px; color: #e5332d; margin: 0; padding: 0;  }

.become-sdp { padding-top: 60px; padding-bottom: 0; text-align: center; position: relative }

.become-sdp h2 { font-size: 32px; margin: 0 0 30px 0; color: #3b3b3b; padding: 0; font-weight:700; }

.become-sdp p { font-size: 15px; color: #5c5c5c; margin: 0 0 30px 0; padding: 0;  }

.sdp-forms { background: #f8f9fa; padding-top: 210px; position: relative }

.rounded-fieldbox { margin-bottom: 30px !important; }

.rounded-fieldbox label { font-size: 15px; color: #5c5c5c; margin: 0 0 5px 0; padding: 0;  display: block; font-weight: normal }

.input-rounded { border: 1px solid #c4c4c4!important; ; border-radius: 40px!important; ; padding: 13px !important; width: 100%!important; ; font-size: 14px!important; ; color: #5c5c5c!important; ; }

.sdp-forms2 { padding-top: 210px; padding-bottom: 80px; background: #fff; position: relative }

.btn-send { text-align: center; color: #fff; border: 0; background: #e5332d; display: block; width: 100%; border-radius: 40px; padding: 16px 30px 13px 30px; font-size: 18px; }

.btn-send:hover,
.btn-send:focus { background: #ce2924; color: #fff }

.mxwidth370 { max-width: 370px; margin: 0 auto }

.ready-articles { padding-top: 60px; padding-bottom: 120px; text-align: center; position: relative; background: #f8f9fa }

.ready-articles h2 { font-size: 32px; margin: 0 0 40px 0; color: #3b3b3b; padding: 0; font-weight:700; }

.ready-articles1 { padding-top: 60px; padding-bottom: 60px; text-align: center; position: relative; background: #f8f9fa }

.ready-articles1 h2 { font-size: 32px; margin: 0 0 40px 0; color: #3b3b3b; padding: 0; font-weight:700; }

.tiles { background: #ffffff; padding: 38px; margin-bottom: 30px; text-align: center; border: 1px solid #ececec }

.tiles img { margin: 0 0 15px 0 }

.tiles h6 { font-size: 15px; padding: 0; margin: 0; color: #3b3b3b; font-weight:700; }

/* * * * * Blog * * * * * */



.blog-listings { padding-top: 60px; padding-bottom: 60px; position: relative }

.blog-block { box-shadow: 0px 0px 12px 0px rgba(0, 0, 1, 0.2); min-height: 470px; margin-bottom: 30px; }

.blog-block img { height: 240px; display: block; width: 100%; -o-object-fit: contain; object-fit:contain; }

.blog-c { padding: 30px; background: #fff; min-height: 225px; }

.blog-c h5 { font-size: 18px; margin: 0 0 10px 0; padding: 0; color: #3b3b3b; line-height: normal; font-weight:700; }

.blog-c h5 a { color: #3b3b3b; font-size: 15px; }

.blog-c h5 a:hover { color: #e5332d }

.blog-c h6 { font-size: 14px; margin: 0 0 20px 0; line-height: normal; padding: 0; color: #3b3b3b; font-weight: normal }

.blog-c h6 span a,
.blog-c h6 span { color: #e5332d }

.blog-c p { font-size: 14px; margin: 0; padding: 0; color: #5c5c5c;  }

.partner-block { box-shadow: 0px 0px 12px 0px rgba(0, 0, 1, 0.2); min-height: 550px; margin-bottom: 30px; }

.partner-logo { border-bottom: 1px solid #e5332d; min-height: 243px; display: flex; align-items: center; justify-content: center; padding: 20px; }

.partner-logo img { max-height: 190px; display: block; max-width: 100%; height:auto;  }

.partner-logo-inner { margin-bottom: 40px; text-align:center; }

.partner-logo-inner img { height: auto; display: block; max-width: 100%; width:auto; margin:0 auto;  }

.sw-box1 { margin-top: 20px; }

.sw-box1 a { background: #e5332d; text-align: center; color: #fff; font-size: 15px; border-radius: 50px; padding: 10px 30px; display: inline-block; font-weight:700; }

.sw-box1 a:hover,
.sw-box1 a:focus { background: #ce2924; color: #fff }

.btn-readmore { border-radius: 50px; display: inline-block; background: #e5332d; border: 3px solid #fff; text-align: center; padding: 8px 40px; color: #fff; outline: 0 none; font-size: 15px; }

.btn-readmore:hover,
.btn-readmore:focus { background: #ce2924; color: #fff; }

.pagination-rounded { margin: 40px 0 0 0; text-align: center }

.pagination-rounded img { max-width: 100% }

.blog-detail { padding-top: 80px; padding-bottom: 110px; position: relative; }

.b-lrgimg { margin-bottom: 40px; text-align:center; }

.b-lrgimg img { display: block; width: auto; height:auto; max-width:100%; margin: 0 auto; }

.blog-d h3 { font-size: 20px; margin: 0 0 10px 0; padding: 0; color: #3b3b3b; line-height: normal; font-weight:700; }

.blog-d h6 { font-size: 14px; margin: 0 0 20px 0; line-height: normal; padding: 0; color: #3b3b3b; font-weight: normal }

.blog-d h6 span a,
.blog-d h6 span { color: #e5332d; font-weight:700; text-decoration: none; }

.blog-d h4 { font-size: 20px; margin: 40px 0 10px 0; padding: 0; color: #3b3b3b; line-height: normal; font-weight:700; }

.blog-d h5 { font-size: 15px; margin: 40px 0 15px 0; padding: 0; color: #3b3b3b; line-height: normal; font-weight:700; }

.blog-d p { font-size: 15px; margin: 0 0 20px 0; padding: 0; color: #5c5c5c;  }

.blog-d img {display:block;max-width:100%;height:auto}

p:empty { display: none; }

.blog-d p span { color: #ef6527; text-decoration: underline; }

.btn-back { text-align: center; color: #fff; border: 0; background: #e5332d; display: inline-block; border-radius: 40px; padding: 13px 80px; font-size: 15px; }

.btn-back i { font-size: 20px; margin-right: 5px; }

.btn-back:hover,
.btn-back:focus { background: #ce2924; color: #fff }

.rt-sidebar { margin: 0 }

.rt-sidebar h4 { font-size: 19px; margin: 0 0 30px 0; padding: 0; color: #3b3b3b; line-height: normal; font-weight:700; }

.bah-wrapper { background: #fff; padding-bottom: 0px; position: relative }

.bah-wrapper h2 { font-size: 32px; margin: 30px 0; color: #3b3b3b; padding: 0; font-weight:700; }

.bah-wrapper p { margin: 0 0 25px 0; padding: 0; font-size: 15px; color: #5c5c5c;  }

.bah-box { padding: 0; background: #fff; text-align: center; box-shadow: 0px 0px 12px 0px rgba(0, 0, 1, 0.2); margin-bottom: 30px; }

.bah-box .wpb_single_image .vc_single_image-wrapper,
.bah-box .wpb_single_image .vc_figure { display: inline !important; }

.bah-box .vc_column_container > .vc_column-inner, .shape .vc_column_container > .vc_column-inner { padding: 0 !important; }

.bah-box img { height: 243px !important; display: block; width: 100% !important; -o-object-fit: cover; object-fit: cover }

.bah-box-c h5 { font-size: 19px; margin: 0 0 10px 0; padding: 0; color: #3b3b3b; line-height: normal; font-weight:700; }

.bah-box-c h6 span { color: #e5332d }

.bah-wrapper .topshape { top: -1px; }

.bah-box-c { padding: 30px 15px; background: #fff; }

.bah-box-c p { font-size: 14px; margin: 0 0 20px 0; padding: 0; color: #5c5c5c;  }

.interested { background: #eceff3; padding-top: 40px; padding-bottom: 20px; position: relative }

.interested h2 { font-size: 32px; margin: 0 0 40px 0; text-align: center; color: #3b3b3b; padding: 0; font-weight:700; }

.interested-block { box-shadow: 0px 0px 12px 0px rgba(0, 0, 1, 0.2); margin-bottom: 30px; }

.interested-block .vc_column_container > .vc_column-inner { padding: 0 !important; }

.interested-block img { height: 200px; display: block; width: 100%; -o-object-fit: cover; object-fit: cover }

.interested-c { padding: 30px; background: #fff; min-height: 274px; }

.interested-c h5 { font-size: 20px; margin: 0 0 20px 0; padding: 0; color: #3b3b3b; line-height: normal; font-weight:700; }

.interested-c h5 a { color: #3b3b3b; }

.interested-c p { font-size: 14px; margin: 0 0 20px 0; padding: 0; color: #5c5c5c;  }

.about-wrapper { padding-top: 60px; position: relative; background: #f8f9fa }

.about-wrapper-icon { text-align: center; position: relative; background: #f8f9fa }

.about-wrapper h2 { font-size: 32px; margin: 0 0 30px 0; color: #3b3b3b; padding: 0; font-weight:700; }

.about-wrapper p { font-size: 15px; margin: 0 0 30px 0; padding: 0; color: #5c5c5c;  }

.aboutiles { background: #ffffff; padding: 38px 7px !important; min-height: 194px !important; text-align: center; border: 1px solid #ececec; }

.aboutiles img { margin: 0 0 15px 0 }

.aboutiles h6 { font-size: 18px; padding: 0; margin: 0; color: #3b3b3b; font-weight:700; }

.history-wrapper { padding-top: 60px; position: relative; }

.history-wrapper h2 { font-size: 32px; text-align: center; margin: 0 0 30px 0; color: #3b3b3b; padding: 0; font-weight:700; }

.history-wrapper p { font-size: 15px; margin: 0 0 30px 0; text-align: center; padding: 0; color: #5c5c5c;  }

.work-h { border-top: 1px solid #e3e3e3; padding: 40px 0 }

.history-line-bottom { border-bottom: 1px solid #e3e3e3; margin-bottom: 40px; }

.work-list { margin-bottom: 30px; padding-top: 10px; min-height: 54px; position: relative }

.work-list:after { display: table; content: ""; clear: both }

.work-list h5 { font-size: 18px; margin: 0 0 10px 0; padding: 0; color: #3b3b3b; line-height: normal; font-weight:700; }

.work-list p { font-size: 15px; margin: 0 0 20px 0;  padding: 0; color: #5c5c5c;  }

.work-list ul { margin: 0 0 20px 0; padding: 0 }

.work-list ul li { margin: 0 0 15px 0; list-style-type: none; font-size: 15px; padding: 0 0 0 12px; position: relative; color: #5c5c5c;  }

.work-list ul li:before { content: ""; width: 6px; position: absolute; left: 0; top: 7px; height: 6px; display: block; border-radius: 50%; background: #e5332d }

.events-wrapper { padding: 0; }

.event-desktop { margin: 0; padding: 0 }

.event-desktop img { max-width: 100% }

.event-mobile { padding: 20px 0 0 0; display: none }

.event-mobile ul { margin: 0; padding: 0; }

.event-mobile ul li img { position: absolute; left: 0; top: 0 }

.event-mobile ul li { margin: 0 0 30px 0; min-height: 62px; padding: 18px 0 0 130px; list-style-type: none; font-size: 15px; position: relative; color: #5c5c5c;  }

.event-mobile ul li:last-child { margin-bottom: 0 }

.vvm-wrapper { padding-top: 60px; position: relative; background: #f8f9fa }

.vvm-wrapper h2 { font-size: 32px; text-align: center; margin: 0 0 100px 0 !important; color: #3b3b3b; padding: 0; font-weight:700; }

.vvm-box { position: relative; margin-bottom: 100px }

.vvm-box img { position: absolute; left: 0; top: 0; max-width: none !important; }

.vvm-box h5 { font-size: 18px; margin: 0 0 10px 0; padding: 0; color: #3b3b3b; line-height: normal; font-weight:700; padding-left: 15px; }

.vvm-box p { font-size: 15px; margin: 0 0 20px 0;  padding: 0; color: #5c5c5c;  padding-left: 15px; }

.vvm-box ul { margin: 0 0 20px 15px !important; padding: 0 }

.vvm-box ul li { margin: 0 0 15px 0; list-style-type: none; font-size: 15px; padding: 0 0 0 12px; position: relative; color: #5c5c5c;  }

.vvm-box ul li:before { content: ""; width: 6px; position: absolute; left: 0; top: 7px; height: 6px; display: block; border-radius: 50%; background: #e5332d }

.testimonial-wrapper { padding-top: 0px; padding-bottom: 20px; position: relative; text-align: center; background: url(../images/counte-bg.jpg) no-repeat center bottom; background-size: cover }

.testimonial-wrapper h2 { font-size: 32px; text-align: center; margin: 0 0 60px 0; color: #fff; padding: 0; font-weight:700; }

.testimonial-c { max-width: 970px; margin: 0 auto; padding-top: 60px; padding-bottom: 80px; }

.testimonial-wrapper h4 { font-size: 18px; font-weight:700; color: #fff; margin: 0 0 5px 0; padding: 0 }

.testimonial-wrapper h5 { font-size: 14px;  color: #d9b7ae; margin: 0 0 25px 0; padding: 0 }

.testimonial-wrapper p { font-size: 15px;  color: #fff; margin: 0 0 50px 0; padding: 0; }

.testimonial-wrapper .topshape { top: -2px }

.testimonial-wrapper .bottomshape { bottom: -8px }

.testimonial-wrapper a { font-size: 18px; font-weight:700; color: #fff; margin: 0; padding: 0; text-decoration: underline; }

.msinfo ul,
.container-c ul,
.container-c ol, .blog-d ul, .blog-d ol { margin: 0 0 20px 0 !important; padding: 0 }

.msinfo ul li,
.container-c ul li, .blog-d ul li { margin: 0 0 10px 0; list-style-type: none;  font-size: 15px; padding: 0 20px 0 0px; position: relative; color: #5c5c5c;  }

.container-c ol li, .blog-d ol li { margin: 0 0 10px 18px;  font-size: 15px; padding: 0 0 0 12px; position: relative; color: #5c5c5c;  }

.msinfo ul li:before,
.container-c ul li:before, .blog-d ul li:before { content: ""; width: 6px; position: absolute; right: 0; top: 7px; height: 6px; display: block; border-radius: 50%; background: #e5332d }

.module-wrapper { background: #fff; padding-top: 0px; padding-bottom: 0x; position: relative }

.module-wrapper h2 { font-size: 32px; margin: 0 0 15px 0; color: #3b3b3b; padding: 0; font-weight:700; }

.module-wrapper h3 { font-size: 22px; margin: 0 0 15px 0; color: #3b3b3b; padding: 0; font-weight:700; }

.module-wrapper p { margin: 0 0 15px 0 !important; padding: 0; font-size: 15px; color: #5c5c5c;  }

.module-wrapper .topshape { top: -1px; }

.shape img { width: 100% !important; height: auto; }

.shape .wpb_content_element { margin-bottom: 0 !important; }

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing { border: 2px solid #f7e700; color: red; }

div.wpcf7-mail-sent-ok { border: 2px solid #398f14; display: none !important; }

/************=========Contact Us===========************/



.contactus-wrapper { padding-top: 80px; padding-bottom: 30px; }

.content-contactus { max-width: 800px; margin-left: auto; margin-right: auto; }

.callus-box { margin: 0; padding: 0 }

.callus-box p { margin: 0 0 0 0; padding: 0; line-height: 24px; font-size: 14px; color: #5c5c5c;  }

.callus-box h3 { margin: 0 0 20px 0; padding: 0; font-size: 20px; color: #5c5c5c;  }

.callus-box h3 a { color: #e5332d; padding: 0; background: transparent; font-size: 20px; }

.callus-box h3 a:hover,
.callus-box h3 a:focus { color: #e5332d; background: transparent; }

.callus-box h3 span { color: #e5332d }

.cblft { margin-bottom: 40px; padding-top: 20px }

.callus-box a { border-radius: 20px; display: inline-block; background: #e5332d; color: #fff; display: inline-block; border-radius: 40px; padding: 13px 25px; font-size: 15px; font-family:Tahoma, Geneva, sans-serif; }

.callus-box a:hover,
.callus-box a:focus { background: #ce2924; color: #fff }

.cbrt { margin-bottom: 40px; text-align: right }

.formc-contact { padding: 0; margin-bottom: 30px; font-size: 14px; font-family: 'montserratlight' !important; }

.formc-contact:after { content: ""; display: table; clear: both }

.input-contact { font-size: 16px!important; color: #5c5c5c!important; border: 1px solid #c4c4c4!important; border-radius: 40px!important; padding: 12px 20px !important; width: 100%!important; resize: none; font-family: 'montserratlight'!important; }
 .input-contact::-webkit-input-placeholder {
opacity:1;
}
 .input-contact::-webkit-input-placeholder { /* Chrome/Opera/Safari */
opacity:1;
}
 .input-contact::-moz-placeholder { /* Firefox 19+ */
opacity:1;
}
 .input-contact:-ms-input-placeholder { /* IE 10+ */
opacity:1;
}
 .input-contact:-moz-placeholder { /* Firefox 18- */
opacity:1;
}

.field-contact { margin-bottom: 30px !important; }

.formc-contact a { color: #e5332d; text-decoration: underline; }

.btnsubmit-contact { border-radius: 20px; width: 225px; display: inline-block; background: #e5332d; color: #fff; display: inline-block; border-radius: 40px; padding: 13px 25px; font-size: 15px; border: 0; font-family:Tahoma, Geneva, sans-serif; }

.btnsubmit-contact:hover,
.btnsubmit-contact a:focus { background: #ce2924; color: #fff }

.checkbox-c { margin: 0 10px 0 -15px; }

/************=========Checkbox===========************/



.checkbox { padding-left: 20px; margin-top: 0; margin-bottom: 0 }

.checkbox label { display: inline-block; vertical-align: middle; position: relative; color: #5c5c5c; font-size: 14px; font-weight: normal; padding-left: 20px; margin-right: 30px; }

.checkbox label::before { content: ""; display: inline-block; position: absolute; width: 30px; text-align: center; height: 30px; left: 0; margin-left: -20px; margin-top: 2px; border: 1px solid #999999; border-radius: 3px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }

.checkbox label::after { display: inline-block; position: absolute; width: 30px; height: 30px; border-radius: 3px; left: 0; top: 0; margin-top: 2px; text-align: center; margin-left: -20px; border: 1px solid #999999; padding-top: 0px; font-size: 19px; color: #555555; }

.checkbox input[type="checkbox"] { opacity: 0; z-index: 1; }

.checkbox input[type="checkbox"]:focus + label::before { outline: none; }

.checkbox input[type="checkbox"]:checked + label::after { font-family: "FontAwesome"; content: "\f00c"; }

.checkbox input[type="checkbox"]:indeterminate + label::after { display: block; content: ""; width: 10px; height: 3px; background-color: #555555; border-radius: 2px; margin-left: -16.5px; margin-top: 7px; }

.checkbox input[type="checkbox"]:disabled + label { opacity: 0.65; }

.checkbox input[type="checkbox"]:disabled + label::before { background-color: #eeeeee; cursor: not-allowed; }

/* Paging Navigation */




.paging-navigation { margin: 48px 0; text-align: center; }

.paging-navigation .loop-pagination { margin-top: -5px; text-align: center; }

.paging-navigation .page-numbers { border-top: 2px solid transparent; display: inline-block; font-size: 15px; font-weight: 600; width: 42px; height: 42px; text-align: center; line-height: 2.5; text-transform: uppercase; color: #000; background: #d9d9d9; border-radius: 100%; }

.paging-navigation a { color: #000; background: #d9d9d9; width: 42px; height: 42px; display: inline-block; border-radius: 100%; }

.paging-navigation .page-numbers.current { color: #fff; background: #f66e1d; width: 42px; height: 42px; display: inline-block; border-radius: 100%; }

.paging-navigation a:hover { color: #fff; background: #f66e1d; width: 42px; height: 42px; display: inline-block; border-radius: 100%; }

.paging-navigation a.prev { text-indent: -5000px; background: #d9d9d9 url(../images/left-arrow.png) no-repeat 14px 10px; }

.paging-navigation a.next { text-indent: -5000px; background: #d9d9d9 url(../images/right-arrow.png) no-repeat 16px 10px; }

.paging-navigation a.prev:hover { background: #000 url(../images/left-arrow.png) no-repeat 14px -30px; }

.paging-navigation a.next:hover { background: #000 url(../images/right-arrow.png) no-repeat 16px -30px; }

.hdr-casestudies { min-height: 263px; color: #fff; position: relative; display: flex; align-items: center; background-size: cover !important }

.hdr-casestudies .bottomshape { bottom: -8px; }

.hdr-casestudies h1 { font-size: 54px; margin: 0; padding: 0; font-weight:700; }

.hdr-casestudies p { font-size: 24px; color: #fff; margin: 0; padding: 0;  }

.case-studies-w { padding: 72px 0; position: relative }

.case-studies-w h2 { font-size: 32px; margin: 0 0 10px 0; color: #3b3b3b; padding: 0; font-weight:700; }

.case-studies-w h6 { font-size: 15px; color: #5c5c5c; margin: 0 0 35px 0; padding: 0;  }

.case-studies-w h6 span { color: #e5332d }

.case-studies-w h5 { font-size: 20px; margin: 0 0 30px 0; color: #3b3b3b; padding: 0; font-weight: normal; }

.case-studies-w p { font-size: 15px; color: #5c5c5c; margin: 0 0 30px 0; padding: 0;  }

.casestudy-img { padding: 0; margin-bottom: 40px }

.casestudy-img img { max-width: 100% }

.interested-c h4 { font-size: 20px; margin: 0 0 0 0; padding: 0; letter-spacing: -1px; color: #3b3b3b; line-height: normal; font-weight:700; }

.interested-c h6 { font-size: 14px; margin: 5px 0 20px 0; padding: 0; color: #3b3b3b; line-height: normal;  }

.interested-c h6 span { color: #e5332d; font-family:Tahoma, Geneva, sans-serif; }

.inner-wrapper-below-heading { background: #fff; padding-top: 60px; padding-bottom: 0px; position: relative }

.inner-wrapper-below-heading h2 { font-size: 32px; margin: 30px 0 10px 0; color: #3b3b3b; padding: 0; font-weight:700; }

.inner-wrapper-below-heading p { margin: 0 0 25px 0; padding: 0; font-size: 15px; color: #5c5c5c;  }

.career-wrapper { background: #f8f9fa; padding-top: 60px; padding-bottom: 0px; position: relative }

.career-wrapper h3 { text-align: center; color: #3b3b3b; font-size: 18px; font-weight:700; }

.orange-bullet ul { margin: 0 0 20px 0; padding: 0 }

.orange-bullet ul li { margin: 0 0 15px 0; list-style-type: none;  font-size: 15px; padding: 0 0 0 12px; position: relative; color: #5c5c5c;  }

.orange-bullet ul li:before { content: ""; width: 6px; position: absolute; left: 0; top: 7px; height: 6px; display: block; border-radius: 50%; background: #e5332d }

.career-form-wrapper { padding-top: 0px; position: relative; }

.career-form-wrapper p { text-align: center; color: #fff; padding: 15px 0; }

.case-f-image { float: left; padding: 0 20px 20px 0; }

.case-f-image img { display: block; max-width: 100%; height: auto }

.retail-wrapper { background: #eceff3; position: relative; }

.retail-wrapper h2 { padding-bottom: 10px; }

.retail-listing ul { padding: 0; margin: 20px 0 0 0; }

.retail-listing ul li { list-style-type: none !important; position: relative; padding: 0 0 20px 40px; margin: 0; display: block; font-size: 15px; color: #000; font-weight:700; }

.retail-listing ul li:before { background: none; }

.retail-listing ul li a:hover { color: #e5332d; }

.retail-listing ul li img { max-width: 30px; height: auto; position: absolute; left: 0; }

.white-bg { background: #fff; }

.retail-logo-wrapper { padding-top: 40px; }

.logo-grid img { display: inline-block; }

/* * * * Popup * * * */



.book-demopopup { max-width: 970px; margin: 0 auto; position: relative; width: 90%; }

.bd-t { background: #e5332d; text-align: center; padding: 40px }

.bd-t h3 { margin: 0; padding: 0; font-size: 32px; color: #fff; font-weight:700; }

.bd-f { background: #f5f5f5; text-align: center; padding: 40px 120px }

.bd-f p { margin: 0; padding: 0; font-size: 14px; color: #000000 }

.bd-c { background: #ffffff; text-align: center; padding: 60px 100px }

.bd-c .input-rounded { border-color: #999999; font-size: 15px; padding-left: 20px !important; padding-right: 20px !important; }
 .bd-c .input-rounded::-webkit-input-placeholder {
opacity:1;
}
 .bd-c .input-rounded::-webkit-input-placeholder { /* Chrome/Opera/Safari */
opacity:1;
}
 .bd-c .input-rounded::-moz-placeholder { /* Firefox 19+ */
opacity:1;
}
 .bd-c .input-rounded:-ms-input-placeholder { /* IE 10+ */
opacity:1;
}
 .bd-c .input-rounded:-moz-placeholder { /* Firefox 18- */
opacity:1;
}

.popup-closebtn { width: 56px; height: 56px; display: block; background: url(../images/popup-closebtn.png) no-repeat top; position: absolute; right: -16px; top: -23px }

.offices-wrapper { padding-top: 0px; padding-bottom: 80px; background: #f8f9fa; position: relative }

.offices-wrapper h2 { font-size: 32px; margin: 0 0 30px 0; color: #3b3b3b; padding: 0; text-align: center; font-weight:700; }

.offices-wrapper p { font-size: 15px; color: #5c5c5c; margin: 0 0 50px 0; text-align: center; padding: 0;  }

.offices-w { display: flex; justify-content: space-between; flex-wrap: wrap }

.offices-b { margin-bottom: 20px; flex: 0 0 31%; background: #ffffff; border: 1px solid #ececec; }

.offices-box { padding: 30px 30px 0 30px; }

.offices-b h4 { margin: 0 0 20px 0; padding: 0; font-size: 18px; color: #3b3b3b; font-weight:700; }

.offices-b ul { margin: 30px 0 0 0; padding: 0 }

.offices-b ul li { list-style-type: none; margin: 0 0 25px 0; padding: 0 0 0 40px; position: relative; font-size: 15px;  color: #3b3b3b }

.offices-b ul li:before { background: none; }

.offices-b ul li i { font-size: 25px; color: #e5332d }

.offices-b ul li img { position: absolute; left: 0; top: -3px }

.offices-b ul li:last-child { margin-bottom: 0 }

.offices-b ul li a {  font-size: 15px; color: #e5332d; text-decoration: underline }

.offices-b ul li a[href^="tel:"] { color: #3b3b3b; text-decoration: none; }

.offices-b ul li a:hover { opacity: 0.8 }

.career-formwrapper { padding-top: 80px; padding-bottom: 150px; background: url(../images/counte-bg.jpg) no-repeat; background-size: cover; position: relative }

.career-formwrapper p { font-size: 15px; color: #fff; margin: 40px 0 20px 0; padding: 0;  }

.career-formwrapper h2 { font-size: 32px; margin: 60px 0 60px 0; color: #fff; padding: 0; text-align: center; font-weight:700; }

.career-formwrapper .input-rounded { border-color: #999999; font-size: 15px; padding-left: 20px; padding-right: 20px; border: 0; background: #fff; }

.career-formwrapper .btn-send { margin-top: 23px; border: 2px solid #fff; padding-top: 14px; padding-bottom: 8px; }
 .career-formwrapper .input-rounded::-webkit-input-placeholder {
opacity:1;
}
 .career-formwrapper .input-rounded::-webkit-input-placeholder { /* Chrome/Opera/Safari */
opacity:1;
}
 .career-formwrapper .input-rounded::-moz-placeholder { /* Firefox 19+ */
opacity:1;
}
 .career-formwrapper .input-rounded:-ms-input-placeholder { /* IE 10+ */
opacity:1;
}
 .career-formwrapper .input-rounded:-moz-placeholder { /* Firefox 18- */
opacity:1;
}

.career-formwrapper label { font-size: 15px;  margin: 0; padding: 0; color: #fff }

.testimonial-w { padding-top: 80px; padding-bottom: 80px; position: relative }

.testimonial-w.bg { background: #f8f9fa }

.img-testimonial { box-shadow: 0px 0px 12px 0px rgba(0, 0, 1, 0.2); margin-bottom: 40px; }

.img-testimonial img { max-width: 100% }

.testimonial-w h2 { font-size: 32px; margin: 0 0 20px 0; color: #3b3b3b; padding: 0; font-weight:700; }

.testimonial-w p { font-size: 15px; color: #5c5c5c; margin: 0 0 30px 0; padding: 0;  }

.testimonial-w ul { margin: 0 0 20px 0; padding: 0 }

.testimonial-w ul li { margin: 0 0 15px 0; list-style-type: none;  font-size: 15px; padding: 0 0 0 12px; position: relative; color: #5c5c5c;  }

.testimonial-w ul li:before { content: ""; width: 6px; position: absolute; left: 0; top: 7px; height: 6px; display: block; border-radius: 50%; background: #e5332d }

.commentsbx { border: 1px solid #dcdcdc; padding: 30px 40px; margin-top: 20px; background: #f8f9fa }

.commentsbx.bg { background: #fff }

.commentsbx h5 { font-size: 20px; margin: 0 0 30px 0; padding: 0; line-height: 1.5; font-style: italic; color: #5c5c5c;  }

.commentsbx h6 { font-size: 20px; margin: 0; padding: 0; color: #5c5c5c }

.commentsbx p { display: block; font-size: 15px; color: #5c5c5c; padding: 0; margin: 0; }

.sol-power-w { padding-top: 0px; padding-bottom: 0px; position: relative; background: #eceff3 }

.img-sol-power { padding: 0 }

.img-sol-power img { max-width: 100% }

.sol-power-w h2 { font-size: 32px; margin: 0 0 25px 0; color: #3b3b3b; padding: 0; font-weight:700; }

.sol-power-w ul { margin: 0 0 20px 0; padding: 0 }

.sol-power-w ul li { margin: 0 0 15px 0; list-style-type: none;  font-size: 15px; padding: 0 0 0 26px; position: relative; color: #000; }

.sol-power-w ul li:before { content: ""; position: absolute; left: 0; background: url(../images/arrow-orange.png) no-repeat left; width: 16px; height: 14px; top: 5px; }

/*==================================================================================================================================================================================*/


.prbox { box-shadow: 0px 0px 12px 0px rgba(0, 0, 1, 0.2); }

.prbox .vc_column_container > .vc_column-inner { padding: 0 !important; }

.prwhite { padding: 30px; background: #fff }

.prwhite ul { margin: 0 0 20px 0; padding: 0 }

.prwhite ul li { margin: 0 0 10px 0; list-style-type: none;  font-size: 15px; padding: 0 0 0 26px; position: relative; color: #000; }

.prwhite ul li:before { content: ""; position: absolute; left: 0; background: url(../images/arrow-orange.png) no-repeat left; width: 16px; height: 14px; top: 5px; }

.prwhite h2 { font-size: 32px; margin: 0 0 30px 0; color: #f97218; padding: 0; font-weight:700; }

.prorange { padding: 40px 30px; background: #f97218 }

.prorange p { font-size: 14px; color: #fff; margin: 0 0 0 0; padding: 0;  }

.technical-specs-w { padding-top: 80px; padding-bottom: 0px; position: relative; }

.technical-specs-w h2 { font-size: 32px; text-align: center; margin: 0 0 50px 0; color: #3b3b3b; padding: 0; font-weight:700; }

.tstable { margin: 0; padding: 0; font-size: 15px;  }

.tstable table tr { position: relative; }

/*.tstable table tr:before{ position:absolute; width:100%; height:1px; content:""; background:#f97218; top:12px }*/


.tstable td { padding-bottom: 20px; vertical-align: top }

.tstable span.lfttxt { font-weight:700; background: #fff; padding-right: 8px; z-index: 1; position: relative }

.tstable span.rttxt {  background: #fff; padding-left: 8px; z-index: 1; position: relative }

.frrt-w { padding-top: 0px; padding-bottom: 80px; position: relative; background: url(../images/frrt-bg.jpg) no-repeat bottom; background-size: cover }

.frrt-w h2 { font-size: 32px; margin: 0 0 30px 0; color: #fff; padding: 0; font-weight:700; }

.frrt-w .tstable td { color: #fff }

.frrt-w .tstable span.lfttxt { font-weight:700; background: transparent; padding-right: 8px; z-index: 1; position: relative }

.frrt-w .tstable span.rttxt {  background: transparent; padding-left: 8px; z-index: 1; position: relative }

.frrt-w ul { margin: 0 0 20px 0; padding: 0 }

.frrt-w ul li { margin: 0 0 15px 0; list-style-type: none;  font-size: 15px; padding: 0 0 0 26px; position: relative; color: #fff; }

.frrt-w ul li strong { font-weight:700; }

.frrt-w ul li:before { content: ""; position: absolute; left: 0; background: url(../images/arrow-orange.png) no-repeat left; width: 16px; height: 14px; top: 5px; }

.shop-wrapper { padding-top: 80px; padding-bottom: 80px; position: relative; }

.shop-wrapper h2 { font-size: 32px; margin: 0 0 30px 0; color: #3b3b3b; padding: 0; font-weight:700; }

.shopcategories { padding: 0; margin-bottom: 30px }

.shopcategories:after { display: table; clear: both; content: "" }

.shopcategories ul { margin: 0; padding: 0 }

.shopcategories ul li { margin: 0 0 30px 0; list-style-type: none; }

.shopcategories ul li a { background: url(../images/plus-icon.png) no-repeat left top; padding: 1px 0 1px 29px; font-size: 15px; color: #3b3b3b; }

.shopcategories ul li a.active { background: url(../images/minus-icon.png) no-repeat left top; }

.shopcategories ul li ul { padding: 0; margin-top: 10px; margin-left: 10px }

.shopcategories ul li ul li { margin-bottom: 10px; }

.shopcategories ul li ul li a { background: none; }

.products-listing { margin: 0; padding: 0 0 0 50px; border-left: 1px solid #d1d1d1; }

.product-wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100% }

.productbox { padding: 0 15px; margin-bottom: 30px; width: 33%; }

.img-prod { margin: 0 }

.img-prod img { max-width: 100% }

.productbox h5 { font-size: 15px; color: #3b3b3b; padding: 0; margin: 0 0 5px 0; font-weight: normal; line-height: 24px; }

.productbox h6 { font-size: 15px; color: #909090; padding: 0; margin: 0 0 15px 0; font-weight: normal;  }

.productbox h6 span { color: #e5332d; font-weight:700; }

.productbox p { font-size: 14px; color: #5c5c5c; margin: 0 0 15px 0; padding: 0;  }

.social-media { margin-top: 10px; }

.social-media a { display: inline-block; margin: 0 5px 10px 0; padding: 0 }

.social-media a:hover { opacity: 0.85 }

.product-details { padding: 0; margin-bottom: 80px }

.img-prdet { margin: 0; position: relative; box-shadow: 5px 8.66px 20px 0px rgba(0, 0, 1, 0.2); }

.img-prdet img { max-width: 100% }

.zoom-btn { position: absolute; right: 30px; bottom: 30px; z-index: 1 }

.product-details h5 { font-size: 20px; color: #3b3b3b; padding: 0; margin: 0 0 15px 0; font-weight: normal; }

.product-details h6 { font-size: 18px; color: #909090; padding: 0; margin: 0 0 15px 0; font-weight: normal;  }

.product-details h6 span { color: #e5332d; font-weight:700; }

.product-details p { font-size: 14px; color: #5c5c5c; margin: 0 0 15px 0; padding: 0;  }

.stock { margin-top: 30px; font-size: 15px; position: relative }

.stock img { position: absolute; margin-left: 8px; top: 5px }

.in-stock { color: #1da62d }

.out-stock { color: #f20017 }

.atb-wrapper { margin-top: 30px; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; padding: 20px 0 23px 0 }

.atb-wrapper:after { clear: both; display: table; content: "" }

.addplusminus { width: 140px; margin-top: 4px; float: left }

.prdescription { padding-left: 30px }

.minus-btn { width: 40px; height: 38px; background: #3c3c3c; text-align: center; border-radius: 50px 0 0 50px; color: #fff; font-size: 22px; font-family: Arial, Helvetica, sans-serif; line-height: 38px; float: left !important }

.minus-btn:hover,
.plus-btn:focus { color: #fff }

.inputcounter { width: 60px; height: 38px; float: left; outline: 0 none; text-align: center; font-size: 14px; color: #000 }

.inputcounter:focus { outline: 0 none }

.plus-btn { width: 40px; height: 38px; background: #3c3c3c; text-align: center; border-radius: 0 50px 50px 0; color: #fff; font-size: 22px; font-family: Arial, Helvetica, sans-serif; line-height: 38px; float: left !important }

.plus-btn:hover,
.plus-btn:focus { color: #fff }

.atb-wrapper a { float: right }

.desc-specs { margin: 0 0 118px 0; padding: 0; border-bottom: 1px solid #d1d1d1; }

.desc-specs ul { margin: 0; padding: 0; position: relative; }

.desc-specs ul:after { border-bottom: 3px solid #d1d1d1; position: absolute; width: 100%; left: 0; bottom: -14px; content: "" }

.desc-specs ul li { margin: 0 6% 0 0; list-style-type: none; display: inline; padding: 0 }

.desc-specs ul li a { font-size: 15px; color: #3b3b3b; margin: 0; padding: 15px 0; font-weight:700; border-bottom: 3px solid transparent; position: relative; z-index: 1 }

.desc-specs ul li a:hover,
.desc-specs ul li a.active { border-bottom: 3px solid #e5332d; }

.content-des-specs { padding: 40px 0 20px 0 }

.content-des-specs h3 { font-size: 20px; color: #3b3b3b; padding: 0; margin: 0 0 20px 0; font-weight: normal; font-weight:700; }

.content-des-specs p { font-size: 14px; color: #5c5c5c; margin: 0 0 15px 0; padding: 0;  }

.faq-wrapper { padding-top: 60px; padding-bottom: 40px; }

.faq-wrapper .prbox { box-shadow: 0px 0px 12px 0px rgba(0, 0, 1, 0.2); margin-bottom: 30px; }

.faq-wrapper .prwhite { padding: 20px; background: #fff }

.faq-wrapper .prwhite ul { margin: 0 0 20px 0; padding: 0 }

.faq-wrapper .prwhite ul li { margin: 0 0 10px 0; list-style-type: none;  font-size: 15px; padding: 0 0 0 26px; position: relative; color: #000; }

.faq-wrapper .prwhite ul li:before { content: ""; position: absolute; left: 0; background: url(../images/arrow-orange.png) no-repeat left; width: 16px; height: 14px; top: 5px; }

.faq-wrapper .prwhite p { font-size: 14px; margin: 0 0 20px 0; color: #5c5c5c; padding: 0; font-weight:700; }

.faq-wrapper .prorange { padding: 20px; background: #f97218 }

.faq-wrapper .prorange h2 { font-size: 20px; color: #fff; margin: 0 0 0 0; padding: 0; font-weight:700; }

.search-c { padding-top: 60px; padding-bottom: 60px; }

.search-c h1 { font-size: 34px; margin: 0; padding: 0; font-weight:700; }

.search-c h3 a { font-weight:700; font-size: 20px; margin: 30px 0 10px 0; padding: 0; color: #e5332d; display:block; }

.downloads-wrapper { padding-top: 60px; padding-bottom: 60px; }

.dw-container { display: flex; flex-wrap: wrap }

.dw-box { margin-bottom: 30px; margin-right: 30px; width: 31%; position: relative; background: #ffffff; box-shadow: 0px 0px 12px 0px rgba(0, 0, 1, 0.2); overflow: hidden; }

.dw-box:nth-child(3n) { margin-right: 0 }

.imgdw { margin: 0; padding: 0 }

.imgdw img { width: 100%; -o-object-fit: contain !important; object-fit: contain!important; height: 243px }

.title-dw { background: #fff; padding: 20px; color: #3b3b3b; font-weight:700; font-size: 15px; text-align: center; display: flex; align-items: center; justify-content: center }

.title-dw .titxt { padding: 0 }

.project-desc { width: 100%; position: absolute; height: 100%; z-index: 1; background: linear-gradient(90deg, rgba(2,0,36,0.95) 0%, rgba(238,100,41,0.95) 0%, rgba(248,112,27,1) 100%); top: -100%; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; padding: 20px; }

.project-content { width: 100%; display: table; margin: 0; padding: 0; height: 100% }

.project-con { display: table-cell; vertical-align: middle; margin: 0; padding: 0; text-align: center; }

.project-con h3 { font-size: 20px; color: #fff; margin: 15px auto; padding: 0; font-weight:700; text-transform: uppercase; text-align: center; max-width: 350px; }

.dw-box:hover .project-desc { top: 0%; }

.dw-box a { border-radius: 50px; display: inline-block; background: #fff; text-align: center; padding: 8px 40px; color: #f8701b; outline: 0 none; font-size: 15px; }

.dw-box a:hover,
.dw-box a:focus { color: #f8701b; }

.bd-c a { color: #e5332d }

.customdialog { width: 100% }

.customdialog .modal-content { background: transparent; box-shadow: none; border: 0 }

.customdialog .modal-body { padding: 0 }

.col-centered { float: none !important; display: inline-block; vertical-align: top }

.pdf-icon .vc_icon_element-inner { background: #f06627 !important; }

.logo-grid { text-align: center; }

.logo-grid img { display: inline-block; margin: 10px 20px; max-height: 100px; width: auto; }

.access-container { padding-top: 60px !important; color: #fff; text-align: center; position: relative; }

.access-container h2 { color: #fff; }

.tcb-icon { fill: #fff; }

.access-img img,
.access-img svg { width: 80px; height: 80px; color: #fff !important; }

.access-img { text-transform: capitalize; }

.access-img .wpb_content_element,
ul.wpb_thumbnails-fluid > li { margin-bottom: 15px; }

.image-right { float: right; }

.cameras { text-align: center; }

.cameras img { width: auto; max-height: 150px; }

.education-solution { background-color: #f8f9fa; padding-top: 50px; position: relative; }

.block-orange { background: #e5332d; text-align: center; padding: 10px 35px; color: #fff !important; outline: 0 none; font-weight:700; font-size: 20px; }

.btn-o-right-margin { margin-right: 90px }

.Defaults-file-pdf-o::before { padding-left: 8px; }

.computer-top-margin { padding-top: 40px; }



/* Keyframes for the fade-in */
@-webkit-keyframes 
fadeIn { from {
opacity:0;
}

to { opacity: 1; }
}
@-moz-keyframes 
fadeIn { from {
opacity:0;
}

to { opacity: 1; }
}
@keyframes 
fadeIn { from {
opacity:0;
}

to { opacity: 1; }
}

.delayedShow { opacity: 0; opacity: 1 \9; /*just in case ie*/ -webkit-animation: fadeIn ease-in 1; -moz-animation: fadeIn ease-in 1; animation: fadeIn ease-in 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s; }

/* =WordPress Core
-------------------------------------------------------------- */

.alignnone { margin: 20px 20px 20px 0; }

.aligncenter,
div.aligncenter { display: block; margin: 20px auto 20px auto !important; }

.alignright { float: right; margin: 20px 0 20px 20px !important; }

.alignleft { float: left; margin: 20px 20px 20px 0 !important; }

a img.alignright { float: right; margin: 20px 0 20px 20px !important; }

a img.alignnone { margin: 5px 20px 20px 0; }

a img.alignleft { float: left; margin: 20px 20px 20px 0 !important; }

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 !important; }

.wp-caption.alignleft { margin: 5px 20px 20px 0 !important; }

.wp-caption.alignright { margin: 5px 0 20px 20px !important; }

.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 { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }

.screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;/* Above WP toolbar. */
}
/* =WordPress Core
-------------------------------------------------------------- */

.footer-logo img { max-height:130px; width:auto;}

.n2-ss-control-bullet { position: absolute !important; bottom: 26% !important; left: 35% !important; }


 @media only screen and (max-width:767px) {
.n2-ss-control-bullet { position: absolute !important; bottom: 22.5% !important; left: 23% !important; }





 }

.btn-modal {border-radius: 50px!important; display: inline-block; background: #e5332d!important; border: 3px solid #fff!important; text-align: center!important; padding: 8px 40px!important; color: #fff!important; outline: 0 none; font-size: 16px!important;}

.green { color:green;}

.red { color:red;}

.product-grid { direction:rtl; margin-bottom:25px;}

.product-grid h3{ margin-bottom:15px !important; color:#e5332d !important; text-align:center;}

.p-grid {  min-height: 243px; display: flex; align-items: center; justify-content: center; padding: 20px;  box-shadow: 0px 0px 12px 0px rgba(0, 0, 1, 0.2); margin-bottom: 20px !important;margin-top: 20px !important;}

.p-grid img { max-height: 190px; display: block; max-width: 100%; height:auto;  }


 input[type="email"], .Phone>input[type="text"], .tel>input[type="text"], input[type="tel"], .ltr { direction:ltr !important;}
 
 #catapult-cookie-bar {
    direction: rtl !important;
    text-align: left;
}
button#catapultCookie {
    margin: 0 20px 0 0px !important;
}