@font-face {
  font-family: OpenSans-Bold;
  src: url(../fonts/OpenSans-Bold.eot);
  src: url(../fonts/OpenSans-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/OpenSans-Bold.woff2) format('woff2'), url(../fonts/OpenSans-Bold.woff) format('woff'), url(../fonts/OpenSans-Bold.ttf) format('truetype'), url(../fonts/OpenSans-Bold.svg#Montserrat-Regular) format('svg');
}

@font-face {
  font-family: MinionPro-Regular;
  src: url(../fonts/MinionPro-Regular.eot) format("eot"), url(../fonts/MinionPro-Regular.svg) format("svg"), url(../fonts/MinionPro-Regular.woff2) format("woff2"), url(../fonts/MinionPro-Regular.woff) format("woff"), url(../fonts/MinionPro-Regular.ttf) format("ttf"), url(../fonts/MinionPro-Regular.otf) format("otf");
}

.fa-chevron-right:before {
  content: "\f054";
  font: normal normal normal 14px/1 FontAwesome;
  padding: 8px;
  position: relative;
  top: 0px;
}

.fa-chevron-left:before {
  font: normal normal normal 14px/1 FontAwesome;
}

body {
  margin: 0;
  overflow-x: hidden;
}
a:hover{
  text-decoration: none;
}

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

i {
  font: normal normal normal 14px/1 FontAwesome;
}

img {
  max-width: 100%;
}

.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
  padding: 0;
}

.container-fluid {
  padding: 0;
}

.container {
  max-width: 1260px;
  margin: 0 auto;
  width: auto;
  padding: 0;
}

p {
  font-family: MinionPro-Regular;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: OpenSans-Bold;
  text-transform: uppercase;
}


/****pages**/

.heading h1 {
  text-align: center;
  color: #0d2f3f;
  font-size: 40px;
  text-transform: uppercase;
}

.style6 {
  font-family: "Times New Roman", Times, serif;
  font-size: 32px;
  font-weight: bold;
  color: #800080;
  width: unset;
  overflow-x: hidden;
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  /*overflow: hidden;*/
}

.butt-menu {
  margin-right: 53px;
  color: White;
}

.butt-menu:last-child {
  margin-right: 0px;
}

.butt-menu:hover {
  color: Lime;
}

a:active {
  color: #286090!important;
}

.Image-one {
  width: 33%;
  float: left;
}

.Image-two {
  float: left;
  width: 40%;
}

.Image-three {
  float: right;
}

.scroll {
  color: #800080;
  font-weight: bold;
  font-size: 20px;
  font-family: Times New Roman;
  margin-bottom: 30px;
}

.graph-first {
  margin-bottom: 20px;
}

.space-top {
  margin-top: 20px;
  text-align: justify;
}

.copy p {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.design p a{
  color:#53d35d;
}
.copy p a{
  color:#53d35d;
}
.design p {
  color:#e3eac8;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
}

marquee span {
  margin-right: 100%;
}

marquee p {
  white-space: nowrap;
  margin-right: 1000px;
}

.nav-header-menu {
  display: none;
}

.heading-nav {
  display: none;
}

.reqularimage1 img {
  width: 100%;
}

.pre-image-one img {
  width: 100%;
}

.pre-image-two img {
  width: 100%;
}

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

.Abouthead {
  text-align: center;
  font-size: 26px;
  font-family: Times New Roman;
  margin-bottom: 40px;
  margin-top: 30px;
  color: #800080;
}

.pre-image-one {
  width: 40%;
  margin-bottom: 25px;
  float: left;
  margin-left: 83px;
}

.pre-image-two {
  width: 39.5%;
  margin-bottom: 25px;
  float: left;
  margin-left: 80px;
}

.bottom-no {
  margin-bottom: 0px!important;
}

.sakkarai-one {
  width: 47%;
  float: left;
}

.sakkarai-one img {
  width: 100%;
}

.sakkarai-two {
  width: 47%;
  float: right;
  text-align: right;
}

.sakkarai-two img {
  width: 100%;
}

.sak-pro {
  float: left;
  width: 100%;
}

.sarkkarai {
  text-align: center;
  /* font-size: 28px; */
}

.trusthead {
  text-align: center;
  font-family: Times New Roman;
  margin-bottom: 40px;
  margin-top: 30px;
  color: #800080;
}

.trusthead h2 {
  font-size: 30px;
}

.trustimage2 {
  width: 53.5%;
  float: right;
  margin-top: 72px;
}

.trustimage2 img {
  width: 100%;
}

.trustimage1 img {
  width: 100%;
}

.trustimage1 {
  width: 40%;
  margin-bottom: 25px;
  float: left;
}

.trust-image {
  float: left;
  width: 100%;
}

.Abouthead h2 {
  font-size: 26px;
}

.event-images {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}

.event-img-one img {
  width: 100%;
}

.event-img-two img {
  width: 100%;
}

.Abouthead h2 {
  font-size: 35px;
}

.Abouthead {
  text-align: center;
  font-family: Times New Roman;
  margin-bottom: 40px;
  margin-top: 30px;
  color: #800080;
}

.event-img-one {
  width: 48%;
  float: left;
}

.event-img-two {
  width: 39.5%;
  float: right;
  margin-top: 50px;
}

i.fa.fa-phone {
  font-size: 25px;
}

.or {
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
}

.add-map {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.color {
  color: black;
}

.phone {
  font-size: 22px;
  text-align: center;
}

.phone-land {
  font-size: 22px;
  text-align: center;
}

.branch-address {
  float: right;
  width: 50%;
  margin-top: 125px;
}

.branch {
  font-size: 25px;
  font-family: Times New Roman;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.line {
  font-size: 20px;
  font-family: Times New Roman;
  margin-bottom: 10px;
}

.contact-add {
  text-align: center;
}

.phone a {
  text-decoration: none;
}

.phone-land a {
  text-decoration: none;
}

.Image-one {
  width: 26%;
  margin-right: 46px;
}

.Image-two {
  width: 51%;
  margin-top: 6em;
}

.Image-three {
  float: right;
  width: 16%;
  margin-left: 30px;
}

.contact {
  text-align: center;
  font-size: 26px;
  font-family: Times New Roman;
  color: Purple;
  margin-bottom: 20px;
  margin-top: 30px;
}

.first-map {
  width: 100%;
  float: left;
}

.add-map {
  float: left;
  width: 100%;
  margin-top: 30px;
}


.mobile-map1 {
  display: none;
}

.mobile-map2 {
  display: none;
}

.mobile-map-second {
  display: none;
}


/*.heading{
background: #a3ff87;
}*/


/*.Image-three img {
    width: 100%;
}*/

.header1 {
  float: left;
  width: 100%;
  background: #b4e4a4;
}

.top-space {
  float: left;
  width: 100%;
  margin-top: 10em;
}

.index-space{
 margin-top: 5em; 
}

.nav-menu {
  background-color: #2e3b22;
  ;
  float: left;
  width: 100%;
}

.header-menu ul li {
  display: inline;
  margin-right: 35px;
}

.header-menu ul li a {
  text-decoration: none!important;
  color: #ffffff;
  text-transform: uppercase;
  font-family: OpenSans-Bold;
}

.header-menu ul {
  list-style: none;
  margin-bottom: 0;
}

.header-menu ul li:last-child {
  margin-right: 0;
}

.header-menu ul li:before {
  content: "";
  background-color: #e3eac8;
  transition: all 0.2s linear;
  transform: skewX(-21deg);
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  visibility: hidden;
}

.header-menu ul li:hover::before {
  opacity: 1;
  visibility: visible;
}

.header-menu ul li:hover a {
  color: #000000;
}

.header-menu ul li.active {
  background-color: #e3eac8;
  transform: skewX(-21deg);
}

.header-menu ul li.active a {
  color: #000000;
}

.header-menu ul li.active span {
  transform: skewX(21deg);
  display: inline-block;
}

.header-menu ul li:hover span {
  /*transform: skewX(21deg);*/
  display: inline-block;
}

.header-menu ul li:hover a {
  color: #000000;
  transition: all 0.2s linear;
}


/*****/

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


.product-price-one {
  width: 48%;
  margin-right: 50px;
  margin-bottom: 3em;
}

.product-price-one:nth-child(2n) {
  margin-right: 0;
}

.price-list {
  float: left;
  width: 100%;
}


/***sub-menu**/

.header-menu ul li {
  display: inline-block;
  position: relative;
  padding: 10px;
  transition: all 0.2s linear;
  z-index: 9999;
}

.header-menu ul li .submenu {
  display: block;
  z-index: 9999;
  top: 48px;
  transition: 0.4s all ease;
  position: absolute;
  width: 300px;
  left: -75px;
  transform-origin: top;
  perspective: 1000;
  background-color: white;
  margin-left: 0;
  padding: 0 15px;
  box-shadow: rgba(119, 119, 119, 1) 0px 0px 18px;
  text-align: left;
  transform: perspective(350px) rotateX(-90deg);
  opacity: 0;
  visibility: hidden;
  border-top: 7px solid #e2a00d;
}

.header-menu ul li .submenu:before {
  transform: skewX(20deg)!important;
}

.header-menu ul li .submenu span {
  transform: skewX(-0deg)!important;
}

.header-menu ul li:hover .submenu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

.header-menu {
  color: white;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  list-style: none;
  width: 100%;
  text-align: center;
}

.header-menu ul li .submenu li a {
  font-size: 16px;
  color:#0d2f3f;
  font-family: OpenSans-Bold;
}

.header-menu ul li:hover .submenu li {
  margin-right: 0;
  text-align: center;
}

.header-home {
  float: left;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99999;
  background: #b4e4a4;
}

.header-menu ul li .submenu li:before {
  display: none;
}

.header-menu ul li .submenu li:hover {
  padding-left: 3px;
  transition: all 0.2s linear;
}

.header-menu ul li .submenu li:hover a {
  color: #00a652;
  transition: all 0.2s linear;
}

.home-images {
  float: left;
  width: 100%;
  margin-top: 4em;
}

.header-menu ul li.active:before {
  display: none;
}

.para-two h2 {
  font-size: 32px;
  position: relative;
  display: inline-block;
  color: #0d2f3f;
}

.para-two h2:after {
  content: "";
  border-bottom: 3px solid #0d2f3f;
  display: block;
  position: absolute;
  z-index: 9999;
  width: 100%;
}

.para-two p {
  font-size: 22px;
  color: #000000;
  line-height: 36px;
  word-spacing: 0.3px;
}

.para-one h2 {
  font-size: 32px;
  color: #0d2f3f;
  position: relative;
  display: inline-block;
}

.para-one h2:after {
  content: "";
  border-bottom: 3px solid #0d2f3f;
  display: block;
  position: absolute;
  z-index: 9999;
  width: 100%;
}

.para-one p {
  font-size: 22px;
  color: #000000;
  line-height: 36px;
  word-spacing: 0.3px;
}

.content {
  float: left;
  width: 100%;
  margin-top: 4em;
}

.para-one ul {
  padding-left: 7em;
  margin: 2em 0;
}

.para-two ul {
  padding-left: 10em;
  margin: 2em 0;
}

.para-one ul li {
  list-style-type: none;
  position: relative;
}

.para-two ul li {
  list-style-type: none;
  position: relative;
}

span.i-img {
  position: absolute;
  left: -27px;
}

.para-two ul li b {
  color: #800080;
}



/****product price**/

.sarkkarai h2 {
  font-size: 32px;
  color: #0d2f3f;
  position: relative;
  display: inline-block;
  margin-top: 2em;
  margin-bottom: 2em;
}

a.right.carousel-control {
  width: 78px;
  height: 85px;
  background: url(../images/banner/ar2.png) center center / cover no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  border-width: 0px;
  border-style: initial;
  border-color: initial;
  border-image: initial;
  opacity: 1;
  position: absolute;
  top: 40%;
  right: 15px;
  transition: all 0.5s ease-in-out;
}

a.left.carousel-control {
  width: 78px;
  height: 85px;
  background: url(../images/banner/ar1.png) center center / cover no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  border-width: 0px;
  border-style: initial;
  border-color: initial;
  border-image: initial;
  opacity: 1;
  position: absolute;
  top: 40%;
  left: 15px;
  transition: all 0.5s ease-in-out;
}


/**item**/

.item img:nth-child(1) {
  float: left;
  width: 50%;
}

.item img:nth-child(2) {
  float: right;
  width: 50%;
}

.banner-slider {
  background: url(../images/banner/golden.jpg) center center / cover no-repeat;
  height: 100%;
  background-size: cover;
}


/***contact**/
.map-left-block{
  width: 48%;
  float: left;
  margin-right: 20px;

}
.mapouter {
  width: 100%;
    position: relative;
     text-align: right;
}

.gmap_canvas {
  overflow: hidden;
  background: none!important;
  height:500px;
  width: 100%;
}

.map-right-block h2 {
  font-size: 32px;
  color: #ffffff;
  position: relative;
  margin-top: 0;
}
.map-items .fa-phone:before{
  color: #ffffff;
}
.map-left-block h2 {
  font-size: 32px;
  color: #ffffff;
  position: relative;
  margin-top: 0;
}
.map-left-block p {
  font-size: 22px;
  color: #ffffff;
}
.map-right-block p {
  font-size: 22px;
  color: #ffffff;
}
.color{
  font-size: 22px;
  color: #ffffff;
}
span.phone-img{
  vertical-align: bottom;
}
.map-items{
  box-shadow:0 5px 10px rgba(0,0,0,.5);
  padding:55px;
  text-align: center;
  background:#0d2f3f; 
}
span.or{
  padding-right:5px;
  padding-left: 5px;
  font-size: 16px;
  color: #ffffff;
    font-family: OpenSans-Bold;
    vertical-align: text-bottom;
}


/***premium product**/
.premium-images{
width: 47%;
margin-right: 4em;
margin-bottom: 40px;
}
.premium-images:nth-child(2n){
margin-right: 0;
}


/***footer***/
.footer-design{
  float: left;
  width: 100%;
  background:#0d2f3f;
  margin-top: 4em;
}
.contact-head h2{
color: #ffffff;
font-size: 24px;
font-family: OpenSans-Bold;
margin-bottom: 15px;
}
.contact-head p{
color: #ffffff;
font-size: 20px;
font-family:MinionPro-Regular;
}
.contact-branch p{
color: #ffffff;
font-size: 20px;
font-family: MinionPro-Regular;
}
/*.contact-branch a{
  display: block;
}*/
.contact-branch{
width: 32%;
}
.contact-head{
width: 29%;
}
.footer-second-menu{
  width: 23%;
}
.footer-menu{
  width: 16%;
}
.contact-branch h2{
 color: #ffffff;
font-size: 24px;
font-family: OpenSans-Bold; 
margin-bottom: 15px;
}
.footer {
    float: left;
  width: 100%;
  margin-top:15px;
}
.copy p{
 color: #e3eac8;
font-size: 18px;
font-family:MinionPro-Regular; 
}
.copy-text{
    float: left;
    width: 100%;
    background: #800080;
}
.footer-menu ul{
  padding-left: 0;
}
.footer-menu ul li{
  list-style-type: none;
  padding-bottom: 10px;
}
.footer-menu ul li a{
 color: #ffffff;
font-size: 20px;
font-family: MinionPro-Regular;
}
.footer-second-menu ul li a{
 color: #ffffff;
font-size: 20px;
font-family: MinionPro-Regular;
}
.footer-second-menu ul li{
  list-style-type: none;
  padding-bottom: 10px;
}
.footer-second-menu ul{
padding-left: 0;
}
.footer-menu h2{
color: #ffffff;
font-size: 24px;
font-family: OpenSans-Bold;
margin-bottom: 15px;
}
.footer-second-menu h2{
color: #ffffff;
font-size: 24px;
font-family: OpenSans-Bold;
margin-bottom: 15px;
}
.color1{
 color: #ffffff;
font-size: 20px;
font-family: MinionPro-Regular;
}
.contact-head .fa-phone:before{
color:#ffffff;
}
.contact-branch .fa-phone:before{
color:#ffffff;
}
.contact-branch span.or{
color:#ffffff;
font-size: 14px;
text-align: center;
}
.foot-contact{
  margin:15px 0;
}
.contact-branch span.phone-img{
  padding-right: 10px;
  padding-left: 10px;
}
.map-items .color:hover{
  color:#7ff269;
  transition: all 0.2s linear;
}
.map-items .fa-phone:hover::before{
  color:#7ff269;
  transition: all 0.2s linear;
}
.mobile-top-head{
  display: none;
}
.small-space{
margin-top: 6em!important;
}
.top-none{
 margin-top: 0px!important; 
}
.header-menu ul{
  padding-left: 0;
}
.cultural-images{
text-align:center;
}
.cultural-images img{
margin-bottom:30px;
}
.cultural-images img:last-child{
margin-bottom:0px;
}
.short-line {
    width: 160px!important;
    left: -35px!important;
}
/*li.mob_sub_link{
  position: relative;
}*/
.margin-top{
	margin-top:20px;
}