@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic);

.owl-wrapper {
    padding-top: 20px !important;
}
.body{
    overflow-x: hidden;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

::-moz-selection {
    color: #FFF;
    background: #eb1c24;
}

::selection {
    color: #FFF;
    background: #eb1c24;
}

body {
    margin: 0;
    padding: 0;
    color: #FFF;
    background: url(../images/footer-bg.png) no-repeat bottom;
}

.top-wrap {
    background: url(../images/bg.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    float: left;
    padding: 0 0 300px;
}

.top-head {
    width: 100%;
    position: fixed;
    background: #0e6cac;
    z-index: 99999;
    top: 0;
}

.top-head p {
    margin: 0;
    padding: 13px 0;
	float:right;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
}
.login-action p{ color: #000 !important; padding: 5px 5px 0 0 !important; }
.top-head p strong {
    font-weight: 700;
    font-size: 18px;
}

.top-head-right {
    float:left;
}

.top-head-right ul {
    margin: 0;
    padding: 0;
	direction:rtl;
    list-style: none;
    display: inline-block;
}

.top-head-right ul li {
    padding: 18px 20px;
    border-right: solid #3e89bd 1px;
    font-size: 16px;
    font-weight: 300;
    display: inline-block;
}

.top-head-right ul li a {
    color: #FFF;
}

.top-head-right ul li a:hover {
    color: #eb1c24;
}

.top-head-right ul li:last-child {
    border: none;
}

.top-head-social {
    float:left;
    padding: 18px 0 0 0;
}

.top-head-social i {
    margin: 0 5px;
    color: #FFF;
    font-size: 22px;
}

.wrapper {
    width: 100%;
    float: left;
    padding: 10px 0 0;
    margin: 20px 0 0 0;
}

.search-box {
    position: absolute;
    left: 0;
    background: #0e6cac;
    margin: 40px 0 0 0;
    color: #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 2px 0 0 0;
    font-size: 20px;
    cursor: pointer;
}

.wrapper .navbar-collapse.collapse {
    float: left;
}

.wrapper .navbar-collapse {
    padding: 0;
    width: 850px;
}

.wrapper .container-fluid {
    padding: 0;
}

.wrapper .navbar-collapse h1 {
    color: #000;
    font-size: 18px;
    padding: 5px 10px;
    margin: 0;
}

.loginarea {
    position: absolute;
    top: 0;
    left:0;
	direction:rtl;
    padding: 13px 0;
}

.loginarea i {
    color: #000;
    border-left: solid #000 1px;
    padding: 0 0 0 13px;
}

.loginarea ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.loginarea ul li {
    display: inline-block;
    padding: 0;
}

.loginarea ul li a {
    color: #0e6cac;
    font-size: 13px;
    padding: 0 13px 0 0;
    font-weight: 700;
}

.search-fld {
    width: 250px;
    position: absolute;
    left: 50px;
    top: 40px;
    display: none;
}

.search-fld input {
    background: #b1dcf9;
    border: none;
    padding: 6px 10px;
    height: auto;
    color: #000;
}

.closeButton {
    position: absolute;
    right: 0;
    width: 35px;
}

.slider {
    width: 100%;
    float: left;
    border-top: solid #35cd7d 2px;
    margin: 1% 0 0 0;
}

.slider .carousel-control {
    width: 35px;
    height: 35px;
    top: 50%;
    background-image: none;
    padding: 0 30px;
    opacity: 1;
}

.slider-shadow {
    width: 100%;
    height: 109px;
    float: left;
    background: url(../images/slide-shadow.png) no-repeat;
    margin: -1px 0 0 0;
}

.product-wrap {
    width: 100%;
    float: left;
}

.product-wrap h1 {
    padding: 0 0 20px;
    margin: 0 0 30px;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    position: relative;
    font-weight: 700;
    font-size: 35px;
}

.product-wrap h1:after {
    height: 4px;
    display: block;
    width: 65px;
    background: #168637;
    margin: 15px auto 0;
    content: '';
}

.product-wrap .nav-tabs > li {
    width: 32%;
    margin: -22px 18px 0 0;
    background: #fff;
    position: relative;
}

.product-wrap .nav-tabs > li a {
    padding: 0;
    border: 0;
    margin: 0;
    position: relative;
}

.product-wrap .nav-tabs > li:hover {
    opacity: .5;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    -ms-transition: 0.25s;
    transition: 0.25s;
}

.product-wrap .nav-tabs > li h2 {
    position: absolute;
    top: 0;
    left: 45px;
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

.product-wrap .nav-tabs > li a:hover {
    border: 0;
}

.product-wrap .nav-tabs > li:last-child {
    margin: -22px 0 0 0;
}

.product-wrap .nav-tabs > li.active {
    padding: 0 0 17px;
}

.product-wrap .nav-tabs > li.active:nth-child(1) {
    border: solid #009648 1px;
    border-bottom: none;
}

.product-wrap .nav-tabs > li.active:nth-child(2) {
    border: solid #ffe42b 1px;
    border-bottom: none;
}

.product-wrap .nav-tabs > li.active:nth-child(3) {
    border: solid #48b444 1px;
    border-bottom: none;
}

.product-wrap .nav-tabs > li:nth-child(1) img {
    border-bottom: solid #0e6cac 2px;
}

.product-wrap .nav-tabs > li:nth-child(2) img {
    border-bottom: solid #ffe42b 2px;
}

.product-wrap .nav-tabs > li:nth-child(3) img {
    border-bottom: solid #48b444 2px;
}

.product-wrap .nav-tabs > li.active:after {
    content: "\e252";
    font-family: 'Glyphicons Halflings';
    margin: 0 auto;
    right: 0;
    left: 0;
    position: absolute;
    color: #0e6cac;
    bottom: 16px;
    width: 8px;
    height: 8px;
    display: block;
}

.product-wrap .nav-tabs > li.active:nth-child(2):after {
    content: "\e252";
    font-family: 'Glyphicons Halflings';
    margin: 0 auto;
    right: 0;
    left: 0;
    position: absolute;
    color: #ffe42b;
    bottom: 16px;
    width: 8px;
    height: 8px;
    display: block;
}

.product-wrap .nav-tabs > li.active:nth-child(3):after {
    content: "\e252";
    font-family: 'Glyphicons Halflings';
    margin: 0 auto;
    right: 0;
    left: 0;
    position: absolute;
    color: #48b444;
    bottom: 16px;
    width: 8px;
    height: 8px;
    display: block;
}

.product-wrap .nav-tabs > li img {
    width: 100%;
}

.content-wrap {
    width: 100%;
    float: left;
    position: relative;
}

.content-inner {
    position: relative;
    right: 0;
    left: 0;
    margin-top: -277px;
}

.product-wrap .nav-tabs {
    border-bottom: none;
}

.product-wrap .tab-content {
    border-bottom: solid #2ba364 2px;
    text-align: center;
    color: #555855;
    position: relative;
    padding: 35px 0 13px;
    height: 300px;
}

.product-wrap .tab-content:after {
    content: "\e253";
    font-family: 'Glyphicons Halflings';
    color: #2ba364;
    position: absolute;
    bottom: -7px;
}

.product-wrap .prev {
    background: url(../images/thumb-arrow.png) no-repeat;
    width: 40px;
    height: 39px;
    padding: 0;
    box-shadow: none;
    position: absolute;
    left: 0;
    top: 42%;
    z-index: 9999;
}

.product-wrap .next {
    background: url(../images/thumb-arrow.png) no-repeat;
    width: 40px;
    height: 39px;
    padding: 0;
    box-shadow: none;
    background-position: -40px 0;
    position: absolute;
    right: 0;
    top: 42%;
    z-index: 9999;
}

.product-wrap .item h3 {
    font-size: 14px;
    color: #555855;
    padding: 0;
    margin: 0;
    font-weight: 700;
}

.product-wrap .item {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

.product-wrap .item:hover {
    -webkit-transform: scale(1.25); /* Safari and Chrome */
    -moz-transform: scale(1.25); /* Firefox */
    -ms-transform: scale(1.25); /* IE 9 */
    -o-transform: scale(1.25); /* Opera */
    transform: scale(1.25);
}

.welcomrarea {
    width: 100%;
    float: left;
	direction:rtl;
    padding: 90px 0;
}

.welcomrarea h1 {
    margin: 0;
    padding: 0;
    font-weight: 300;
    color: #0e6cac;
    font-size: 32px;
}

.welcomrarea h2 {
    margin: 0 0 36px;
    padding: 0;
    font-weight: 700;
    color: #000;
    font-size: 36px;
    text-transform: uppercase;
}

.welcomrarea p {
    margin: 0 0 36px;
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

.welcomrarea a {
    border: solid 1px #eb1c24;
    border-radius: 20px;
    color: #000;
    font-weight: 300;
    padding: 8px 20px;
    font-size: 14px;
}

.welcomrarea a i {
    margin: 0 0 0 10px;
}

.welcomrarea span {
    width: 183px;
    height: 190px;
    border-radius: 50%;
    display: inline-block;
    border: solid 1px #0e6cac;
    overflow: hidden;
    background: #ebebeb;
    position: relative;
}

.welcomrarea span img {
    width: 100%;
}

.welcomrarea .col-lg-2 {
    float: left;
}

.welcomrarea .col-lg-2 h3 {
    position: absolute;
    width: 100%;
    text-align: center;
    right: 7%;
    background: #0e6cac;
    border-radius: 20px;
    padding: 10px 30px;
    color: #fff;
    font-size: 18px;
    z-index: 9999;
}

.timeline-area {
    width: 100%;
    float: left;
    position: relative;
    background: url(../images/timeline-bg.jpg) repeat-x;
    height: 541px;
    padding: 90px 0;
}

.timeline-area .container {
    height: 100%;
}

.mirinta {
    position: absolute;
    right: -190px;
    top: -160px;
}

.pepsi {
    position: absolute;
    left: -80px;
    top: -150px;
}

.mtn {
    position: absolute;
    left: -170px;
    bottom: -160px;
}

.timeline-arrow {
    background: url(../images/timeline-centre.png) no-repeat;
    width: 47px;
    height: 22px;
    position: absolute;
    top: 0;
    margin: 0 auto;
    right: 0;
    left: 0;
}

.timeline-area h1 {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 36px;
    font-weight: 700;
}

.timeline-area h1:after {
    height: 2px;
    display: block;
    width: 65px;
    background: #fff;
    margin: 22px auto 0;
    content: '';
}

.timeline-list {
    width: 100%;
    float: left;
    padding: 45px 0 0 0;
}

.timeline-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.timeline-list ul li {
    width: 234px;
    float:right;
    padding: 0;
    position: relative;
    text-align: center;
}

.timeline-list ul li span {
    width: 100%;
    float: left;
    height: 135px;
    border-bottom: solid #FFF 1px;
    margin: 0 0 45px;
    position: relative;
}

.timeline-list ul li h5 {
    margin: 0 0 0 0 !important;
    padding: 0 5px !important;
    color: #fff !important;
    line-height: normal !important;
    font-size: 18px !important;
    display: inline-block !important;
    font-weight: 700 !important;
}

.timeline-list ul li i {
    position: absolute;
    color: #FFF;
    margin: 0;
    right: 0;
    left: 0;
    bottom: -7px;
}

.timeline-list ul li:hover i {
    color: #eb1c24;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    -ms-transition: 0.25s;
    transition: 0.25s;
}

.servicearea {
    width: 100%;
    float: left;
    padding: 70px 0;
}

.servicearea ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background: url(../images/services-line.jpg) no-repeat bottom;
    width: 100%;
    height: 160px;
}

.servicearea ul li {
    width: 290px;
    float: right;
    padding: 0;
    position: relative;
    text-align: center;
}

.servicearea ul li .circle {
    width: 100%;
    height: 280px;
    margin: 0 auto;
    right: 0;
    left: 0;
    bottom: 35px;
    z-index: 999;
    background: url(../images/circle.png) no-repeat;
    background-size: 100%;
    display: flex;
    position: relative;
}

.servicearea ul li h1 {
    background: url(../images/service-title.png) no-repeat center;
    padding: 13px 0;
    margin: 0;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    height: 62px
}

.servicearea ul li .hover {
    width: 100%;
    position: absolute;
    text-align: center;
    top: -194px;
    z-index: 999;
    height: 346px;
    background: #fff;
    padding: 10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    display: none;
}

.servicearea ul li .hover img {
    width: 100%;
}

.servicearea ul li .hover h2 {
    padding: 38px 0;
    text-transform: uppercase;
    margin: 0;
    font-weight: 700;
    text-align: center;
    font-size: 22px;
    color: #FFF;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
    right: 0;
    margin: 0 auto;
    background: url(../images/services-text-line.png) no-repeat bottom center;
}

.servicearea ul li .hover p {
    margin: 0;
    padding: 0 35px;
    position: absolute;
    top: 35%;
    line-height: normal;
    font-size: 16px;
}

.servicearea ul li .hover p span {
    color: #C93;
}

.servicearea ul li .hover p span a {
    color: #C93;
}

.servicearea ul li .hover p span a:hover {
    color: #FFF;
}

.awardsarea {
    width: 100%;
    float: left;
    padding: 0 0 65px 0;
}

.awardsarea ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.awardsarea ul li {
    width: 288px;
    float: right;
    margin: 0 1px 1px 0;
    position: relative;
    overflow: hidden;
}

.awardsarea ul li img {
    width: 100%;
    height: 202px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.awardsarea ul li:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.awardsarea ul li:hover span {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    -ms-transition: 0.25s;
    transition: 0.25s;
}

.awardsarea ul li span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.awardsarea ul li h1 {
    margin: 0;
    padding: 40px 40px 5px;
    font-size: 24px;
    font-weight: 700;
	text-align:right;
    text-transform: uppercase;
}

.awardsarea ul li a {
    font-size: 12px;
    color: #FFF;
	float:right;
    text-transform: uppercase;
    padding: 0 40px 0 0;
    font-weight: 700;
}

.awardsarea ul li a:hover {
    color: #eb1c24;
}

.qulty {
    width: 288px !important;
    background: #e2e2e2 !important;
    height: 202px;
    text-align: center;
}

.qulty h3 {
    color: #2d2b2b;
    margin: 0;
    padding: 80px 40px 5px;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

.qulty a {
    padding: 0 !important;
    color: #2d2b2b !important;
}

.awardsarea ul li i {
    background: url(../images/awards-arrow.png) no-repeat;
    width: 31px;
    height: 20px;
    position: absolute;
    bottom: 40px;
    right: 40px;
}

.awardsarea ul li:hover i {
    right: 70px;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    -ms-transition: 0.25s;
    transition: 0.25s;
}

.awardslast {
    width: 302px !important;
    background: #fff !important;
    height: 202px;
    text-align: center;
}

.awardslast a {
    padding: 0 !important;
}

.awardslast img {
    width: 45px !important;
    height: 23px !important;
    margin: 80px 0 0;
}

.getintouch {
    width: 100%;
    float: left;
    background: #147831 url(../images/contact-bg.jpg) repeat-x;
    position: relative;
    padding: 60px 0;
    margin: 0 0 40px;
}

.getintouch-arrow {
    background: url(../images/contact-arrow.png) no-repeat;
    width: 50px;
    height: 25px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.getintouch h1 {
    font-size: 36px;
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}

.getintouch h1:after {
    height: 2px;
    display: block;
    width: 65px;
    background: #fff;
    margin: 22px auto 0;
    content: '';
}

.getintouch-box {
    width: 100%;
    float: left;
    margin: 35px 0;
}

.getintouch-address {
    width: 40%;
    float:right;
    padding: 35px 100px;
	direction:rtl;
    background: #1f9e46;
}

.getintouch-address h2 {
    font-size: 18px;
    color: #fff;
	direction:rtl;
    text-transform: uppercase;
    margin: 0 0 15px;
    padding: 0;
    font-weight: 700;
}

.getintouch-address h2:before {
    height: 2px;
    display: block;
    width: 70px;
    background: #fff;
    margin: 0 0 22px 0;
    content: '';
}

.getintouch-address p {
    font-size: 14px;
    color: #FFF;
    font-weight: 300;
	text-align:right;
    line-height: 26px;
    margin: 15px 0;
}

.getintouch-address a {
    color: #fff;
}

.getintouch-address a:hover {
    color: #eb1c24;
}

.getintouch-address i {
    margin: 0 10px 0 0;
}

.getintouch-branch {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
}

.mapbox {
    width: 60%;
    float: left;
}

#map {
    width: 100%;
    height: 389px;
}

.getintouch-logarea {
    width: 100%;
    float: left;
	direction:rtl;
    padding: 0;
    position: relative;
}

.getintouch-logarea .col-md-4 {
    padding: 60px 0 0 40px;
    position: relative;
}

.getintouch-signup {
    width: 100%;
    float: left;
    background: url(../images/signup-icon.png) right top no-repeat;
    height: 65px;
    padding: 0 75px 0 0;
    color: #FFF;
    cursor: pointer;
}

.getintouch-signup h2 {
    font-weight: 700;
    font-size: 16px;
    margin: 0;
    padding: 8px 0 5px;
    text-transform: uppercase;
}

.getintouch-signup h3 {
    font-weight: 700;
    font-size: 30px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.getintouch-signup:hover {
    color: #5fc43c;
    background-position: 0 -68px;
	background: url(../images/signup-icon.png) right bottom no-repeat;
}

.getintouch-signin {
    background: url(../images/signin-icon.png) right top no-repeat;
    height: 75px;
    padding: 0 100px 0 0;
}

.getintouch-signin:hover {
    color: #5fc43c;
    background-position: 0 -76px;
	background: url(../images/signin-icon.png) right bottom 1px no-repeat;
}

.getintouch-order {
    background: url(../images/list-icon.png) no-repeat;
    height: 80px;
    padding: 0 0 0 100px;
}

.getintouch-order:hover {
    color: #5fc43c;
    background-position: 0 -81px;
}

.getintouch-hover {
    width: 380px;
    position: absolute;
    padding: 30px 18px;
    background: #0971b8;
    border-radius: 8px;
    top: -280px;
    left: 0;
    display: none;
    z-index: 9999;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.30);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.30);
}

.getintouch-hover:after, .getintouch-hover:before {
    top: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.getintouch-hover:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #0971b8;
    border-width: 20px;
    margin-left: -20px;
}

.getintouch-hover h2 {
    font-size: 30px;
    color: #FFF;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 700;
}

.getintouch-hover h3 {
    font-size: 18px;
    margin: 0;
    padding: 0 0 10px;
    border-bottom: solid #64a5d2 1px;
    color: #79c2f4;
}

.getintouch-hover input {
    background: #fff;
    margin: 15px 0 0 0;
    border: none;
    color: #000;
    padding: 0 10px;
    width: 95%;
}

.getintouch-hover p {
    margin: 0;
    padding: 23px 0 0 0;
    color: #fff;
    font-size: 14px;
    display: inline-block;
}

.getintouch-hover-btn {
    background: #000 !important;
    width: auto !important;
    padding: 14px 30px !important;
    float: right;
    border: none;
    color: #fff !important;
}

.getintouch-hover a {
    text-decoration: underline;
    color: #8dd1ff;
}

.getintouch-hover a:hover {
    text-decoration: none;
}

.getintch-left1 {
     position: absolute;
    right: -115px;
    top: 0;
    width: 226px;
    height: 226px;
}

.getintch-left1 img {
    width: 100%;
}

.getintch-left2 {
    position: absolute;
    left: 138px;
    top: 0;
    width: 87px;
    height: 87px;
}

.getintch-left2 img {
    width: 100%;
}

.getintch-right1 {
    width: 139px;
    height: 182px;
    position: absolute;
    top: 0;
    left: -80px;
}

.getintch-right1 img {
    width: 100%;
}

.getintch-right2 {
    width: 206px;
    height: 322px;
    position: absolute;
    bottom: 0;
    left: -10%;
}

.getintch-right2 img {
    width: 100%;
}

.bottom-banner {
    padding: 0;
}

.bottom-banner .owl-wrapper {
    padding-top: 0 !important;
}

.bottom-banner .owl-theme .owl-controls {
    background: #2ca451;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 10px 0;
    text-align: right;
}

.bottom-banner .owl-carousel .owl-item {
    height: 434px;
}

.bottom-banner .item span {
    position: absolute;
    top: 0;
	direction:rtl;
    padding: 70px;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
}

.bottom-banner .item h1 {
    margin: 0;
    padding: 0 0 30px;
    font-size: 72px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

.bottom-banner .item h2 {
    font-size: 24px;
    padding: 0;
    margin: 0 0 20px;
    color: #fff;
    font-weight: 700;
}

.bottom-banner .item p {
    font-size: 16px;
    color: #fff;
    margin: 0;
    padding: 0 0 30px;
}

.bottom-banner .item a {
    background: url(../images/awards-arrow.png) no-repeat right;
    padding: 0 60px 0 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}

.bottom-banner-latest {
    position: absolute;
    bottom: 7px;
    left: 5%;
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    text-transform: uppercase;
}

.video-area {
    width: 100%;
    float: left;
}

.video-area img {
    width: 100%;
}

.video-box {
    padding: 0;
    width: 335px;
    position: relative;
}

.video-box h1 {
    text-align: center;
    position: absolute;
    line-height: normal;
    bottom: 20%;
    font-size: 48px;
    color: #bfdfb4;
    font-weight: 700;
    width: 100%;
    padding: 0;
    margin: 0 0 10px;
}

.video-box h2 {
    text-align: center;
    position: absolute;
    line-height: 18px;
    bottom: 18%;
    font-size: 30px;
    color: #bfdfb4;
    font-weight: 700;
    width: 100%;
    padding: 5px 0 0 0;
    margin: 0;
}

.video-icon {
    width: 107px;
    height: 107px;
    position: absolute;
    top: 30%;
    cursor: pointer;
    margin: 0 auto;
    right: 0;
    left: 0;
    background: url(../images/video-icon.png) no-repeat;
}

.footer {
    width: 100%;
    float: left;
    padding: 0px 0 0 0;
    position: relative;
    border-bottom: solid #5cbd49 3px;
}

.footer-list {
    width: 100%;
    float: left;
	direction:rtl;
    margin: 60px 0 0 0;
}

.footer-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-list h1 {
    margin: 0 0 20px;
    padding: 0 20px 20px 0;
    font-weight: 700;
    font-size: 18px;
    color: #FFF;
    border-bottom: solid #78abce 1px;
}

.footer-list h2 {
    margin: 0 0 0 10px;
    padding: 30px 0 31px 10px;
    font-weight: 700;
    font-size: 18px;
    color: #FFF;
}

.footer-list ul li {
    width: 234px;
    float: right;
}

.footer-list a {
    color: #fff;
    font-size: 14px;
    padding: 10px 10px 10px 0;
    margin: 0 10px 0 0;
    border-bottom: solid #3e86b7 1px;
    display: flex;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    -ms-transition: 0.25s;
    transition: 0.25s;
}

.footer-list a:hover {
    color: #eb1c24;
}

.footer-social {
    width: 100%;
    float: left;
    padding: 10px 0 0 10px;
}

.footer-social a {
    margin: 0 8px 0 0;
    border: none;
    display: inline-block;
    padding: 0;
}

.footer-social a:hover {
    color: #333;
}

.footer-social i {
    margin: 0 5px;
    color: #FFF;
    font-size: 22px;
}

/*.footer-social .fa-facebook{ background:#3b5997; border-radius:50%; padding:9px 12px;}*/
/*.footer-social .fa-twitter{ background:#66c9e8; border-radius:50%; padding:9px 10px;}*/
/*.footer-social .fa-youtube{ background:#f73133; border-radius:50%; padding:9px 10px;}*/
.footer-social .fa-rss {
    background: #f7931e;
    border-radius: 50%;
    padding: 9px 10px;
}

.footer-social-add {
    width: 100%;
    float: left;
}

.footer-social-add img {
    margin: 28px 0 0 20px;
}

.footer-copyarea {
    width: 100%;
    float: left;
	direction:rtl;
    border-top: solid 1px #6ea4ca;
    padding: 22px 0 28px;
    position: relative;
}

.footer-copyarea p {
    color: #fff;
    margin: 0 0 5px;
    padding: 0;
    font-size: 14px;
    display: inline-block;
}

.footer-copyarea h4 {
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: #79b2d9;
    display: inline-block;
}

.footer-copyarea img {
    position: absolute;
    top: 12px;
    left: 0;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    display: none !important;
}

.inner-top-wrap {
    background: #fff;
    border-bottom: solid #35cd7d 2px;
    padding: 0;
}

.inner-content {
    padding: 0 0 60px;
    width: 100%;
    float: left;
    background: url(../images/inner-area.jpg) repeat-x;
}

.inner {
    width: 100%;
    float: left;
    background: #fff;
    padding: 15px 0;
}

.about-left {
    width: 74%;
    float: right;
	direction:rtl;
    padding: 20px 65px 20px 40px ;
}

.about-head {
    width: 100%;
    float: left;
}

.about-head h1 {
    font-size: 32px;
    margin: 0;
    padding: 0 0 6px;
    color: #0e6cac;
}

.about-head h2 {
    margin: 0;
    padding: 0 0 22px;
    font-weight: 700;
    color: #2a2828;
    font-size: 36px;
    border-bottom: solid #0e6cac 2px;
}

.pro-banner {
    width: 100%;
    height: auto;
}

.pro-banner img {
    width: 100%;
    height: auto;
}

.product-bg {
    width: 100%;
    float: left;
    padding: 20px 30px 20px 30px;
}

.prohed {
    margin: 0;
    padding: 80px 0 22px 0;
    font-weight: bold;
    color: #0e6cac;
    font-size: 36px;
    text-align: center;
}

.about-left img {
    width: 100%;
    margin: 35px 0 50px;
}

.about-left p {
    margin: 0 0 20px;
    padding: 0;
    font-size: 16px;
    color: #565454;
}

.about-left p strong {
    color: #000;
}

.inner-rightadd {
    width: 285px;
    float: right;
}

.gm-text {
    width: 100%;
    float: left;
    margin: 30px 0 0 0;
}

.gm-text span {
    width: 188px;
    float: right;
    margin: 0 0 50px 50px;
    overflow: hidden;
}

.gm-text span img {
    width: 188px;
    height: 195px;
    margin: 0;
    border: solid #0e6cac 1px;
    background: #ebebeb;
    border-radius: 50%;
}

.gm-text span h1 {
    text-align: center;
    font-size: 18px;
    margin: 0;
    padding: 10px 0 5px;
    color: #000;
}

.gm-text span h2 {
    text-align: center;
    font-size: 15px;
    margin: 0;
    padding: 0;
    color: #000;
}

.gm-text p {
    margin: 0 0 20px;
    padding: 0;
    font-size: 16px;
    color: #000;
}

.gm-text p strong {
    color: #000;
}

.bourd-text {
    width: 100%;
    float: left;
    margin: 30px 0 0;
}

.bourd-text h2 {
    margin: 0 0 10px;
    padding: 0 20px 0 0;
    font-size: 18px;
    color: #000;
    background: url(../images/list.png) right no-repeat;
}

.bourd-text p {
    margin: 0 0 20px;
    padding: 0 20px 0 0;
    font-size: 14px;
    line-height: 24px;
}

.initiatives-text {
    width: 100%;
    float: left;
    margin: 30px 0 0;
}

.initiatives-text h2 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 18px;
    color: #000;
}

.initiatives-text p {
    margin: 0 0 20px;
    padding: 0;
    font-size: 14px;
    line-height: 24px;
}

.orcvalue-text {
    width: 100%;
    float: left;
    margin: 30px 0 0;
    color: #000;
}

.orcvalue-text th {
    color: #FFF;
    background: #0e6cac;
    font-size: 18px;
    font-weight: 800;
    border-color: #065488 !important;
    border-right: solid #ddd 1px;
    text-align: center;
}

.orcvalue-text .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
    border-bottom: solid #ddd 1px;
    color: #000;
    border-right: solid #ddd 1px;
    text-align: left;
    font-size: 14px !important;
}

.orcvalue-text td:last-child {
    border-right: none !important;
}

.ourhistory-text {
    width: 100%;
    float: left;
    margin: 30px 0 0;
    color: #000;
}

.ourhistory-text p {
    margin: 0 0 20px;
    padding: 0;
    font-size: 14px;
    line-height: 24px;
}

.ourhistory-text h2 {
    margin: 0 0 10px;
    padding: 0 0 0 20px;
    font-size: 18px;
    color: #000;
    background: url(../images/list.png) no-repeat;
    background-position: 0 5px;
}

.ourhistory-text th {
    color: #FFF;
    background: #0e6cac;
    font-size: 18px;
    font-weight: 400;
    border-color: #065488 !important;
    border-right: solid #ddd 1px;
    text-align: center;
}

.ourhistory-text .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle !important;
    border-bottom: solid #ddd 1px;
    border-right: solid #ddd 1px;
    text-align: center;
    font-size: 14px;
    padding: 20px !important;
    background-color: #efefef;
}

.ourhistory-text td:last-child {
    border-right: none !important;
}

.ims-text {
    width: 100%;
    float: left;
    margin: 30px 0 0;
}

.ims-text img {
    width: 100%;
}

.certificate-text {
    width: 100%;
    float: left;
    margin: 30px 0 0;
}

.certificate-text img {
    width: 100%;
    float: left;
    margin: 0 10px 10px 0;
    border: solid #EBEBEB 1px;
    padding: 10px;
}

.gm-table {
    width: 100%;
    float: left;
    margin: 30px 0 0;
    color: #000;
}

.gm-table th {
    color: #FFF;
    background: #0e6cac;
    font-size: 20px;
    font-weight: 400;
    border-color: #065488 !important;
    border-right: solid #ddd 1px;
    text-align: center;
}

.gm-table .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: top;
    border-bottom: solid #ddd 1px;
    border-right: solid #ddd 1px;
    text-align: center;
    font-size: 14px;
}

.gm-table td:last-child {
    border-right: none !important;
}

.contact-text {
    width: 100%;
    float: left;
    margin: 30px 0 0;
}

.contact-text h2 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 18px;
    color: #000;
}

.contact-form {
    width: 100%;
    float: left;
    text-align: center;
}

.contact-form .row {
    margin: 10px 0 0;
    padding: 0;
    width: 100%;
    float: left;
}

.contact-form .row i {
    color: #0e6cac;
}

.contact-form p {
    font-size: 14px;
    color: #000;
}

.contact-form p strong {
    font-weight: 700;
}

.contact-form h3 {
    margin: 0;
    padding: 16px 0 0 0;
    font-size: 14px;
    width: 200px;
    float: left;
    color: #000;
    position: relative;
}

.contact-form h3:after {
    content: ":";
    position: absolute;
    right: 10px;
}

.contact-form h4 {
    margin: 0;
    padding: 16px 0 0 0;
    font-size: 14px;
    width: 300px;
    float: right;
    color: #333;
}

.contact-form h5 {
    margin: 0;
    padding: 16px 0 0 0;
    font-size: 14px;
    float: left;
    width: 150px;
    color: #333;
}

.contact-form input {
    width: 300px;
    float: right;
    font-size: 14px;
}

.contact-form .col-xs-3 {
    padding: 0;
    margin: 0 10px 0 0;
}

.contact-form .col-xs-3 input {
    width: 100%;
}

.contactbox {
    width: 100%;
    float: left;
    margin: 15px 0 0 0;
}

.contactbox #map {
    height: 350px;
}

#map2, #map3, #map4, #map5, #map6, #map7, #map8, #map9, #map10, #map11 {
    height: 350px;
    width: 100%;
}

.contactouter {
    width: 100%;
    float: left;
    padding: 0 5px 15px 5px;
    margin: 0 0 10px;
}

.contactoute-bord {
    border: none;
}

#banner .item img {
    display: block;
    width: 100%;
}

.wrapper .navbar-default {
    background: none;
}

.chairman-text {
    width: 100%;
    float: left;
    margin: 30px 0 0;
}

.chairman-text h2 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 18px;
    color: #000;
}

.chairman-text p {
    margin: 0 0 20px;
    padding: 0;
    font-size: 14px;
    line-height: 24px;
}

.plantour-text {
    width: 100%;
    float: left;
    margin: 30px 0 0;
}

.plantour-text h2 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 18px;
    color: #000;
    width: 100%;
    float: left;
    color: #0e6cac;
}

.plantour-text p {
    margin: 0 0 20px;
    padding: 0;
    font-size: 14px;
    line-height: 24px;
    width: 100%;
    float: left;
}

.plantour-text img {
    width: auto;
}

.plantour-head {
    border-bottom: solid #0e6cac 2px;
    padding: 0 0 20px;
}

.plantour-head h2 {
    display: inline-block;
    border: none;
    padding: 20px 0 0 20px;
    font-weight: 600;
}

.plantour-head img {
    width: 268px;
    float: left;
    margin: 0;
}

.plantour-saog1 {
    width: 235px;
    float: right;
    margin: 0 0 10px 10px;
    padding: 5px;
    border: solid 1px #0e6cac;
}

.plantour-saog1 img {
    width: 100%;
    margin: 0;
}

.plantour-saog2 {
    width: 500px;
    float: left;
    padding: 5px;
    border: solid 1px #0e6cac;
}

.plantour-saog2 img {
    width: 100%;
    margin: 0;
}

.plantour-list {
    width: 100%;
    float: left;
    margin: 25px 0 20px 0;
}

.plantour-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.plantour-list ul li {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    background: url(../images/list.png) right no-repeat;
	background-position:right 5px;
    padding: 0 20px 0 0;
    color: #000;
}

.qualitylab {
    width: 300px;
    float: right;
    margin: 0 0 20px;
}

.qualitylab img {
    width: 100%;
    margin: 0;
}

.softdrink {
    width: 100%;
    float: left;
    text-align: center;
    margin: 0 0 20px;
}

.softdrink img {
    width: 100%;
    margin: 0;
}

.water-treatment {
    width: 100%;
    float: left;
    margin: 0 0 20px;
}

.water-treatment img {
    width: 100%;
    margin: 0;
}

.flavored-syrup {
    width: 100%;
    float: left;
    margin: 0 0 20px;
}

.flavored-syrup img {
    width: 100%;
    margin: 0;
}

.proportioning-carbonation {
    width: 100%;
    float: left;
    margin: 0 0 20px;
}

.proportioning-carbonation img {
    width: 100%;
    margin: 0;
}

.filling-sealing {
    width: 100%;
    float: left;
    margin: 0 0 20px;
}

.filling-sealing img {
    width: 100%;
    margin: 0;
}

.aquafina {
    width: 100%;
    float: left;
    margin: 0 0 20px;
}

.aquafina img {
    width: 100%;
    margin: 0;
}

.safty-list {
    width: 100%;
    float: left;
    margin: 0 0 20px;
}

.safty-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.safty-list ul li {
    width: 50%;
    float: right;
    background: url(../images/safty-icons.png) no-repeat;
    margin: 0 0 15px;
    padding: 0 0 0 70px;
    line-height: 60px;
    font-size: 15px;
    color: #000;
}

.icon-eat {
}

.icon-spitting {
    background-position: 0 -67px !important;
}

.icon-littering {
    background-position: 0 -133px !important;
}

.icon-smoking {
    background-position: 0 -198px !important;
}

.icon-pictaking {
    background-position: 0 -264px !important;
}

.icon-weapons {
    background-position: 0 -329px !important;
}

.icon-alcohol {
    background-position: 0 -395px !important;
}

.icon-horseplay {
    background-position: 0 -460px !important;
}

.icon-follow {
    background-position: 0 -525px !important;
}

.icon-loitering {
    background-position: 0 -589px !important;
}

.icon-jewelries {
    background-position: 0 -654px !important;
}

.plan-img {
    width: 100%;
    float: left;
}

.plan-img img {
    width: auto;
    margin: 0;
}

.leadershp-text {
    width: 100%;
    float: left;
    margin: 30px 0 0 0;
}

.leadershp-text h2 {
    width: 50%;
    float: left;
    padding: 10px 0;
    text-align: center;
    margin: 0;
    font-size: 18px;
    color: #FFF;
    background: #065488;
}

.leadershp-text ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.leadershp-text ul li {
    width: 100%;
    float: left;
    border-bottom: solid #CCC 1px;
    border-right: solid #CCC 1px;
}

.leadershp-text ul li h3 {
    padding: 20px 0;
    margin: 0;
    text-align: center;
    color: #000;
    font-size: 14px;
    width: 50%;
    float: left;
    font-weight: 400;
    border-left: solid #CCC 1px;
}

.leadershp-text ul li h3:hover {
    background-color: #dbdbdb;
}

.order-form {
    width: 100%;
    float: left;
    padding: 0 0 20px;
    text-align: right;
}
.order-form input[type="checkbox"], input[type="radio"]{ width: auto !important; float: right; margin: 0 0 0 10px;}
.order-form h2 {
    font-weight: 400;
    font-size: 18px;
    color: #000;
    margin: 0;
    padding: 10px 0;
}

.order-form h3 {
    font-weight: 400;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0 0 10px 0;
}

.order-form input {
    width: 97%;
    float: left;
    background: #fff;
    border: none;
    background: #ececec;
    padding: 0 8px;
    color: #000;
    direction: rtl;
}

.order-form textarea {
    resize: none;
    background: #FFF;
    border: none;
    background: #ececec;
    height: 100px;
    padding: 8px;
    color: #000;
    margin: 0 0 10px;
}

.order-form input[type="submit"] {
    width: auto;
    background: #0971b8;
    padding: 10px 20px;
    border: none;
    border-radius: 3px;
    color: #FFF;
    float: right;
}

.award-wrap {
    width: 100%;
    float: left;
    margin: 30px 0 0 0;
}

.award-wrap-thumb {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 10px 0;
    border: solid #0e6cac 2px;
    padding: 5px;
}

.award-wrap-thumb img {
    width: 100%;
    height: 100%;
    margin: 0;
}

.financial-text {
    width: 100%;
    float: left;
    margin: 30px 0 0;
    color: #000;
}

.financial-text h2 {
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    font-size: 18px;
    color: #000;
}

.financial-text h2 img {
    width: auto;
}

.financial-text a {
    background: url(../images/pdf-icon.png) no-repeat;
    width: 20px;
    height: 26px;
    display: inline-block;
    margin: 0 0 0 10px;
}

.product-page {
    width: 100%;
    float: left;
    margin: 30px 0 0 0;
}

.product-page-box {
    float: left;
    width: 140px;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 10px;
    border: solid #EAEAEA 1px;
    margin: 15px 15px 0 0;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    -ms-transition: 0.25s;
    transition: 0.25s;
}

.product-page-box img {
    width: auto;
    margin: 0;
    height: 170px;
}

.product-page-box h2 {
    margin: 0 0 0 0;
    padding: 5px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.product-page-box:hover h2 {
    display: block;
}

.product-page-box:hover {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.19);
}

.snacks-box img {
    width: 100%;
}

.product-popup {
    width: 600px;
    text-align: center;
}

.product-popup img {
    width: 250px;
}

/*----------------news---------------*/

.newswrap {
    width: 100%;
    float: left;
    padding: 60px;
}

.newstab {
    width: 100%;
    float: left;
    background: #eef0f2;
    border: solid #d1d2d2 1px;
    margin: 25px 0 0 0;
}

.newstab .nav-tabs {
    border: none;
    float: right;
}

.newstab .nav-tabs li {
    margin: 0;
    border-right: solid #469eda 1px;
}

.newstab .nav-tabs li:last-child {
    border-right: none;
}

.newstab .nav-tabs li a {
    border-radius: 0;
    margin: 0;
    border: none;
    color: #fff;
    padding: 22px 22px;
    font-weight: 700;
}

.newstab .nav-tabs li a:hover {
    background: #0d5b90;
    color: #fff;
}

.newstab .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background: #0d5b90;
    color: #fff;
}

.newstab-nav {
    width: 100%;
    float: right;
    background: #0e6cac;
}

.newstab-nav h2 {
    padding: 24px 0 0 20px;
    margin: 0;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
}

.newsdetails {
    width: 100%;
    float: right;
}

.newsdetails-img {
    width: 190px;
    height: 170px;
    float: right;
}

.newsdetails-img img {
    width: 100%;
}

.newsdetails-text {
    width: 80%;
    float: right;
    padding: 0 38px 0 0;
}

.newsdetails-text h2 {
    color: #0e6cac;
    font-size: 16px;
    margin: 0 0 8px;
    padding: 0;
    font-weight: 700;
}

.newsdetails-text h3 {
    color: #359535;
    font-size: 14px;
    margin: 0 0 8px;
    padding: 0;
    font-weight: 700;
}

.newsdetails-text p {
    color: #3d3b3b;
    font-size: 14px;
    margin: 0 0 13px;
    padding: 0;
    line-height: 18px;
}

.newsdetails-text a {
    color: #0e6cac;
    font-weight: 700;
}

.newstab .owl-buttons {
    text-align: right;
    position: absolute;
    left: -4px;
    bottom: -14px;
}

.newstab .owl-prev {
    width: 89px;
    height: 33px;
    background: url(../images/news-next.png) no-repeat !important;
    border-radius: 0 !important;
    opacity: 1 !important;
}

.newstab .owl-next {
    width: 89px;
    height: 33px;
    background: url(../images/news-next.png) no-repeat !important;
    background-position: -89px 0 !important;
    border-radius: 0 !important;
    opacity: 1 !important;
}

.newstab .owl-carousel .owl-item {
    height: auto;
}

.newsslidewrap {
    width: 100%;
    float: right;
    padding: 30px 30px 30px;
    border-bottom: solid #d1d2d2 1px;
}

.newspagenation {
    width: 100%;
    float: right;
    padding: 25px 26px;
    text-align: right;
}

.newspagenation a {
    background: #0e6cac;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin: 0 3px 0 0;
    padding: 8px 10px;
}

.newspagenation a:hover {
    background: #979c9c;
}

.newspagenation .active {
    background: #979c9c;
}

/*----------------news---------------*/

/*----------product landing page--------*/
.inner-products {
    width: 100%;
    float: left;
    background: #fff;
    padding: 0 0 15px 0;
}

.cover-image {
    width: 100%;
    text-align: center;
    margin-bottom: 120px;
}

.cover-image img {
    width: 96%;
    margin: auto;
}

.product-landing {
    width: 100%;
    margin: 0;
}

.product-landing h3 {
    text-align: center;
    color: #157fc7;
    width: 100%;
    margin: 0 0 45px 0;
    font-size: 35px;
}

.portfolioFilter {
    width: 100%;
    text-align: center;
    color: #000;
    margin-bottom: 56px;
    font-size: 20px;
}

.portfolioFilter a {
    padding: 0 15px 18px;
    color: #000;

}

.portfolioFilter a:hover {
    border-bottom: 2px solid #0e6cac;
}

.portfolioContainer .pro-item {
    width: 24%;
    position: relative;

}

.pro-item img {
    padding: 10px;
    margin: 0;
    width: 100%;
}

.pro-item:hover span {
    display: block;
}

.pro-item span {
    width: 100%;
    position: absolute;
    background: rgba(255, 255, 255, .5);
    bottom: 15px;
    padding: 15px 0;
    text-align: center;
    display: none;
    color: #fff;

}

.pro-item span a {
    color: #000;
    font-size: 16px;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */

    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

/*---------product landing page end------*/

/*-------------Morris Chart-------------*/
.morris-hover {
    position: absolute;
    z-index: 1000
}

.morris-hover.morris-default-style {
    border-radius: 10px;
    padding: 6px;
    color: #666;
    background: rgba(255, 255, 255, 0.8);
    border: solid 2px rgba(230, 230, 230, 0.8);
    font-family: sans-serif;
    font-size: 12px;
    text-align: center
}

.morris-hover.morris-default-style .morris-hover-row-label {
    font-weight: bold;
    margin: 0.25em 0
}

.morris-hover.morris-default-style .morris-hover-point {
    white-space: nowrap;
    margin: 0.1em 0
}

/*-------------End Morris Chart------------*/

/*----------product detail-----------*/
.product-detail {
    width: 100%;
    float: left;
    padding: 16px 24px;
}

.productdetail-slide {
    width: 300px;
    height: 650px;
    float: left;
    padding: 50px 0 0 0;
    background: rgb(101, 167, 67);
    background: -moz-radial-gradient(center, ellipse cover, rgba(101, 167, 67, 1) 0%, rgba(3, 138, 68, 1) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(101, 167, 67, 1) 0%, rgba(3, 138, 68, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(101, 167, 67, 1) 0%, rgba(3, 138, 68, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65a743', endColorstr='#038a44', GradientType=1);
}

.productdetail-slide .owl-carousel .owl-item {
    height: auto;
    text-align: center;
}

.productdetail-slide .owl-theme .owl-controls .owl-page span {
    background: #fff;
}

.productdetail-slide .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #000;
}

.productdetail-slide .owl-theme .owl-controls {
    margin-top: 50px;
}

.productdetail-right {
    width: 72%;
    float: left;
    padding: 0 0 0 12px;
}

.productdetail-content-1 {
    width: 450px;
    min-height: 296px;
    float: left;
    background: #0e6cac;
    padding: 30px 50px;
}

.productdetail-content-1 img {
    float: left;
    margin: 0 22px 0 0;
}

.productdetail-content-1 h2 {
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    padding: 0;
}

.productdetail-content-1 p {
    margin: 40px 0 0 0;
    padding: 0;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
}

.productdetail-img-1 {
    width: 332px;
    float: right;
}

.productdetail-img-1 img {
    width: 100%;
}

.productdetail-img-2 {
    width: 364px;
    float: left;
    margin: 11px 0 0 0;
}

.productdetail-img-2 img {
    width: 100%;
}

.productdetail-content-2 {
    width: 418px;
    min-height: 342px;
    margin: 11px 0 0 0;
    float: right;
    background: url(../images/productdetail-content-2.jpg) no-repeat;
    background-size: cover;
    padding: 50px 32px;
}

.productdetail-content-2 h2 {
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 10px;
    padding: 0;
}

.productdetail-content-2 h3 {
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 25px;
    padding: 0;
}

.productdetail-content-2 h4 {
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 10px 0 0;
    border-top: 2px solid #fff;
    padding: 22px 0 0 0;
    display: inline-block;
}

.productdetail-content-2 p {
    margin: 26px 0 0 0;
    padding: 0;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
}

/*----------product detail-----------*/

/*Profile Form Style Starting*/
.prof-form-file {
    margin: 25px 0;
    clear: both;
}

.gd-30 {
    float: left;
    width: 30%;
}

.gd-70 {
    float: left;
    width: 70%;
}

.prof-image img {
    border: 2px solid #D9D9D9;
    padding: 5px;
    width: 184px;
    height: 174px;
}

.prof-image-details {
    margin: 50px 0;
    color: #000;
}

.prof-image-heading {
    margin: 0 15px;
    font-size: 15px;
    font-weight: 700;
}

.prof-image-details p {
    margin: 0 15px;
    font-size: 13px;
}

.prof-file-btn {
    background: #0E6CAC;
    float: right;
    width: 119px;
    margin-top: 20px;
    padding: 5px;
    font-family: ahoma, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    border: none;
    border-radius: 0;
!important;
    line-height: 25px;
}

.prof-file-btn {
    position: relative;
    overflow: hidden;
    margin: 10px;
}

.prof-file-btn-info {
    margin-top: 20px; float: right;
}

.prof-file-btn input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.prof-form-main {
    width: 100%;
    height: auto;
    float: left;
    background-color: #eef0f2;
    padding: 0;
    border: 1px solid #d1d2d2;
    margin-top: 30px;
}

.prof-form-inner {
    padding: 50px 5%;
}

.prof-form-heading {
    background: #0E6CAC;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 30px;
    width: 100%;
}

.prof-form-lt {
    width: 48%;
    height: auto;
    float: left;
}

.contact .prof-form-lt {

    width: 100%;

    height: auto;

    float: left;

}

.prof-form-lt h1 {
    width: 100%;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    color: #2e2e2e;
    margin: 20px 0 10px 0;
}

.prof-form-lt select {
    width: 100%;
    height: 45px;
    background-color: #FFF;
    border: 1px solid #d1d2d2;
    color: #666 !important;
    outline: none;
}

.prof-form-lt input {
    width: 100%;
    height: 45px !important;
    background-color: #FFF !important;
    border: 1px solid #d1d2d2 !important;
    color: #666 !important;
    margin: 0 !important;
    outline: none;
}

.prof-form-lt-full h1 {

    width: 100%;

    font-family: Tahoma, Geneva, sans-serif;

    font-size: 14px;

    color: #2e2e2e;

    margin: 20px 0 10px 0;

}

.prof-form-btn {

    margin-top: 20px;
    padding: 5px 20px;
    font-family: ahoma, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    border: none;
    border-radius: 0;
!important;
    line-height: 25px;
}

.prof-form-btn.edit {
    background: #0E6CAC;
}

.prof-form-btn.save {
    background: #359535;
}

.rt {
    float: right;
}

.styled-select {
    height: 29px;
    overflow: hidden;
    width: 190px;
}

.styled-select select {
    background: transparent;
    border: 1px solid #ccc;
    font-size: 16px;
    height: 45px;
    width: 218px;
    padding: 5px; /* If you add too much padding here, the options won't show in IE */
}

.styled-select.slate {
    background: url(../images/drop-down.png) #ffffff no-repeat left center;
    height: 45px;
    width: 190px;
}

.image-link {
    cursor: pointer;
}

.product-list{    width: 74%;
    float: right;
    padding: 20px 40px 20px 65px;}
.product-list .title{width:100%; float:left; margin:0 0 15px;
    padding: 0 0 22px;
    font-weight: 700;
    color: #2a2828;
    font-size: 36px;
    border-bottom: solid #0e6cac 2px;}
.product-list ul{margin:0; padding:0;}
.product-list ul li{ width:49%; float:left; height:338px; margin:0 1px 1px 0; position:relative; text-align:center; padding:30px 0;}
.product-list ul li h1{ position:absolute; width:100%; bottom:0; left:0; padding:25px 5px; margin:0; text-transform:uppercase; color:#fff; background:rgba(0,0,0,.5); font-size:16px; }
.product-list ul li img{ width:auto; height:100%;}
.product-list ul li.big-img img{ width:100%; height:auto; margin-top: 20%}

.product-list .green{
background: rgb(133,194,26);
background: -moz-radial-gradient(center, ellipse cover,  rgba(133,194,26,1) 0%, rgba(64,131,54,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(133,194,26,1) 0%,rgba(64,131,54,1) 100%);
background: radial-gradient(ellipse at center,  rgba(133,194,26,1) 0%,rgba(64,131,54,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85c21a', endColorstr='#408336',GradientType=1 );}
.product-list .blue{
background: rgb(92,183,245);
background: -moz-radial-gradient(center, ellipse cover,  rgba(92,183,245,1) 0%, rgba(14,108,171,1) 100%); 
background: -webkit-radial-gradient(center, ellipse cover,  rgba(92,183,245,1) 0%,rgba(14,108,171,1) 100%); 
background: radial-gradient(ellipse at center,  rgba(92,183,245,1) 0%,rgba(14,108,171,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cb7f5', endColorstr='#0e6cab',GradientType=1 ); }
.product-list .yellow{
background: rgb(255,245,88); 
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,245,88,1) 0%, rgba(217,205,20,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,245,88,1) 0%,rgba(217,205,20,1) 100%);
background: radial-gradient(ellipse at center,  rgba(255,245,88,1) 0%,rgba(217,205,20,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff558', endColorstr='#d9cd14',GradientType=1 ); }

.product-list .white{
    background: rgb(255, 255, 255);
    background: -moz-radial-gradient(center, ellipse cover, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255, 255, 255,1) 0%,rgba(255, 255, 255,1) 100%);
    background: radial-gradient(ellipse at center,  rgba(255, 255, 255,1) 0%,rgba(255, 255, 255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff558', endColorstr='#d9cd14',GradientType=1 ); }

.product-zooom{ background:url(../images/product-list-zoom.png) no-repeat; width:46px; height:46px; position:absolute; top:30px; right:30px;}

/*Profile Form Style Ending*/



.corevalue-outer{width:100%; float:left; position:relative; height:720px; padding:70px 0;}
.corevalue-centre{ width:306px; height:335px; position:absolute; z-index:9999; top:36%; left:0; right:0; margin:0 auto; padding:60px 0; text-align:center; background:url(../images/core-value-1.png) no-repeat;}
.corevalue-centre h1{color:#0e6cac; margin:0 0 0 0; padding:0; font-size:26px; font-weight:700; text-transform:uppercase;}
.corevalue-centre img{margin:0; width:auto;}
.corevalue-1{width:249px; height:276px; position:absolute; left:16.6%; z-index:999; background:url(../images/core-value-2.png) no-repeat; text-align:center; padding:50px 45px 0 45px;}
.corevalue-1 h1{ font-size:20px; font-weight:700; color:#fff; margin:0; padding:0; text-transform:uppercase;}
.corevalue-1 p{ font-size:15px; line-height:22px; color:#fff; margin:10px 0 0 0; padding:0;}
.corevalue-2{width:249px; height:276px; position:absolute; right:17.7%; z-index:999; background:url(../images/core-value-3.png) no-repeat; text-align:center; padding:50px 45px 0 45px;}
.corevalue-2 h1{ font-size:20px; font-weight:700; color:#fff; margin:0; padding:0; text-transform:uppercase;}
.corevalue-2 p{ font-size:15px; line-height:22px; color:#fff; margin:10px 0 0 0; padding:0;}
.corevalue-3{width:249px; height:276px; position:absolute; right:0%; top:39.5%; z-index:999; background:url(../images/core-value-4.png) no-repeat; text-align:center; padding:62px 45px 0 45px;}
.corevalue-3 h1{ font-size:20px; font-weight:700; color:#fff; margin:0; padding:0; text-transform:uppercase;}
.corevalue-3 p{ font-size:15px; line-height:22px; color:#fff; margin:10px 0 0 0; padding:0;}
.corevalue-4{width:249px; height:276px; position:absolute; right:17%; top:69.8%; z-index:999; background:url(../images/core-value-5.png) no-repeat; text-align:center; padding:55px 35px 0 35px;}
.corevalue-4 h1{ font-size:20px; font-weight:700; color:#fff; margin:0; padding:0; text-transform:uppercase;}
.corevalue-4 p{ font-size:15px; line-height:22px; color:#fff; margin:10px 0 0 0; padding:0;}
.corevalue-5{width:249px; height:276px; position:absolute; left:17%; top:70%; z-index:999; background:url(../images/core-value-6.png) no-repeat; text-align:center; padding:70px 35px 0 35px;}
.corevalue-5 h1{ font-size:20px; font-weight:700; color:#fff; margin:0; padding:0; text-transform:uppercase;}
.corevalue-5 p{ font-size:15px; line-height:22px; color:#fff; margin:10px 0 0 0; padding:0;}
.corevalue-6{width:249px; height:276px; position:absolute; left:0%; top:39.9%; z-index:999; background:url(../images/core-value-7.png) no-repeat; text-align:center; padding:70px 35px 0 35px;}
.corevalue-6 h1{ font-size:20px; font-weight:700; color:#fff; margin:0; padding:0; text-transform:uppercase;}
.corevalue-6 p{ font-size:15px; line-height:22px; color:#fff; margin:10px 0 0 0; padding:0;}


.gsib_a{ padding: 0 !important;}
.gsc-search-box-tools .gsc-search-box .gsc-input{ padding: 0 !important;}
.cse .gsc-control-cse, .gsc-control-cse{ padding: 0 !important;}
.gsc-search-box-tools .gsc-search-box .gsc-input{ background: #b1dcf9 !important;
    border: none !important; padding:4px !important;}
.gsc-input{padding: 0 !important; border: none !important;}
.search-fld td, th{ padding: 0 !important; border: none !important; }
.search-fld .gsc-input-box{ border: none !important;}
.search-fld input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus{

    border: none !important; padding: 0 !important; margin: 0 8px !important; background-color:transparent; }
.search-fld input.gsc-search-button, input.gsc-search-button:hover{ background-color: transparent !important;}
.search-fld #gs_st50{ display: none;}
.search-fld .gsib_a{width: 98%; float: left;}
.search-fld .gsc-search-button{background: #0e6cac;}
.search-fld .gsc-results-wrapper-overlay{top:10%}
/*.search-fld .gsc-results-wrapper-overlay{ width: 14%;}*/

.contact-us h3{font-size: 1.2rem; color:#2a2828; }
.status {margin-top:20px;}
.status .alert{padding:3px; margin-bottom: 5px}

.top-head p.alert {width: 100%; margin: 5px 0; padding: 5px}

.sitemap{ width:100%; float:left;}
.sitemap ul{margin:0; padding:0; list-style:none;}
.sitemap ul li{ width:30%; float:right; padding:8px 10px 8px 0; background:url(../images/sitemap-list1.png) no-repeat; background-position:100% 14px;}
.sitemap ul li a{ color:#0e6cac;}
.sitemap ul li ul li { width:100%; margin:0; padding:0 10px 0 0; background:url(../images/sitemap-list2.png) no-repeat; background-position:100% 5px;}
.sitemap ul li ul li a{ color:#292929;}
.sitemap ul li ul li li{background:url(../images/sitemap-list3.png) no-repeat; background-position:100% 5px; padding:0 10px 0 0;}


.careers-form{ width:100%; float:left; padding:55px 0 0 0; overflow:hidden;}

.careers-form h2{ color:#07c15f; font-size:24px; font-weight:700; margin:0 0 0px; padding:0;}

.careers-form .help{ color:#07c15f; margin:0 0 25px; padding:0;}

.careers-form .row{ width:100%; float:left; margin:0 0 10px;}
.careers-form .col-md-4{ text-align: center;}
.careers-form .col-md-4 > select{ width: 100%;}
.careers-form .row h3{ margin:0 0 12px; padding:0; font-size:15px; color:#242222; font-weight:400;}

.careers-form .row h4{ margin:0; padding:50px 0 0 0; font-size:16px; color:#0e6cac; font-weight:700;}

.careers-form .row input{ height:55px; border:solid #e1e1e1 1px; background:#fff; color:#000; }

.careers-form .row input[type=file] { height:25px; border:none; width:100%;}

.careers-form .row textarea{ width:100%; height:100px; border:solid #e1e1e1 1px; background:#fff; color:#000; padding:10px; resize:none; }

.careers-form .row input[type=submit]{ width:50%; padding:18px 0; height:auto; text-align:center; background:#07c15f; color:#fff; font-weight:700; font-size:16px; float:right;}

.careers-file{border:solid #e1e1e1 1px; background:#fff; width:100%; padding:15px; float:left;}

.careers-form .row .col-md-6{ padding:0 3px; position:relative;}

.careers-form table th{ background:#07c15f; padding:22px 20px !important; border-right:solid 3px #fff !important; font-size:16px; }

.careers-form table td{ background:#ebebeb !important; border:solid 3px #fff !important; text-align:left !important;}

.careers-apply{ width:100%; float:left; margin:15px 0 0 0; position:relative;}

.careers-apply img{ width:100%; margin:0;}

.careers-apply span{ position:absolute; top:0; left:0; padding:40px; width:100%;}

.careers-apply span h2{ font-size:35px; color:#fff; font-weight:700; line-height:33px; margin:0 0 15px; text-transform:uppercase; padding:0;}

.careers-apply span a{ display:inline-block; padding:15px 30px; background:#07c15f; color:#fff; font-size:18px;}



.financial-panel{width:80%; float:left; padding:45px 0 0 0; color:#000;}

.financial-panel .panel-group .panel-heading + .panel-collapse > .panel-body {

    padding:0;

}

.financial-panel .panel-group,

.financial-panel .panel-group .panel,

.financial-panel .panel-group .panel-heading,

.financial-panel .panel-group .panel-heading a,

.financial-panel .panel-group .panel-title,

.financial-panel .panel-group .panel-title a,

.financial-panel .panel-group .panel-body,

.financial-panel .panel-group .panel-group .panel-heading + .panel-collapse > .panel-body {

    border-radius: 0px;

    border: 0;

    margin:0;

    box-shadow:none;

}

.financial-panel .panel-group .panel-heading {

    padding: 0;

}

.financial-panel .panel-group .panel-heading a {

    display: block;

    background: #0e6cac;

    color: #ffffff;

    padding:20px 30px;

    text-decoration: none;

    position: relative;

}



.financial-panel .panel-group .panel-heading a:after {

    content: '-';

    position: absolute;

    left: 0px;

    top:0;

    font-size:30px;

    background:#065286;

    padding:14px 0;

    width:60px;

    height:57px;

    text-align:center;

    line-height:30px;

}

.financial-panel .panel-group .panel-heading a.collapsed:after {

    content: '+';

}

.financial-panel .panel-group .panel-heading a.green:after {

    background: #04a04e;

}

.financial-panel .panel-group .panel-heading a.green.collapsed:after {

    content: '+';  background: #04a04e;

}

.financial-panel .panel-group .panel-collapse {

    margin-top: 0 !important;

}

.financial-panel .panel-group .panel-body {

    background: #ffffff;

    padding: 0px;

}

.financial-panel .panel-group .panel {

    background-color: transparent; margin:0 0 1px;

}

.financial-panel .panel-group .panel-body p:last-child,

.financial-panel .panel-group .panel-body ul:last-child,

.financial-panel .panel-group .panel-body ol:last-child {

    margin-bottom: 0;

}



.financial-panel ul{margin:0; padding:0; list-style:none;}

.financial-panel ul li{ width:100%; float:left; margin:0 0 1px;}

.financial-panel ul li a{ padding:20px 30px; background:#ebebeb; color:#242222; width:100%; float:left; -webkit-transition: 0.65s;

    -moz-transition: 0.65s;

    -o-transition: 0.65s;

    -ms-transition: 0.65s;

    transition: 0.65s;}

.financial-panel ul li a:hover{ background:#d7d7d7; }


.popup-modal{

}
.popup-modal .modal-body{
    padding: 0;
}
.popup-modal .popup-cover{
    position: relative;
    width: 100%;
}
.popup-modal .modal-close {
   position: absolute;
   right: 10px;
   top: 10px;
   width: 35px;
   cursor: pointer;
}
.popup-modal .modal-close img {
   width: 100%;
}
.popup-modal .sultan-img{
    width: 100%;
}
.popup-modal .sultan-img img{
    width: 100%;
}

/*media start here*/

@media (min-width: 1200px) {
    .popup-modal .modal-dialog {
        width: 750px;
        margin: 90px auto 0;
    }
}

@media (max-width: 1366px) {
    .getintch-right2 {
        left: -5%;
        height: 236px;
        width: 160px;
    }

    .mtn {
        width: 110px;
        left: 0;
    }

    .mtn img {
        width: 100%;
    }

    .mirinta {
        width: 150px;
        right: 0;
    }

    .mirinta img {
        width: 100%;
    }

    .pepsi {
        width: 110px;
        left: 0;
    }
    .getintch-left1{ width: 180px; right: -65px;}
}

@media (max-width: 1280px) {
    .pepsi {
        left: 0;
    }

    .mtn {
        left: 0;
    }

    .getintch-right2 {
        left: 0;
    }

    .mirinta {
        right: 0;
    }

    .getintch-left1 {
        right: -20px;
        width: 160px;
        height: 160px;
    }
}

@media (max-width: 1024px) {
    .navbar .navbar-brand {
        width: 250px !important;
    }

    .navbar .navbar-brand img {
        width: 100% !important;
    }

    .wrapper .navbar-collapse {
        width: 690px;
    }

    .navbar-default .nav > li > a {
        padding-left: 2px !important;
        padding-right: 2px !important;
        margin: 0 5px !important;
    }

    .content-inner {
        margin-top: -244px;
    }

    .welcomrarea .col-lg-2 {
        float: left;
        margin: 15px 0 0 0;
    }

    .mCSB_scrollTools .mCSB_draggerContainer {
        display: block !important;
    }

    .getintouch-address {
        width: 100%;
    }

    .mapbox {
        width: 100%;
    }

    .bottom-banner {
        width: 64%;
    }

    .container {
        width: 100%;
    }

    .getintouch-hover {
        left: -50px;
    }

    .about-left {
        width: 100%;
        padding: 20px;
    }

    .inner-rightadd {
        width: 100%;
    }

    .top-head p {
        font-size: 12px;
    }

    .top-head p strong {
        font-size: 16px;
    }

    .slider .carousel {
        height: auto !important;
    }

    .slider .carousel .item {
        height: 475px !important;
    }

    .product-wrap .nav-tabs > li {
        margin: -30px 18px 0 0;
    }

    .product-wrap .nav-tabs > li:last-child {
        margin: -32px 0 0;
    }

    .newsdetails-text {
        width: 75%;
    }

    .productdetail-slide {
        width: 200px;
        height: 400px;
        padding: 10px 0 0 0;
    }

    .productdetail-slide .item img {
        width: 40%;
    }

    .productdetail-content-1 {
        width: 100%;
        margin: 0 0 10px;
    }

    .productdetail-img-1 {
        width: 49%;
        float: left;
    }

    .productdetail-img-2 {
        width: 46%;
        float: right;
        margin: 0;
    }

    .productdetail-content-2 {
        width: 100%;
    }
	.product-list{width:100%; padding:30px 10px;}
}

@media (max-width: 980px) {
    .product-wrap .nav-tabs > li {
        width: 30%;
        margin: -53px 18px 0 0;
    }

    .product-wrap .nav-tabs > li:last-child {
        margin: -55px 0 0;
    }

    .content-inner {
        margin-top: -205px;
    }

    .welcomrarea {
        text-align: center;
    }

    .welcomrarea .col-lg-2 {
        float: none;
    }

    .welcomrarea .col-lg-2 h3 {
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 32%;
        bottom: 20px;
    }

    .getintouch-hover {
        left: 0px;
    }

    .slider {
        margin: 3% 0 0;
    }

    .search-box {
        margin: 0 0 0 0;
        top: 35px;
        right: 88px;
    }

    .wrapper .navbar-collapse {
        width: 100%;
    }

    .search-fld {
        width: 30%;
        top: 38px;
        right: 153px;
    }

    .top-head {
        position: relative;
    }

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

@media (max-width: 800px) {
    .bottom-banner {
        margin: 40px auto 0;
        float: none;
    }

    .video-box {
        float: none;
        margin: 0 auto;
        display: flex;
    }

    .bottom-banner .owl-carousel .owl-item {
        height: auto;
    }

    .bottom-banner {
        width: 100%;
    }

    .newsdetails-text {
        width: 100%;
        padding: 10px 0 0 0;
    }

    .newstab .owl-buttons {
        position: relative;
        bottom: 0;
    }

    .productdetail-right {
        width: 70%;
    }
}

@media (max-width: 768px) {
    .getintch-right2 {
        display: none;
    }

    .slider .carousel {
        height: auto !important;
    }

    .slider-shadow {
        background-position: 50% 0;
    }

    .product-wrap .nav-tabs > li {
        margin: -24px 18px 0 0;
    }

    .product-wrap .nav-tabs > li:last-child {
        margin: -26px 0 0;
    }

    .portfolioContainer .pro-item {
        width: 50%;
    }
    .popup-modal .modal-dialog {
        margin: 150px auto 0;
    }
}

@media (max-width: 767px) {
    .wrapper .navbar-collapse {
        width: 100%;
        margin: 30px 0 0 0;
    }

    .navbar-nav {
        margin: 0;
    }

    .getintouch-logarea .col-md-4 {
        padding: 60px 0 0;
        width: 100%;
    }

    .getintouch-hover {
        width: 100%;
    }

    .getintouch-address {
        padding: 35px 10px;
    }

    .getintch-left1 {
        display: none;
    }

    .getintch-left2 {
        display: none;
    }

    .getintch-right1 {
        display: none;
    }

    .footer {
        background: rgba(9, 113, 184, 0.50);
    }

    .footer-copyarea img {
        position: relative;
    }

    .footer-copyarea p {
        width: 100%;
        float: left;
    }

    .slider-shadow {
        display: none;
    }

    .product-wrap .nav-tabs > li {
        margin: 0px 12px 0 0;
        width: 100%;
    }

    .product-wrap .nav-tabs > li:last-child {
        margin: 0px 0 0;
    }

    .bottom-banner .item span {
        display: none;
    }

    .bottom-banner-latest {
        display: none;
    }

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

    .qulty {
        width: 288px;
    }

    .wrapper .navbar-default {
        background: #f8f8f8;
    }

    .gm-table .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        font-size: 16px;
    }

    .contactouter {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #ccc;
    }

    .contactoute-bord {
        border-bottom: 1px solid #ccc;
    }

    .contactbox #map {
        height: 200px;
    }

    #map2, #map3, #map4, #map5, #map6, #map7, #map8, #map9, #map10, #map11 {
        height: 200px;
    }

    .gd-30, .gd-70 {
        width: 100%;
    }

    .prof-image-details {
        margin-top: 10px;
    }

    .productdetail-right {
        width: 100%;
        padding: 10px 0 0 0;
    }

    .productdetail-img-1 {
        width: 100%;
        margin: 0 0 10px;
    }

    .productdetail-img-2 {
        width: 100%;
    }

    .productdetail-slide {
        float: none;
        margin: 0 auto;
    }

    .productdetail-content-1 {
        padding: 10px;
    }

    .productdetail-content-2 {
        padding: 10px;
    }
}

@media (max-width: 640px) {
    .top-head p {
        font-size: 12px;
    }

    .top-head p strong {
        font-size: 13px;
    }

    .top-head-right ul li {
        padding: 2px 8px;
    }

    .loginarea {
        position: relative;
        float: left;
        margin: 15px 0 0 0;
    }

    .carousel-caption {
        display: none;
    }

    .product-wrap h1 {
        font-size: 25px;
    }

    .mirinta {
        display: none;
    }

    .pepsi {
        display: none;
    }

    .mtn {
        display: none;
    }

    .slider .carousel .item {
        height: auto !important;
        min-height: 300px;
    }

    .slider .carousel .item img {
        width: 100% !important;
        height: auto;
    }

    .about-head h2 {
        font-size: 20px;
    }

    .contact-form {
        width: 100%;
    }

    .contact-form h3 {
        width: 100%;
    }

    .contact-form h4 {
        width: 100%;
    }

    .plantour-saog2 {
        width: 100%;
    }

    .plan-img img {
        width: 100%;
    }

    .safty-list ul li {
        width: 100%;
        line-height: 20px;
        padding: 13px 0 28px 70px;
    }

    .newswrap {
        padding: 60px 20px;
    }

    .newsslidewrap {
        padding: 30px 12px 0;
    }
}

@media (max-width: 530px) {
    .welcomrarea .col-lg-2 h3 {
        width: 50%;
    }

    .search-box {
        top: auto;
        bottom: 0;
        right: 0;
    }

    .search-fld {
        top: auto;
        bottom: -12px;
        width: 34%;
        right: 60px;
    }

    .certificate-text img {
        width: 100%;
    }
	.product-list ul li{width:100%; margin:0 0 1px 0; }
}

@media (max-width: 360px) {
    .video-box {
        width: 100%;
    }

    .welcomrarea .col-lg-2 h3 {
        width: 70%;
    }

    .awardsarea ul li {
        width: 100%;
    }

    .qulty {
        width: 100% !important;
    }

    .slider .carousel .item {
        min-height: 200px;
    }

    .qualitylab {
        width: 100%;
    }

    .award-wrap-thumb {
        width: 100%;
        height: auto;
    }
}

.mds {
    font-size: 18px !important;
    color: #000 !important;
    text-align: left !important;
}

.bourd-text h2 span {color:#0e6aa8;}


.innersub-text{ width: 100%; float: left; padding: 10% 0 0 0;}

.innersub-text h1{ padding:0 0 15px 0; margin: 0; font-size: 14px; color: #2a2828; font-weight: 300; }

.innersub-text a{ color: #0e6cac; }

.innersub-text h1 sup{ color: #eb1c24;}

.profile_help
{
    color: black; position: relative; top: 10px;
}