/*----------------------------------------*/

/*  1.  Theme default CSS

/*----------------------------------------*/



html, body {

  height: 100%;

}

.floatleft {

  float:left;

}

.floatright {

  float:right;

}

.alignleft {

  float:left;

  margin-right:15px;

  margin-bottom: 15px;

}

.alignright {

  float:right;

  margin-left:15px;

  margin-bottom: 15px;

}

.aligncenter {

  display:block;

  margin:0 auto 15px;

}

a:focus {

  outline:0px solid;

}

img {max-width:100%;

  height:auto;

}


.fix {

  overflow:hidden;

}

p {

  margin:0 0 15px;


}

h1, h2, h3, h4, h5, h6 {

 



    font-family: 'Tajawal', sans-serif;





   margin: 0 0 10px;

}

h1{

   font-size: 42px;

   line-height: 44px;

}

h2{

    font-size: 34px;

    line-height: 40px;

}

h3{

    font-size: 30px;

    line-height: 40px;

}

h4{

    font-size: 26px;

    line-height: 30px;

}

h5{

    font-size: 22px;

    line-height: 26px;

}

h6{

    font-size: 18px;

    line-height: 24px;

}

 a {

  transition: all 0.3s ease 0s;

  text-decoration:none;

}

a:hover {

  color: #252525;

  text-decoration: none;

}

a:active, a:hover {

  outline: 0 none;

}

hr {

    border-color: #d9d9d9;

    margin-top: 10px;

    margin-bottom: 10px;

}

ul{

list-style: outside none none;

margin: 0;

padding: 0;

}



.clear{

  clear:both;

}

a:focus {

    color: #31c4ea;

    text-decoration: none;

}

body {

  background: #fff none repeat scroll 0 0;

  color: #000;

  font-size: 15px;

  text-align: left;

  overflow-x: hidden;

  line-height: 22px; font-family:'Tajawal', sans-serif;

}

::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;

}

::selection {

    background: #b3d4fc;

    text-shadow: none;

}

.browserupgrade {

    margin: 0.2em 0;

    background: #ccc;

    color: #000;

    padding: 0.2em 0;

}

.intro-default {

    width: 100%;

    height: auto;

}

:focus {

    outline: -webkit-focus-ring-color auto 0px;

}

.display-table {

    width: 100%;

    height: 100%;

    display: table;

}

.display-table-cell {

    width: 100%;

    height: 100%;

    display: table-cell;

    vertical-align: middle;

}



@font-face {

    font-family: 'ryeregular';

    src: url('../fonts/rye-regular-webfont.woff2') format('woff2'),

         url('../fonts/rye-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

/*----------------------------------------*/

/*  2. Header Area 

/*----------------------------------------*/

.header-area{
    background: #fff; /*border-top:5px solid #003A87;*/
}




.top_head{ background-color: #ededed }
.top_ul_li{ padding:8px 0px; }
.top_ul_li_h{ text-align: right; }

.top_list li, .top_ul_li_h li{ display:inline; width:auto; padding:5px 12px}

.top_list li a{ color:#0086C9; font-weight:bold}

.top_list li i{ background: #003A87;width: 35px;height: 35px;border-radius: 50%;padding: 10px;color: #fff;}

.logo {

  display: inline-block;

    height: auto; padding:8px 0px

}

.logo img{height:115px}

.logo a {

    display: inline-block;

    height: auto;



}

.main-menu ul.navbar-nav li {

    float: left;

    position: relative;

}

.main-menu ul.navbar-nav li a {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    color: #262626;

    font-size: 18px;

    font-weight: bold;

    padding: 15px 8px;

    letter-spacing:2px;

}

.main-menu ul.navbar-nav li.active a:focus {

    color: #fff;

}

.main-menu ul.navbar-nav li a:hover {

    color:#31c4ea !important;

}

.navbar {

    border: medium none;

    margin-bottom: 0;

}

.navbar-default {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

}

.main-menu ul.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

    background: none;

    color:#fff;

}

.navbar-default .navbar-toggle {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

    border-radius: 0;

    padding: 25px 0px;

}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

    background-color: transparent;

    color: #333;

}

.main-menu ul.nav li ul.sub-menu {

    background: #333;

    left: 0;

    opacity: 0;

    position: absolute;

    top: 115%;

    transition: all 0.3s ease 0s;

    visibility: hidden;

    width: 200px;

    z-index: -99;

    border-top: 2px solid #31c4ea;

}

.pagess {

    position: relative;

}

.main-menu ul.nav li ul.sub-menu li {

  padding: 0;

  position: relative;

  width: 100%;

  border-bottom: 1px solid #444

}

.main-menu ul.nav li ul.sub-menu li:last-child{

  border-bottom: none;

}

.main-menu ul.nav li:hover ul.sub-menu{

    top:100%;

    opacity:1;

    z-index:999;

    visibility:visible;

}

.main-menu ul.nav li ul.sub-menu li a {

    color: #f2f2f2;

    display: block;

    font-size: 15px;

    font-weight: 700;

    padding: 8px 20px;


}

.main-menu ul.nav li:hover ul.sub-menu li a:hover{

    color:#31c4ea;

    background: #444;

}

.main-menu ul.nav li ul.sub-menu li a{

  position: relative;

}

.sub-dropdown {

  background: rgba(255, 255, 255, 1) none repeat scroll 0 0;

  position: absolute;

  top: 20px;

  transition: all 0.3s ease 0s;

  width: 220px;

  left: 100%;

  opacity: 0;

  visibility: hidden;

  transition: all 0.3s ease 0s;

}

.main-menu ul.nav li ul.sub-menu li:hover .sub-dropdown{

  visibility: visible;

  opacity: 1;

  top: 0px;

}

.navbar.navbar-default {

    float: right;
  
}

.header-social {

    float: right;

    padding: 30px 0px;

}

.header-social >li{

    display:inline-block;

}

.header-social >li>a {

    display: block;

    color: #fff;

    font-size: 16px;

    line-height: 30px;

    padding-left: 10px;

}

.header-social >li>a:hover{

  color:#31c4ea;

}

/*----------------------------------------*/

/*  3. Mobile Menu Area

/*----------------------------------------*/

.mobile-menu-area {

    background: #f9f9f9 none repeat scroll 0 0;

    padding: 10px 0px ;

}

.mean-container .mean-bar::after {

    content: "";

    font-size: 21px;

    left: 5%;

    position: absolute;

    top: 12px;

    text-transform: uppercase;

    font-weight: 500;

}

.mean-container a.meanmenu-reveal:hover {

    color:#252525

}

.mean-container .mean-nav ul {

    list-style-type: none;

    margin: 20px 0px;

    padding: 0;

    width: 100%;

}

.mean-container .mean-nav ul li a {

    background: #f8f8f8 none repeat scroll 0 0;

    color: #444;

    display: block;

    float: left;

    font-size: 12px;

    font-weight: 700;

    margin: 0;

    padding: 13px 10px;

    text-align: left;

    text-decoration: none;

    text-transform: uppercase;

    width: 90%;

}

.mean-nav ul li.mean-last {

    margin-bottom: 20px;

}

.mean-container .mean-nav ul li a.mean-expand {

    color: #444;

    line-height: 17px;

}

.mean-container .mean-nav ul li {

    width: 99.7%;

}



.navbar-default .navbar-toggle .icon-bar {

    background-color: #fff;

    width: 30px;

    height: 2px;

}

.menu-toggle {

    position: absolute;

    right: 15px;

    top: 53%;

    -webkit-transform: translateY(-43%);

    transform: translateY(-43%);

}

.default-header .menu-toggle {

    display: none;

}

.menu-btn {

    background-color: transparent;

    border: 0 none;

    padding: 0;

    outline: none;

}

.menu-btn .icon-bar {

    background-color: #262626;

    display: block;

    height: 2px;

    margin-bottom: 6px;

    position: relative;

    transition: all 0.3s ease-in-out 0s;

    width: 30px;

}

.menu-btn.active .icon-bar:nth-child(2) {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    visibility: hidden;

}

.menu-btn.active .icon-bar:nth-child(1) {

    top: 11px;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

.menu-btn.active .icon-bar:nth-child(3) {

    top: -5px;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

.menu-btn .icon-bar:last-child {

    margin-bottom: 0;

}

.menu-toggle + .navbar-collapse {

    margin-right:70px;

}

.default-header .menu-toggle + .navbar-collapse {

    margin-right:0px;

}

.icon-header .navbar-collapse,.icon-header .navbar-collapse .main-menu ul.navbar-nav{

  

    -webkit-transition: all 0.2s ease-in-out 0s;

    transition: all 0.2s ease-in-out 0s;

}

.icon-header.active .navbar-collapse,.icon-header.active .navbar-collapse .main-menu ul.navbar-nav {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    visibility: visible;

}







.slider_area {



    width: 100%;

}

.slide_item {

    margin: 0;

    padding: 0;

    position: relative;

    width: 100%;

}

.slide_item::after {



}

.slide_item_content {

    top: 50%;

    left:8%;

    position: absolute;

    width: 50%;

  transform:translateY(-50%);

    z-index: 3;

}

.slide_item_content strong {

    color: #31c4ea;

    font-size: 16px;

}

.slide_item_content h1 {

    color: #ffffff;

    font-size: 50px;

    font-weight: 300;

    line-height: 60px;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

}



.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  border: 1px solid #ffffff;

  border-radius: 50%;

  color: #ffffff;

  display: inline-block;

  font-size: 14px;

  height: 40px;

  line-height: 38px;

  opacity: 0;

  position: relative;

  text-align: center;

  transition: all 0.5s ease 0s;

  width: 40px;

}

.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {

  left: 3%;

  transition: all 0.4s ease 0s;

}

.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {

  margin-top: -30px;

  position: absolute;

  top: 50%;

}

.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {

  margin-top: -30px;

  position: absolute;

  top: 50%;

}

.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {

  right: 3%;

  transition: all 0.4s ease 0s;

}

.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next {

  opacity: 1;

  right: 2%;

  transition: all 0.4s ease 0s;

}

.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev:hover, .intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next:hover {

  background: #31c4ea none repeat scroll 0 0;

  border: 1px solid #31c4ea;

  color: #ffffff;

}

.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev {

    left: 2%;

    opacity: 1;

    transition: all 0.4s ease 0s;

}



.HomeAbout{width:100%; margin:0px; padding:0px; background-color:#ddd;}



.left_abt_thumb{width:100%; margin:0px; padding:50px;}

.left_abt_thumb img{width:100%; border-radius: 100px; border: 10px solid #fff;}







.padd_zero{padding:0px;}



.right_abt_content{width:100%; margin:0px; padding:5% 10%;}



.right_abt_content h1{color:#31c4ea; font-size:50px; line-height:47px; margin:0px 0px 10px 0px; font-weight: 600; border-bottom: 3px dashed #333; text-transform: uppercase;}



.right_abt_content p{font-size:18px; line-height:28px; color:#333;}



.right_abt_content h3{color:#13138b; font-family: "Oswald",sans-serif; font-weight:500; font-size:27px; letter-spacing:2px; margin-bottom:15px;}



.right_cel_thumb img{width:100%;}



.right_cel_thumb{padding-right:23px; border-right:2px solid #0088ca;}



.right_cel_text{color:#0088ca; font-size:29px; line-height:37px; font-weight:700;}



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



.sec-title {

  margin-bottom: 10px;

  position: relative;

}



.sec-title h2 {

  border-bottom: 1px solid #ddd;

  color: #0f1341;

  display: inline-block;

  font-size: 43px;

  margin-bottom: 35px;

  font-weight:500;

  padding: 0 0 7px;

  position: relative;

}

.sec-title.centered h2 {

  padding: 0 60px 18px;

}

.sec-title h2::after {

  border-left: 8px solid rgba(0, 0, 0, 0);

  border-right: 8px solid rgba(0, 0, 0, 0);

  border-top: 8px solid #31C4EA;

  bottom: -9px;

  content: "";

  left: 50%;

  margin-left: -9px;

  position: absolute;

}

.sec-title h2::before {

  background: rgba(0, 0, 0, 0) url("../images/separater.png") no-repeat scroll 0 0;

  bottom: -24px;

  content: "";

  height: 30px;

  left: 50%;

  margin-left: -15px;

  position: absolute;

  width: 29px;

}



.process_area{width:100%; margin:0px; padding:65px 0px; background-color:#F5FAFF;}



.road-item {

  margin-bottom: 1px;

  margin-left: 15px;

  max-width: 91%;

  min-height: 160px;

  width:100%;

  position: relative;

}





.road-content {

  background-color: #fff;

  border-left: 5px solid #31C4EA;

  border-radius: 4px;

  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.09);

  height: 100%;

  padding: 13px;

  position: relative;

  width: 100%;

  z-index: 1;

}

.road-content h3 {

  font-size: 23px;

  margin-top: 0;

  font-weight:600;

  margin-bottom:0px;

  color:#13138B;

}

.road-content p {

  margin-bottom: 0;

  opacity: 0.7;

}



.new p{

  line-height: 30px;

  margin-bottom: 20px;

  font-size: 18px;
  color: #333; text-align:center

}



.new p i{

  color:#31C4EA;

}



.road-content span.road-year {

  font-size: 50px;

  color:#fff;

  left: -43px;

  margin-top: -15px;

  min-height:50px;

  font-family: "ryeregular";

  opacity: 0.88;

  position: absolute;

  top: 50%;

}





.road-content h4{font-size:18px; color:#31C4EA; font-weight:500;font-family: "Oswald",sans-serif; letter-spacing:1px; margin-bottom:0px; }



.road-content ul{list-style-type:disc; margin:0px 0px 10px 0px; padding-left:15px;}

.road-content  ul li{font-size:14px; color:#262626; line-height:24px;}



.Home_Industries{width:100%; margin:0px; padding:65px 0px; background-image:url(../images/industries_bg.jpg); background-repeat:no-repeat; background-size:cover;}



.gradient-bg{

  background-color:#31C4EA;

  color: #ffffff;

}



.benifit-contant {



  

}

.benifit-box {


  width: calc(100% + 200px);

}



.benifit-box .media {

  background-color: #ffffff;

  box-shadow: 0px 1px 10px #000;

  border-radius: 70px;

  padding: 20px;

}

.mb3 {

  margin-bottom: 30px;

}

.media-body, .media-left, .media-right {

  display: table-cell;

  vertical-align:middle;

}





.benifit-box h3  {

  color: #262626;

  font-family: "Lato",sans-serif;

  font-size: 16px;

  font-weight: 700;

  letter-spacing: 0px;

  margin-bottom: 0;

}



.benifit-contant p{color:#fff; font-size:16px; font-weight:400; line-height:26px;}



.white_btn{padding:8px 37px; border:2px solid #fff; color:#fff; font-weight:600; border-radius:33px; background-color:transparent;}

.white_btn:hover{background-color:#fff; color:#262626;}



.Home_Capablity{width:100%; margin:0px; padding:0px; background-color:#DDDDDD;}



.left_capablity{padding:10% 11%; width:100%;}





.left_why_shine ul {

    margin: 0;

    padding: 0;

}

.left_why_shine ul li {

    color: #ffffff;

    display: block;

    font-size: 18px;

    font-weight: bold;

    line-height: 30px;

  margin-bottom:15px;

    padding-left: 30px;

    position: relative;

}

.left_why_shine ul li em {

    border-radius: 50%;

    left: 0;

    position: absolute;

    top: 2px;

    transition: all 0.5s ease 0s;

}



.left_why_shine h2 {

  color: #fff;

  font-size: 36px;

  font-weight:500;

  line-height:46px;

  letter-spacing: 1px;

  margin-bottom: 17px;

}

.bg_blue{background-color:#31C4EA;}









.left_why_shine_right ul {

    margin: 0;

    padding: 0;

}

.left_why_shine_right ul li {

    color: #13138b;

    display: block;

    font-size: 18px;

    font-weight: 300;

    line-height: 30px;

  margin-bottom:6px;

    padding-left: 30px;

    position: relative;

}

.left_why_shine_right ul li em {

    border-radius: 50%;

    left: 0;

    position: absolute;

    top: 2px;

    transition: all 0.5s ease 0s;

}



.left_why_shine_right h2 {

  color: #13138b;

  font-size: 36px;

  font-weight:500;

  line-height:46px;

  letter-spacing: 1px;

  margin-bottom: 17px;

}



.right_capablity{width:100%; padding:10% 11%;}



.proud_partners{width:100%; margin:0px; padding:60px 0px; background-color:#fff;}



.partners_list{width:100%; margin:0px; }

.partners_list ul{margin:0px; padding:0px; list-style-type:none;}

.partners_list ul li {

  border-bottom: 1px solid #dddddd;

  border-right: 1px solid #dddddd;

  float: left;

  padding: 17px 15px;

  width: 33.333%;

}

.partners_list ul li:nth-child(3)  {

  border-right: none;

}

.partners_list ul li:nth-child(6)  {

  border-right: none;

}



.partners_list ul li:nth-child(9)  {

  border-right: none;

}



.partners_list ul li:nth-child(12)  {

  border-right: none;

}

.partners_list ul li:nth-child(10)  {

  border-bottom: none;

}

.partners_list ul li:nth-child(11)  {

  border-bottom: none;

}

.partners_list ul li:nth-child(12)  {

  border-right: none;

  border-bottom: none;

}

.partners_list ul li img{width:100%;}



.right_partners_content h2{font-size:33px; color:#13138B; margin-bottom:17px;}



.right_partners_content{padding:4% 10% ;}

.right_partners_content p{font-size:16px; color:#999; line-height:26px;}





.Home_Product{width:100%; margin:0px; padding:0px; background-color:#ddd;}



.product_wrap {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  margin: 0;

  padding: 0;

  position: relative;

  width:100%; height:100%;

  border-right:1px solid #ddd;

}



.product_wrap img {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  border: medium none;

  border-radius: 0;

  float: none;

  margin: 0;

  padding: 0;

}



.product_wrap .caption {

  height: 100%;

  left: 0;

  opacity: 0;

  position: absolute;

  top: 0;

  bottom:0px;

  width: 100%;

}



.product_wrap .caption .grid-hover-icons {

  left: 0;

  margin-top: 0px;

   transform:translateY(-45%);

  position: absolute;

  top: 45%;

  width: 100%;

}

.product_wrap .caption .grid-hover-icons  a img{ width:inherit; text-align:center; margin:0px auto;}

.product_wrap .caption .grid-hover-icons  a {text-align:center;}

.product_wrap .caption h3.the-title {

 top: 65%;

  transform:translateY(-65%);

  color: #ffffff;

  font-size: 15px;

  font-weight: 600;

  left: 0;

  font-family: "Lato",sans-serif;

  margin: 0 0 0px;

  padding: 0 0px;

  position: absolute;

  text-transform: uppercase;

  width: 100%;

}



.product_wrap:hover .caption {

  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%) repeat scroll 0 0;

  opacity: 1;

  text-align: center;

  transition: all 0.3s ease-out 0.1s;

}



.proces-sec-title{margin-bottom:33px;}

.proces-sec-title h2{color:#fff; font-weight:500; font-size:43px; margin:0px;  border-bottom:1px solid rgba(255, 255, 255, 0.50); display:inline-block; padding:0px 33px 10px 33px; text-shadow: 2px 2px #000;}



.shining_news{width:100%; margin:0px; padding:45px 0px; background-color:#f5f5f5; text-align: left;}



.news_box{

  background-color: #ffffff;

  border-radius: 4px;

  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);

  margin:0px;

  padding: 17px;

  position: relative;

  text-align:left;

  margin-bottom:13px;

}



.news_box_header{width:100%; margin-bottom:0px; clear:both; display:inline-block;}

.news_box_wherewho{float:left;}

.news_box_when{float:right;}



.news_box_content h2{font-size:27px; font-weight:500; margin-bottom:7px; color:#13138B; line-height:37px; }



.news_box_wherewho{font-weight:600; color:#262626;}

.news_box_when{color:#31C4EA;}



.news_box_content a{font-size:16px; font-weight:600; color:#999;}

.news_box_content a:hover{color:#13138B;}



.services-list div::after {

  background-color: #DDDDDD;

  border-radius: 0 0 50px 50px;

  content: "";

  height:103px;

  left: 0;

  margin: 0 auto;

  position: absolute;

  right: 0;

  top: 0;

  transition: all 0.3s ease 0s;

  width: 103px;

  z-index: -1;

}

.services-list div {

  background-color: #ffffff;

  border-radius: 4px;

  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);

  margin-right:2%;

  margin-bottom:2%;

  padding:32px 30px;

  position: relative;

  text-align: center;

  width: 48%;

  float:left;

  

  z-index: 1;

}

.services-list img {

  margin: 0 auto;

  width: 70px;

}

.services-list span {

  display: block;

  font-size: 20px;

  font-weight: 600;

  color:#13138b;

  margin-top: 20px;

}

.services-list div:hover::after {

  border-radius: 50%;

  top: 10px;

}



.medium-title {

  color: #13138b;

  font-size: 36px;

  font-weight: 500;

  letter-spacing: 1px;

  line-height: 46px;

  margin-bottom: 17px;

}



.footer{width:100%; margin:0px; padding:57px 0px 37px; background-color:#262626;}



.contact-menu li {

    margin-bottom: 15px;

    position: relative;

}

.contact-menu ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

}

.contact-menu li i {

    left: 0;

    position: absolute;

    top: 3px;

}

.contact-menu li p {

    color: #ffffff;

    font-size: 16px;

    font-weight: 400;

    line-height: 26px;

    margin: 0;

    padding-left: 40px;

}

.foot_title {

    color: #31C4EA;

    font-size:27px;

    font-weight: 500;

   border-bottom: 2px dotted #667581;

    line-height: 33px;

  

    margin: 0 0 10px;

    padding: 0;

  padding-bottom:7px;

}

.foot_Bdr {

    border-right: 2px dotted #667581;

}

.foot_links ul li {

    line-height: 37px;

}

.foot_links ul li a {

    color: #ffffff;

    font-size: 16px;

    font-weight: 400;

}

.foot_links ul li a:hover {

    color: #31c4ea;

    text-decoration: none;

}

.foot_social ul li {

    float: left;

    margin-right: 7px;

}

.foot_social ul li a {

    border: 2px solid #31c4ea;

    color: #31c4ea;

    display: inline-block;

    font-size: 14px;

    height: 37px;

    line-height: 33px;

    text-align: center;

    width: 37px;

}

.foot_social ul li a:hover {

    border-color: #ffffff;

    color: #ffffff;

    text-decoration: none;

}



.bottom_footer {

    background-color: #ffffff;

    margin: 0;

    padding: 10px 0;

    width: 100%;

}

.copyright {

    color: #262626;

    font-size: 16px;

    font-weight: 400;

    line-height: 26px;

}

.pull-left{float: left !important;}

.pull-right{float: right; !important;}


.gc_home_header_scroll {

    background-color: #ffffff;

    border-bottom: 1px solid #dddddd;

    left: 0;

    position: fixed;

    top: 0;

    transition: opacity 0.35s ease 0s;

    width: 100%;

    z-index: 9999;

}



.right_abt_content h1 span{

  color: #262626;

}



.about-list{

  display: flex;

  color: #0086C9;
  justify-content: center;

}



.about-list li{

  font-size: 22px;

  padding-right: 25px;

  text-shadow: 1px 1px #fff;

}



.about-list li i{

  color: #003A87;

  text-shadow: none;

}

.title2{
  color: #0f1341; 
}

.cpvc img{
  border-radius:20px;border: 7px double #2891CE;
border-radius: 30px;
}


.text-pvc{
  text-align: center;
  font-size: 50px;
  border-bottom: 2px dashed #31C4EA;
}

.mt50{
  margin-top: 40px;
  margin-bottom: 30px;
}

.mb50{
  margin-bottom: 50px;
  margin-top: 30px;
}

.text-center{
  text-align: center !important;
}

.grid {
  position: relative;
  margin: 0 auto;
  padding: 1em 0 4em;
  max-width: 1000px;
  list-style: none;
  text-align: center;
}

/* Common style */
.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 280px;
  max-width: 480px;
  max-height: 360px;
  width: 48%;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
}

.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;
}

.grid figure figcaption {
  padding: 2em;
  color: #fff;

  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.grid figure h2 {
  word-spacing: -0.15em;
  font-weight: 300;
}

.grid figure h2 span {
  font-weight: 800;
}

.grid figure h2,
.grid figure p {
  margin: 0;
}

.grid figure p {
  letter-spacing: 1px;
  font-size: 68.5%;
}

/*---------------*/
/***** Chico *****/
/*---------------*/

figure.effect-chico img {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1.12);
  transform: scale(1.12);
}

figure.effect-chico:hover img {
  opacity: 0.5;
  -webkit-transform: scale(1);
  transform: scale(1);
}

figure.effect-chico figcaption {
  padding: 3em;
}

figure.effect-chico figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid #fff;
  content: '';
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

figure.effect-chico figcaption::before,
figure.effect-chico p {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}

figure.effect-chico h2 {
background: #000;
padding: 30px 0px;
opacity: .7;
position: absolute;
width: 100%;
left: 0;
bottom: 30px;
}

figure.effect-chico h2 a{ color:#fff}
figure.effect-chico p {
  margin: 0 auto;
  max-width: 200px;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

@media screen and (max-width: 50em) {
  .content {
    padding: 0 10px;
    text-align: center;
  }
  .grid figure {
    display: inline-block;
    float: none;
    margin: 10px auto;
    width: 100%;
  }
}


.p100{
  padding: 0px 100px;
}

.br{
  border-right: 3px solid #0f1341;
}

.bb{
  border-bottom: 3px dashed #0f1341;
}

.mbproduct{
      margin-bottom: 70px;
      margin-top: 70px;
}

.cpvc2{
  margin-top: 30px;
}

.cpvc2 h2{
  color: #0086C9;
}

.cpvc2 ul li{
  line-height: 30px;
}

.cpvc2 ul li i{
  color: #0086C9;
}

.cpvc2 table{
  text-align: center;
}

.cpvc2 table th{
  color: #0f1341;
  text-align: center;
}

.cpvc2 table td{
  font-weight: 600;
  text-align: center;
  color: #666;
}

.new-item{
  border: 1px solid #999999;
  border-radius: 20px; padding:20px; display:inline-block; width:100%; margin-bottom:20px

}
.p_imgg{ border:2px solid #444; padding:8px}
.color2{
  color: #0189cb;
}

.mt0{
  margin-top: 0px !important;
}

.br25{
  border-radius: 25px;
}

.fw-lex{
  font-weight: 550;
}

.mr0{
  margin-right: 0px !important;
}
.white{
  color: #fff !important;
}

.blue{
  color: #13138b !important;
}

.blue2{
  color: #0086C9 !important;
}

.bb{
  border-bottom: 2px dashed;
}

.border-blue{
  border: 2px solid #13138b;
}

.mt40{
  margin-top: 40px;
}

.pb20{
  padding-bottom: 20px;
}

.lc2{
  padding: 4% 11% !important;
}

.contact-br{
  border-right: 2px solid #08a1da;
}

.contact-form label{
  color: #333;
}

.ml25{
  margin-left: 25%;
}

.contact-icon p i{
  color: #31C4EA;
}

.contact-icon p{
  font-size: 17px;
  letter-spacing: 1px;
}

.mt10{
  margin-top: 10px;
}

.new-item table tr th{
  padding: 5px; text-align:center
}

.new-item table tr td{
  padding: 5px;
}

.sec_title{ width:30%; margin:0 auto}

.icon_s{ height:80px; width:80px; border:7px double #333; background:#000; text-align:center; margin:0 auto}
.icon_s i{ color:#fff; font-size:35px; line-height:70px;}
.con_inf{ padding:20px 10px;background-color: #f7fbff;

margin: 15px 0;
border-radius: 8px;
box-shadow: 0px 0px 9px 1px #e4e4e4;
cursor: pointer;
transition: transform .2s;
 text-align:center; font-size:17px;}

 .certi{ border:1px solid #ddd; padding:8px; margin-bottom: 20px; }
 
 .bottom_logo{ padding:50px 0px;}
 .bottom_logo .i1{ width:20%; display:inline-block; padding:10px 20px; float:left; border: 1px solid #ddd;}
 
 .new-item table{ text-align:center}

}

.social-icon{
  margin-left: 30px !important; 
  margin-top: 20px !important;
}

.social-icon li{
  display: inline-block !important; 
  margin-right: 10px !important;
}

.container {
  opacity: 0;
  transition: opacity 1s;
}

.container-loaded {
    opacity: 1;
}

@media(min-width: 992px) and (max-width: 1199px){
  .main-menu ul.navbar-nav li a{
    font-size: 16px !important;
    padding: 15px 5px !important;
  }
  .top_ul_li {
    text-align: center;
  }
}

@media(min-width: 768px) and (max-width: 991px){
  .main-menu ul.navbar-nav li a{
    font-size: 12px;
    padding: 11px 4px;
    letter-spacing: 1px;
  }
  .top_list li {
    padding: 8px;
  }
   [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: 0;}
    [data-aos^="fade"][data-aos^="fade"].aos-animate {
    opacity: 1;
    transform: initial;}
}

@media(min-width: 320px) and (max-width: 480px){
  .sec_title{
    width: 100%;
  }
  .gc_home_header_scroll{ position: relative!important; }
  .benifit-box{ width: auto; } 
    .benifit-box .media{ padding: 5px; text-align: center; }
    .benifit-box h3{ font-size: 14px }
    .benifit-contant {margin-bottom: 20px;display: inline-block!important;}
    .Home_Industries{ padding: 25px 0px }
     [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: 0;}
    [data-aos^="fade"][data-aos^="fade"].aos-animate {
    opacity: 1;
    transform: initial;}
    .logo img{ height: 70px }
}

@media(min-width: 320px) and (max-width: 767px){
  .shining_news p{
    padding: 0 20px;
  }
  .br{
    border-right: none; 
  }

  .logo_r{ float: left; z-index: 9}
  .top_ul_li{ text-align: left; }
  .top_list li {
    display: block;
    width: 100%;}

    .top_list li a img{ width:100% }
    .app_icn, .app_icnaa{ text-align: center; }
    .gc_home_header_scroll{ position:relative!important; }
    .benifit-box{ width: auto; } 
    .benifit-box .media{ padding: 5px; text-align: center; }
    .benifit-box h3{ font-size: 14px }
    .benifit-contant {margin-bottom: 20px;display: inline-block;}
    .Home_Industries{ padding: 25px 0px; background:#fff; text-align: justify; }
    [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: 0;}
    [data-aos^="fade"][data-aos^="fade"].aos-animate {
    opacity: 1;
    transform: initial;}
    .logo img{ height: 70px }
    .top_ul_li_h{ display: flex; }
    .slider_area .owl-controls{ display: none; }
   .top_ul_li_h .app_icn img{ width: 100% }
   .navbar.navbar-default{ display: none; }
   .mobile-menu-area{top: 160px;
    position: absolute;
    right: 0; background:none;}
    .right_abt_content{ padding: 5% 6% }
    .right_abt_content h1{ font-size: 30px }
    .right_cel{ margin-top:0  }
    .about-list{ display: block; }
    .sec-title h2, .proces-sec-title h2, .text-pvc, .left_why_shine h2, .left_why_shine_right h2{ font-size: 25px }
    .process_area{ background:#333!important; padding: 30px 0px }
    .shining_news p{ text-align: justify; }
    .bottom_logo .i1{ width: 33%; padding: 10px }
.foot_map iframe{ width: 100% }
.mbproduct{ margin:20px 0px; }
.table-responsive h2{font-size: 18px}
.common_certi_thumb{ text-align: center; }
.grid iframe{ width: 100% }
}
  
}
.contact-menu li a:hover{color:#337ab7;}
.contact-menu li a{color:#fff;}
.goog-logo-link{ display: none; }
#navbar-example{ margin:35px 0px; }