/* Fonts */
@import url(navigation.css);
@import url(font-awesome/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900,900italic);

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,600italic,700,700italic,800,800italic);
@import url(http://fonts.googleapis.com/css?family=Quicksand:400,300,700);

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

@import url(https://fonts.googleapis.com/css?family=Lobster);

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

/* Fonts */


html { margin: 0; padding: 0;}
body{ margin:0; padding:0; font:400 14px/22px Source Sans Pro;  color:#242424; font-weight: 400; background:#fff;}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */
div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, select, nav, img {padding:0; margin:0;}
img{border:0;}
ol, ul { list-style: none; }

*{
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
*:hover{
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

a{color:#0e528d; text-decoration:none;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
a:hover{text-decoration:underline;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

.left {float:left;}
.right {float:right;}

.aln-cntr{text-align:center; margin:0 auto 20px; display:block;}
.clear {clear:both;font-size:0;line-height:0;}
.bordr-none{border:none!important;}



.mrgn-top0{margin-top:0!important;}

.red{color:red;}

h1, h2, h3, h4, h5, h6{font-weight:400; line-height:100%; text-transform:uppercase;}

hr{height:10px; display:block; overflow:hidden; width:100%; background:transparent; border:none; margin:0 0 50px;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
}

h4{font-weight:400; font-size:25px; text-align:left; margin-bottom:20px; position:relative; float:left;}

.full-img{display:block; overflow:hidden; margin-bottom:25px;}
/*.full-img img{width:100%;}*/

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

.wrap{width:1200px; margin:0 auto; position:relative; clear:both;}




/* ----------------------- Headre Style ----------------------- */

.header-area{display:block; background:#9a0000; position:relative; float:left; width:100%; z-index:100; text-align:center; padding:5px 0 5px; border-bottom:2px  solid rgba(0, 0, 0, 0.7);}
.logo{ width:141px; position:relative; padding:0; float:left;}
.logo img{ width:100%;
-webkit-transition: 0.3s ease-in-out; /* Safari */
transition: 0.3s ease;
}

.top-right-area{ float:right; margin:10px 0 0 5px; text-align:left}
.top-right-contact{ float:left; color:#fff; font-size:19px; padding:0 10px 0 30px; line-height:28px; position: relative}
.top-right-contact:before{ position:absolute; content:url('../images/call.png'); left:-30px; top:5px;}
.top-right-contact span{ display:block; clear:both; }
/*.top-right-contact i{float:left; margin-right:10px; color:#fff; font-size:16px; border:1px solid #fff; border-radius:50%; width:10px; height:10px; padding:8px 8px 12px 8px;}*/



.top-socil-icons{float:left; margin-left:20px;
-webkit-transition: 0.3s ease-in-out; /* Safari */
transition: 0.3s ease;
}
.top-socil-icons li{ display:inline-block; margin:0 auto; text-align:center; /*border:1px solid #fff; border-radius:50%; width:15px; height:15px; ;*/ padding:0 2px}
.top-socil-icons li a{display:block; text-align:center; color:#fff; font-size:20px; line-height:45px; transition: color 2s;}
.top-socil-icons li a:hover{color:#265cd7;}
.top-socil-icons li:nth-child(2) a:hover{color:#08c2f1;}
.top-socil-icons li:nth-child(3) a:hover{color:#ff3000;}
.top-socil-icons li:nth-child(4) a:hover{color:#0ac106;}
.top-socil-icons li:nth-child(5) a:hover{color:#ff4800;}





.header-navigation{z-index:100; position:relative; padding:0 0 5px 0; margin:40px 0 0 0;  float:right;
-webkit-transition: 0.3s ease-in-out; /* Safari */
transition: 0.3s ease;
}


/* ----------------------- Banner Area Start ----------------------- */


.banner-area{display:block; clear:both; position:relative;
/*-webkit-box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.17);
box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.17);*/
}
.banner-area img{width:100%;}



/* ----------------------- Welcome Area Start ----------------------- */

.welcome-area{ display:block; text-align:center; margin:25px auto;}
.welcome-area h1{ display:block; font-size:40px; line-height:50px; margin-bottom:25px; color:#9a0000; font-weight:300;}
.welcome-area p{ font-size:18px; line-height:32px; margin-bottom:15px; color:#1c1d1f;}
.welcome-area > a{ text-align:center;  border:1px solid #ff9c00; padding:12px 30px; border-radius:5px; margin-bottom:25px; font-size:15px; color:#000;}
.welcome-area > a:hover{border:1px solid #000;  color:#ff9c00;}

.welcome-area:after{ position:absolute; content:''; bottom:-32px; left:0; background:url(../images/bottom-arrow.png) 0 bottom  repeat-x; width:100%; height:10px;}



ul.products { display:block; /*margin-bottom:30px;*/ padding-bottom:30px;}
ul.products li{ display:inline-block; margin:16px 10px; overflow:hidden;}


ul.products li a{cursor:pointer; display:block; overflow:hidden; position:relative;}
ul.products li a img{ float:left; width:350px;  height:250px; transition:0.2s ease-out; transform: scale(1); -ms-transform: scale(1); /* IE 9 */-webkit-transform: scale(1); /* Safari and Chrome */}
ul.products li a:hover img{ transform: scale(1.3); -ms-transform: scale(1.3); /* IE 9 */-webkit-transform: scale(1.3); /* Safari and Chrome */
}

ul.products li a:before{ content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; outline: solid 1px rgba( 255,255,255,1);  outline-offset:-15px; z-index:101;}


/* ----------------------- Welcome Area End ----------------------- */




.eventsp {display:block;  margin:100px auto 150px;  position: relative;}


.eventsp div{ background: #9a0000;  color: #fff; padding:60px 100px; font-size: 15px;   z-index:1000; margin-left:590px; margin-top:100px; display:inline-block; vertical-align: middle}
.eventsp div h1{ font-size:70px;font-family: "Tenor Sans", serif; color: #000; font-weight: 400; line-height:70px;  position: absolute; top:30px; display: block; letter-spacing: 1px; text-transform: none;  clear: both }
.eventsp div h1 span{ color: #fff; display: block; clear: both }
.eventsp div p{display: block; clear: both; margin-top:80px;}
.eventsp:before{ position: absolute; left:0; display: block; width:500px; height:500px;  top: 0; content:url("../images/021.jpg"); z-index:-1;}

.eventsp div ul{padding: 0; margin:100px 0 50px 0; list-style-type:none; clear: both; display: block}
.eventsp div ul li{display: block; clear: both; padding-bottom: 35px; margin: 0;}
.eventsp div ul li h4{display: block; clear: both; padding-bottom: 15px; margin: 0; }

.eventsp div ul li a{ color: #fff }



.next-pagematter{ text-align: center; display: block; margin:50px auto; }
.next-pagematter h3{ margin-bottom:20px; }



.next-pagematter{ text-align: center; display: block; margin:50px auto; }
.next-pagematter h3{ margin-bottom:20px; }









.latest-news{color:#fff; padding:15px 0 0; margin:0 auto; width:90%; display:table; font-size:16px; line-height:1.5;}
.latest-news > div{ display:table-cell; vertical-align:middle; padding:0 25px; text-align:center; position:relative;}
.latest-news > div > span{ display:block;}
.latest-news > div h2{font-size:36px; font-family: 'Lobster', cursive; text-transform:none; font-weight:400; line-height:1.5; display:block; padding-bottom:10px; margin-bottom:15px; border-bottom:1px rgba(255,255,255,0.3) solid;}




.latest-news > div a{ text-align:center;  border:1px solid #fff; padding:12px 30px; border-radius:5px; font-size:15px; color:#fff;}
.latest-news > div a:hover{border:1px solid #ff9c00;  color:#ff9c00;}


/* Paralex Design */

.parallax {
  min-height: 250px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding:40px 0 0; border-bottom:25px #fff solid; clear:both;
}


.parallax-1 {background-image: url("../images/parallax.jpg");}




.menu{ display:block; text-align:center;}

.menu h2{ display:block; font-size:35px; font-family: 'Philosopher', sans-serif; font-weight:700; margin:25px auto;}
.menu p{ display:block; font-size:15px;  margin:10px 45px 35px;}
.menu a{ border:1px solid #e92725; padding:15px; clear:both; display:block; font-size:14px; width:15%; margin:0 auto 25px; color:#e92725;}
.menu a:hover{ border:1px solid #000; color:#000; text-decoration:none;}





/* ----------------------- Index Img Style ----------------------- */
.index-img-area{ display:block; position:relative; overflow:hidden; margin-bottom:-10px;}
.index-img-area ul{ display:block;}
.index-img-area ul li{display:inline-block; position:relative; margin-left:-4px; overflow:hidden;}
.index-img-area ul li:before{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0); content:''; display:block; transition: 0.3s ease;}
.index-img-area ul li:hover:before{background:rgba(0,0,0,0.8);}
.index-img-area ul li:after{content:'+'; display:block; font-size:130px; line-height:1; font-family:'Raleway'; font-weight:100; position:absolute; color:#fff; top:0%; left:45%; transition: 0.3s ease; opacity:0;}
.index-img-area ul li:hover:after{top:42%; opacity:1;}




.footer-area{display:block; overflow:hidden; clear:both; padding:10px 0; background:#ffcc29 url(../images/bottom-bg.png) no-repeat center bottom; text-align:center; color:#4a382b;}

.footer-area p{display:block; margin:0 auto; clear:both; margin-bottom:10px;}
.footer-area p i{display:block; font-size:25px; color:#000; clear:both; margin-bottom:10px;}

ul.footer-social-icons{margin-top:20px; display:block; margin-bottom:20px;}
ul.footer-social-icons li{ display:inline-block; margin-left:10px;  color:#fff!important;}
ul.footer-social-icons li a{width:40px; height:40px; display:block; background:#3b5a9b;  color:#fff!important; text-align:center; position:relative; border-radius:50%}

ul.footer-social-icons li a:after{line-height:40px; width:40px; display:block; position:absolute; font-size:22px; content:"\f09a"; font-family:'FontAwesome';}
ul.footer-social-icons li:nth-child(2) a{background:#4a91ce;}
ul.footer-social-icons li:nth-child(2) a:after{content:"\f099";}
ul.footer-social-icons li:nth-child(3) a{background:#da2b27;}
ul.footer-social-icons li:nth-child(3) a:after{content:"\f0d5";}

ul.footer-social-icons li:nth-child(4) a{background:#cb2027;}
ul.footer-social-icons li:nth-child(4) a:after{content:"\f0d2";}

ul.footer-social-icons li:nth-child(5) a{background:#0eb221;}
ul.footer-social-icons li:nth-child(5) a:after{content:"\f232";}

ul.footer-social-icons li a:hover{background:#fff; color:#000!important;}

.footer-capyright{display:block; background:#fff; padding:10px 0; color:#5f4d82; text-align:center; clear:both;}




.our-projects{display:block; overflow:hidden; padding:5% 1%; text-align:center;}
.our-projects h2{display:block; font-size:40px; line-height:1; margin:0 auto 40px; background:#fff;}
.our-projects div{display:block; overflow:hidden;}
.our-projects a{float:left; margin:0.5%; background:#000; position:relative; overflow:hidden; width:23.5%; height:176px;}
.our-projects a:nth-child(2), .our-projects a:nth-child(3){width:23.5%;}
.our-projects a img{ width:100%;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
.our-projects a:hover img{opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */}
.our-projects a span{position:absolute; color:#fff; top:-45%; left:0; z-index:100; vertical-align:middle; width:100%; text-transform:uppercase; font-size:120%; letter-spacing:1px; font-weight:600; padding:5% 0;
border-bottom:1px #fff solid; border-top:1px #fff solid; overflow:hidden; transition:1s;}
.our-projects a:hover span{ top:40%;}












.midmatterareasp{ display: block; padding:40px 0; text-align: center; background: #710000; color: #fff; margin-bottom: 40px; }
.midmatterareasp h2{ padding-bottom: 20px; margin-top:30px; display: block; text-align: center;  font-size:40px;font-family: "Tenor Sans", serif; color: #fff;  clear: both; font-weight: 400;}

.midmatterareasp p{ display: block; padding:0 0 15px 0; text-align:left}


.whyusarea1 { display: block; padding: 25px;  margin-bottom: 40px;}
.whyusarea1 h2{ font-size:40px;font-family: "Tenor Sans", serif; color: #000;  clear: both; font-weight: 400; line-height:70px;   display: block; letter-spacing: 1px; text-transform: none; }
.whyusarea1 div{ display: inline-block; float: left; width:52%; margin-bottom: 50px; vertical-align: top}
.whyusarea1 div p{ display:block; padding-bottom: 15px;}
.whyusarea1 div h3{padding-bottom: 20px; display: block; margin-top: 20px;  font-size:20px; color: #000;  clear: both; font-weight: 400;}
.whyusarea1 img{float: right; width:45%; max-width: 100%;}





ul.sixboxarea{ margin: 0; padding: 0; list-style-type: none; display: block}
ul.sixboxarea li{  width:32%; box-sizing:border-box;  display: inline-block; vertical-align: top; text-align: center;}
ul.sixboxarea li div{ margin:5px; padding:10px; display:block;  background: #fff; height:220px; border: 1px solid #f89e38; margin-bottom:10px }

ul.sixboxarea li div h3{ padding-bottom: 15px; font-size: 18px; font-weight:600;  }

ul.sixboxarea li div img{ background: #444; padding:10px; border-radius: 50px; margin-bottom: 10px; }













/*--------------Next Page----------------------*/

.next-page-area{ display:block; text-align:center; margin:25px auto;}
.next-page-area h1{ display:block; font-size:40px; line-height:50px; margin-bottom:25px; color:#9a0000; font-weight:300;}
.next-page-area h2{ display:block; font-size:25px; line-height:30px; margin-bottom:15px; color:#9a0000; font-weight:300; text-align: left}
.next-page-area p{ font-size:15px; line-height:26px; margin-bottom:15px; color:#1c1d1f; text-align:left;}
.next-page-area strong{ display:block; font-size:20px; line-height:30px; margin-bottom:15px; color:#000; font-weight:500; text-align: left}





/*-ul.takeaway-area{ display:block;}
ul.takeaway-area li{ display:block; padding:10px 0; clear:both;}
ul.takeaway-area li img{ width:100%;}--*/

.manu-sp{ display:table; width:100%; margin:25px auto;}
.manu-sp > img{ display:block; width:100%; margin:25px auto;}
.manu-sp div{ display: table-cell; margin:0 1%;  text-align:left; padding:10px; vertical-align:top;}

.manu-sp h2{ text-align:left; font-size:27px; color:#000; display:block; position:relative; border-bottom:1px solid #ccc; padding-bottom:15px;}
.manu-sp h2:after{ position:absolute; content:''; left:0; bottom:0;  border-bottom:2px solid #ff0000; width:50px;}


.manu-sp h4{ text-align: center; font-size:22px; width:100%; color:#000; display:block; position:relative; /*border-bottom:1px solid #ccc;*/ padding-bottom:15px;}
.manu-sp h4:after{ position:absolute; content:''; left:50%; margin-left:-30px; bottom:0;  border-bottom:2px solid #ffb129; width:60px;}


/*.manu-sp div > img{ float:right;}*/

ul.manu-list{ display: block; }
ul.manu-list li{ display:block; padding:8px 0; position:relative; clear:both; overflow:hidden; vertical-align:top;}
ul.manu-list li:after{ display:block; border-bottom:3px dotted #ccc; position:absolute; content:''; width:100%; bottom:15px; z-index:-1;}
ul.manu-list li h3{ font-size:20px; line-height:24px; text-transform:none;  color:#000; float:left; background:#fff; padding:0 5px;}
ul.manu-list li span{ color:#000; font-size:16px; line-height:24px;  display:block; float:right; position:relative;background:#fff; padding:0 5px 0 15px;}
ul.manu-list li span:before{ content:'\f156'; font-family:'FontAwesome'; color:#000; font-size:16px; left:3px;  top:1px; display:block; position:absolute;}
ul.manu-list li p{ font-size:14px; color:#ccc; line-height:20px;}









.corporatearea div{ float: left; padding: 20px 0;  }
.corporatearea img{ float: right; margin-bottom: 10px; }

.corporatearea-banner{ display: block; clear: both;}


/* ------------------- Contact Details ----------------- */
.contact-area{display:table; width:100%; }
.contact-area > div{display:table-cell; padding:0 25px 0 0; box-sizing:border-box; vertical-align:top;}

.contact-area > div{ text-align:left;}

.contact-area > div:last-child{padding-left:25px; width:45%;}
/*.contact-area > div span{display:block; overflow:hidden; clear:both; padding:0 0 10px; border-bottom:1px #ddd solid; margin-bottom:20px;}
.contact-area > div span img{width:200px;}*/
.contact-area > div ul{display:block; clear:both; margin-left:10px; overflow:hidden; padding-bottom:20px; font-size:19px;}
.contact-area > div ul li{position:relative; padding:0 0 20px 50px; font-weight:normal; line-height:29px; text-align:left;}
.contact-area > div ul li strong{ color:#000; display:block; clear:both; font-size:20px; margin-bottom:10px;}
/*.contact-area > div ul li span{ color:#000; display:block; clear:both; font-size:20px; margin-bottom:10px;}*/
.contact-area > div ul li:before{position:absolute; left:0;  top:0; content:'\f041'; border-radius:50%; border:1px solid #000; width:20px; height:20px; text-align:center; padding:8px; font-size:20px; font-family:'FontAwesome'; line-height:1; color:#e54e2d;}
.contact-area > div ul li:nth-child(2):before{content:'\f095';}
.contact-area > div ul li:nth-child(3):before{content:'\f10b';}
.contact-area > div ul li:last-child:before{content:'\f0e0'; font-size:14px;}

.contact-area > div h3{margin-bottom:15px; font-weight:600; display:block;}
/*.contact-area > div form{display:block; clear:both; width:100%;}
.contact-area > div form input, .contact-area > div form textarea{width:100%; padding:8px; box-sizing:border-box; border:1px #dedcd7 solid; margin-bottom:10px; font-family: 'Conv_TT1022M_'; font-size:15px;}
.contact-area > div form input:focus, .contact-area > div form textarea:focus{border-color:#00a895;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
}

.contact-area > div form input[type="submit"]{border:none; background:#042a4f; color:#fff; text-transform:uppercase; font-weight:600; cursor:pointer;}
.contact-area > div form input[type="submit"]:hover{background:#fac312;}*/


.map{ display:block; margin:20px auto;}

.map div{ display: inline-block; padding: 10px; border:1px solid #ddd; width: 48%;}



form.contact-form-sp{display:block; overflow:hidden; padding:15px 0;}
form.contact-form-sp input[type="text"], form.contact-form-sp select{width:93%; margin:1%; padding:2%; color:#000; display:inline; border:none; background:#fff; font-family: 'PT Sans', sans-serif; font-size:13px; border:1px solid #c6dbde;}
form.contact-form-sp textarea{width:93%; margin:1%; padding:2%; display:inline; border:none; background:#fff; border:1px solid #c6dbde; min-height:80px; font-family: 'PT Sans', sans-serif; font-size:13px;}
form.contact-form-sp input[type="submit"]{padding:7px 20px; margin:1%; background:#feb712; border:none; font-weight:bold; color:#fff; text-transform:uppercase; cursor:pointer;}
form.contact-form-sp select{width:47%; font-family: 'PT Sans', sans-serif;}

form.contact-form-sp input[type="checkbox"]{padding:8px 0 0}
form.contact-form-sp span{margin:0 35px 0 5px; text-transform:uppercase;}
/*form.contact-form-sp strong{text-transform:uppercase; clear:both; width:100px; float:left; text-align:left; margin:0; padding:0;}*/


.contact-form-sp > div{display:block; overflow:hidden; clear:both;}
.contact-form-sp > div span{width:46%; margin:0 2%; float:left; padding:8px 0 0; text-align:left; text-transform:none; color:#989898;}



ul.media-sp{ display:block; margin:0 auto; text-align:center;}
ul.media-sp li{ display: inline-block; border:1px solid #f4f4f4; padding:5px; margin:0 5px;}



.gallery-area{display:block; overflow:hidden; background:none!important;}

.gallery-area h3{ font-size:20px; padding:20px 0 13px; margin-bottom:20px; text-align:left; text-transform:uppercase; font-weight:400; clear:both; position:relative; border-bottom:1px dashed #c4c4c4; }

.gallery-area h3:after{ position:absolute; content:''; top:0; left:0; width:50px; border:1px solid #07b745; }

.gallery-area ul{ display:block;  background:none!important; margin:0 auto; text-align:center;}
.gallery-area ul li{width:31%; overflow:hidden; display:inline-block; margin:10px 10px 10px 10px; vertical-align:top;}
.gallery-area ul li a{float:left; background:#000; position:relative;}
.gallery-area ul li img{width:100%; min-height:250px;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
.gallery-area ul li a:hover > img{opacity: 0.2; filter: alpha(opacity=20); /* For IE8 and earlier */}
.gallery-area ul li a:before{content:"\f002"; font-weight:300; display:block; position:absolute; color:#fff; font-family:'FontAwesome'; font-size:40px; left:45%; top:-40%; color:#ff0000; transition:1s;}
.gallery-area ul li:hover a:before{top:45%;}



.logoscrollarea{ display:block; padding: 20px 0; background: #f3f3f3;}
.logoscrollarea h2{ display:block; padding:20px 0; text-align: center; margin: 0 auto;}

 ul.logoscroll{ display:block;  background:none!important; margin:0 auto; text-align:center;}
 ul.logoscroll li{width:22%; overflow:hidden; display:inline-block; margin:10px 10px 10px 10px; vertical-align:top;}
 ul.logoscroll li img{width:100%; min-height:200px;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media all and (max-width: 1180px) {
.wrap{width:98%;}
}

@media all and (max-width: 1030px) {

.welcome-area ul li{ width:35%;}
/*.next-page-area img{ width:100%}*/



}

@media all and (max-width: 910px) {
.header-navigation{padding:15px 0 5px 0; margin:6px 0 0 0;  float:none; clear:both; display:block;}

.corporatearea img{ float:none; margin-bottom: 10px; width:100%; min-height:250px; }
.corporatearea-banner img{ display: block; clear: both; width: 100%; max-width: 100%; }

.eventsp {
  display: block;
  margin: 0 auto ;
  position: relative;
}	
.eventsp div{ padding:60px 60px; font-size: 15px;   z-index:1000; margin-left:0; margin-top:0; display:block; }
.eventsp:before{  width:auto; height:auto;  top: 0;  display: none; z-index:-1;}

.eventsp div ul{padding: 0; margin:50px 0 50px 0; list-style-type:none; clear: both; display: block}
	
.eventsp div h1 {
  font-size: 25px;
  font-family: "Tenor Sans", serif;
  color: #fff;
  font-weight: 400;
  line-height: 15px;
  position: relative;
  top: 0;
  display: block;
  letter-spacing: 1px;
  text-transform: none;}	
	
.eventsp div h1 span{ display:inline-block; clear: none}


ul.sixboxarea li {
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}



.whyusarea1 h2{ font-size:25px;font-family: "Tenor Sans", serif; color: #000;  clear: both; font-weight: 400; line-height:25px;   display: block; letter-spacing: 1px; text-transform: none; }
.whyusarea1 div{ display:block; float:none; padding:10px; width:100%; margin-bottom: 30px; vertical-align: top}
.whyusarea1 div p{ display:block; padding-bottom: 15px;}
.whyusarea1 div h3{padding-bottom: 20px; display: block; margin-top: 20px;  font-size:20px; color: #000;  clear: both; font-weight: 400;}
.whyusarea1 img{float:none; padding:0; display:block;  width:100%; max-width: 100%;}


.midmatterareasp{ display: block; padding:20px; text-align: center; background: #710000; color: #fff; margin-bottom: 40px; }
.midmatterareasp h2{ padding-bottom: 20px; margin-top:20px; display: block; text-align: center;  font-size:25px;font-family: "Tenor Sans", serif; color: #fff;  clear: both; font-weight: 400;}

.midmatterareasp p{ display: block; padding:0 0 15px 0; text-align:left}







}

@media all and (max-width: 810px){
.header-area{padding-bottom:0;}
.corporatearea img{ float: none; display: block   }

.gallery-area ul li{width:28%;}
.gallery-area ul li img{min-height:150px;}

ul.products li a img{ width:100%;  height:250px; }
.menu a{ width:50%; display:block;}

.latest-news{width:100%; display:block; }
.latest-news > div{ display:block; padding:25px; }
.logo{  float:none; display:block; margin:0 auto; text-align:center; clear:both;}
.top-right-area{ float:none; margin:10px auto; text-align:center; display:block; }

.top-socil-icons{float:right; margin-left:0; display:block;  }


.top-right-contact{ float:none; display:block; font-size:16px; margin:15px auto;}
.top-right-contact:before{ display:none;}

.welcome-area{ padding:5px;}
.welcome-area h1{font-size:30px; line-height:40px; margin-bottom:15px;}
.welcome-area p{ font-size:16px; }
}


@media all and (max-width: 650px){


ul.products li a img{ height:150px; width:100%;}

.manu-sp div{ display:block; margin:0;}


.gallery-area ul li{width:45%;}

.gallery-area ul li img{min-height:150px;}



.contact-area > div{display:block; padding:0; }

.welcome-area:after{ display:none;}

.contact-area > div:last-child{padding-left:0; width:auto;}

.footer-area{ background-image:none;}

.top-right-area{ float:none; margin:10px auto; text-align:center; display:block; clear:both; }

.top-socil-icons{float:none; margin-left:0; display:block; margin:0 auto; text-align:center; clear:both;}

}

@media all and (max-width: 490px){

.top-right-area{ float:none; margin:10px 0 0 0; display:block; clear:both;}

.logo{ float:none; text-align:center; display:block; margin:0 auto;}

ul.products li{ display:block; width:auto;}

ul.products li a img{ height:250px; }

.latest-news > div{ padding:25px 0; }
.latest-news > div > span img{ width:100%; text-align:center; margin:0 auto;}


ul.manu-list li h3{ font-size:15px; line-height:24px;}

.gallery-area ul li{display:block; width:auto;}
.gallery-area ul li img{min-height:200px;}

ul.media-sp li img{ width:100%;}

}

@media all and (max-width: 370px){

.top-right-contact strong{ display:block; clear:both}


.top-socil-icons{float:none; margin-left:0; display:block; text-align:center;}

ul.manu-list li h3{ font-size:14px; line-height:24px;}


}



/* -------------- Chrome Only ------------------ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}