/* Fonts */
@import url(navigation.css);
@import url(font-awesome/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Oxygen:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,600italic,700,700italic,800,800italic);
@import url('https://fonts.googleapis.com/css?family=Oswald:200,400,600&display=swap');
@font-face {
	font-family: 'Conv_Absolut_Pro_MediumCondensed';
	src: url('../fonts/Absolut_Pro_MediumCondensed.eot');
	src: local('☺'), url('../fonts/Absolut_Pro_MediumCondensed.woff') format('woff'), url('../fonts/Absolut_Pro_MediumCondensed.ttf') format('truetype'), url('../fonts/Absolut_Pro_MediumCondensed.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_segoepr';
	src: url('../fonts/segoepr.eot');
	src: local('☺'), url('../fonts/segoepr.woff') format('woff'), url('../fonts/segoepr.ttf') format('truetype'), url('../fonts/segoepr.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



/* Fonts */


html { margin: 0; padding: 0;}
body{ margin:0; padding:0; font:300 15px/22px 'Open Sans'; color:#242424; font-weight: 400;}

/*	--------------------------------------------------
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, *:after{
-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:#f4340e; 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:none; color:#64aa45;
-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;}

ul.bull{list-style-type:none; float:left; margin:0 0 15px 0; clear:both;}
ul.bull li{float:left; clear:both; background:url('../images/bull.png') no-repeat 0 2px; padding-left:25px; margin-bottom:15px; /*text-align:justify;*/}

/*ol{list-style-type:none; float:left; margin:0 0 15px 0;}
ol li{float:left; clear:both; background:url('../images/bull.png') no-repeat 3px 6px; padding-left:18px; margin-bottom:4px; text-align:justify;}*/

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

.red{color:red;}

h1, h2, h3, h4, h5, h6{font-weight:500; line-height:100%}




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

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




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

.header-area{display:block; overflow:hidden; padding:10px 0; background:#142535;}
.header-area > div > a{ float:left; background: none;}
.header-area > div > div{ display:block; float:right; margin-top:30px;}
ul.header-social-icons{text-align:center; margin-top:5px;}
ul.header-social-icons li{display:inline-block; margin-left:8px;}
ul.header-social-icons li a{width:40px; padding:10px 0;  display:block; background:#f05033; color:#fff; text-align:center; position:relative;  font-size:20px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}


ul.header-social-icons li a:hover{background:#d01d15;}









/* ----------------------- Nav Style ----------------------- */
.navigation-area{display:block; background:#f4340e; font-family: 'Montserrat', sans-serif;}

/* ----------------------- Banner Area Style ----------------------- */
.banner-area{ display:block; overflow:hidden;}
.banner-area img{ width:100%;}


/* ----------------------- Index product Area Style ----------------------- */
.index-pro-bg{ display:block; overflow:hidden; text-align:center; padding-bottom:30px;
background: rgba(76,101,111,1);
background: -moz-linear-gradient(left, rgba(76,101,111,1) 0%, rgba(76,101,111,1) 40%, rgba(102,106,133,1) 40%, rgba(102,106,133,1) 60%, rgba(66,123,124,1) 60%, rgba(66,123,124,1) 99%, rgba(66,123,124,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(76,101,111,1)), color-stop(40%, rgba(76,101,111,1)), color-stop(40%, rgba(102,106,133,1)), color-stop(60%, rgba(102,106,133,1)), color-stop(60%, rgba(66,123,124,1)), color-stop(99%, rgba(66,123,124,1)), color-stop(100%, rgba(66,123,124,1)));
background: -webkit-linear-gradient(left, rgba(76,101,111,1) 0%, rgba(76,101,111,1) 40%, rgba(102,106,133,1) 40%, rgba(102,106,133,1) 60%, rgba(66,123,124,1) 60%, rgba(66,123,124,1) 99%, rgba(66,123,124,1) 100%);
background: -o-linear-gradient(left, rgba(76,101,111,1) 0%, rgba(76,101,111,1) 40%, rgba(102,106,133,1) 40%, rgba(102,106,133,1) 60%, rgba(66,123,124,1) 60%, rgba(66,123,124,1) 99%, rgba(66,123,124,1) 100%);
background: -ms-linear-gradient(left, rgba(76,101,111,1) 0%, rgba(76,101,111,1) 40%, rgba(102,106,133,1) 40%, rgba(102,106,133,1) 60%, rgba(66,123,124,1) 60%, rgba(66,123,124,1) 99%, rgba(66,123,124,1) 100%);
background: linear-gradient(to right, rgba(76,101,111,1) 0%, rgba(76,101,111,1) 40%, rgba(102,106,133,1) 40%, rgba(102,106,133,1) 60%, rgba(66,123,124,1) 60%, rgba(66,123,124,1) 99%, rgba(66,123,124,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c656f', endColorstr='#427b7c', GradientType=1 );

}

.index-pro-bg h2{ display:inline-block; text-align:center; margin:0px auto; padding:24px; font-family:'Conv_Absolut_Pro_MediumCondensed',Sans-Serif; font-size:42px; color:#fff; text-transform:uppercase; background:#666a85;}

.pro-area{ display:block; overflow:hidden;}
.pro-area > div{ display:inline-block; /*width:40%;*/ width:50%; float:left; background:url(../images/img1.jpg) no-repeat right; background-size:100%; min-height:300px;  overflow:hidden; background-size:cover}
.pro-area > div > div{ float:right; /*padding:40px 100px;*/ padding:40px 0px; width:100%;} 
.pro-area > div > div img{ /*margin-bottom:20px;*/ -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; display:block; margin:0px auto 20px; text-align:center;
-moz-transition: 0.6s; -moz-transform-style: preserve-3d;
-o-transition: 0.6s; -o-transform-style: preserve-3d;
transition: 0.6s; transform-style: preserve-3d; }
.pro-area > div > div:hover img{ -webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);transform: rotateY(-180deg);}
.pro-area > div > div span{ display:inline-block; clear:both; overflow:hidden; color:#fff; position:relative; border-bottom:1px solid #fff; font-size:24px; padding:10px 20px; border-top:1px solid #fff;}
.pro-area > div > div span:hover{ color:#f4340e;}

/*.pro-area > div:nth-child(2){ background:url(../images/img2.jpg) no-repeat; float:left; width:20%; padding:40px; box-sizing: border-box; background-size:cover;}
.pro-area > div:nth-child(2) img{ margin-bottom:20px; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d;
-moz-transition: 0.6s; -moz-transform-style: preserve-3d;
-o-transition: 0.6s; -o-transform-style: preserve-3d;
transition: 0.6s; transform-style: preserve-3d; }
.pro-area > div:nth-child(2):hover img{ -webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);transform: rotateY(-180deg);}
.pro-area > div:nth-child(2) span{ display:block; clear:both; overflow:hidden; color:#fff; position:relative; border-bottom:1px solid #fff; font-size:24px; padding:10px 0; border-top:1px solid #fff;}
.pro-area >  div:nth-child(2) span:hover{ color:#f4340e;}
*/
.pro-area > div:nth-child(2){ background:url(../images/img3.jpg) no-repeat left; background-size:cover;}
.pro-area > div:nth-child(2) > div{ float:left; /*padding:40px 110px;*/} 



/* ----------------------- Welcome Area Style ----------------------- */
.welcome-bg-area{ display:block; width:100%; background:#1b408e; padding:25px 0;}
.welcome-bg-area > div{ display:table;}
.welcome-bg-area > div > div{ display:table-cell; padding:2%; box-sizing: border-box; color:#fff;}
.welcome-bg-area > div > div:first-child{ width:55%; background:url(../images/rit-line.png) no-repeat right center; padding-right:3%; overflow:hidden;}
.welcome-bg-area > div > div:first-child > h1{ display:block; clear:both; font-family: 'Oxygen', sans-serif; font-size:28px; color:#FFFFFF; font-style:italic; font-weight:600; padding-bottom:15px; 
border-bottom:2px dotted #fff; margin-bottom:15px;}
.welcome-bg-area > div > div:first-child > span{ font-family:'Conv_Absolut_Pro_MediumCondensed',Sans-Serif; font-size:22px; margin-bottom:15px; line-height:1.5; clear:both; display:block; }
.welcome-bg-area > div > div:first-child > p{ font-size:14px; margin-bottom:5px;}
.welcome-bg-area > div > div:first-child > a{ padding:12px 20px; border:1px solid #fff; clear:both; float:left; color:#fff; text-transform:capitalize;}
.welcome-bg-area > div > div:first-child > a:hover{ background:#f4340e;}
.welcome-bg-area > div > div > h2{ font-family:'Conv_segoepr',Sans-Serif; font-size:20px; display:block; text-align:center; margin-bottom: 20px; padding-bottom:15px; border-bottom:2px dotted #fff; 
font-style:italic;}

ul.member-nav{ display:block; text-align:center; margin-top: 80px;}
ul.member-nav li{ display:inline-block; margin:0px 16px 16px 0px;}


/* ----------------------- Index Gallery Area Style ----------------------- */
.index-gallery-area{ display:block;}

/* ----------------------- Footer Area Style ----------------------- */
.footer-area{ display:block; overflow:hidden; background:#091327; position:relative; clear:both;}
.footer-area > div{ display:table;}
.footer-area > div > div{ display:table-cell; padding:2%; box-sizing: border-box; color:#fff; vertical-align: middle;}
.footer-area > div > div:first-child{ width:74%; overflow: hidden;}

ul.footer-nav{ display:block; text-align:center;}
ul.footer-nav li{ /*width:18%;*/ float:left; margin-right:42px;}
ul.footer-nav li  span{ font-size:13px; font-weight:600; float:left; color:#ddd; text-transform:uppercase;}
ul.footer-nav li  p{ display:block; clear:both; font-weight:600; color:#ddd; font-size:13px; text-align:left; line-height:22px;} 

ul.footer-nav li ul{ display:block;}
ul.footer-nav li ul li{ clear:both; float:left; width:100%; text-align:left; }
ul.footer-nav li ul li:nth-child(2){ width:100%;}
ul.footer-nav li ul li a{ color:#ddd; font-size:12px; line-height:24px; text-transform:uppercase; font-weight:600;}
ul.footer-nav li ul li a:hover{ color:#d92e2e;}
ul.footer-nav li:last-child{ margin-right:0px;}

.footer-area > div > div >img{ text-align:center; display:block; margin:0px auto; filter:brightness(0) invert(1);}

/* ----------------------- Copy Area Style ----------------------- */
.copy-right-area{ display:block; overflow:hidden; line-height:40px; background:#610b0b;}
.copy-right-area > div > span{ display:block; text-align:center; color:#fff; font-size:12px; text-transform:uppercase; font-weight:200;}



/* ----------------------- Inner Area Style ----------------------- */

.inner-area{ display:block; overflow:hidden; padding:30px 0;}
.inner-area > h1 { display: block; overflow: hidden; font-family: 'Oxygen', sans-serif; font-font-size: 25px;  color: #000; padding: 5px 15px; border-left: 4px solid #FF7300; margin-bottom: 25px;
text-transform: capitalize;
}

.inner-area > img{ float:right; margin-left:20px;}
.inner-area > p{ margin-bottom:15px; font-size:14px; display:block; overflow:hidden; line-height:25px;}

.inner-lft-area{ width:20%; float:left;}
.inner-lft-area h2{ display:block; padding:10px; color:#493a34; font-weight:400; margin-bottom:15px; background:url(../images/line2.jpg) no-repeat bottom 0 left; padding-bottom:15px;}


#cssmenu1,
#cssmenu1 ul,
#cssmenu1 ul li,
#cssmenu1 ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu1 {
  width:225px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  background: #142535;
}
#cssmenu1 ul ul {
  display: none;
}
#cssmenu1 > ul > li.active > ul {
  display: block;
}
.align-right {
  float: right;
}
#cssmenu1 > ul > li > a {
  padding: 16px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  border-bottom:1px solid #ccc;
  font-weight:600;
  text-transform:uppercase;
}
#cssmenu1 > ul > li > a:hover {
  color: #f00;
}
#cssmenu1 ul > li.has-sub > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #fff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu1 ul > li.has-sub > a:before {
  position: absolute;
  right: 22px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #fff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu1 ul > li.has-sub.open > a:after,
#cssmenu1 ul > li.has-sub.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cssmenu1 ul ul li a {
  padding: 14px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  background: #15a275;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  border-bottom:1px solid #fff;
}
#cssmenu1 ul ul ul li a {
  padding-left: 40px;
  background:#fff;
  color:#000;
  border-bottom:1px solid #ccc;
}

#cssmenu1 ul ul ul li a:before{ content: "\f105"; font-family: 'FontAwesome'; font-size:18px; color:#000; float:left; margin-right:12px;}

#cssmenu1 ul ul li a:hover {
  color: #ffffff;
  background:#15a275;
}
#cssmenu1 ul ul > li.has-sub > a:after {
  top: 16px;
  right: 26px;
  background: #333333;
}
#cssmenu1 ul ul > li.has-sub > a:before {
  top: 20px;
  background: #333333;
}


.inner-rit-area{ width:78%; float:right;}
.inner-rit-area h1{ display:block; padding:10px; color:#493a34; font-weight:400; margin-bottom:15px; background:url(../images/line3.png) no-repeat bottom 0 left; padding-bottom:15px; font-size:25px;
margin-left:15px;}

.inner-rit-area > p{ display:block; color:#493a34; margin-bottom:20px; padding:0px 15px; line-height:28px;}

.product-nav-area{ display:block; overflow:hidden; margin:0px 0px 20px;}
.product-nav-area ul{ display:block; margin:0px; padding:0px; text-align:center;}
.product-nav-area ul li{ width:30%; /*display:inline-block;*/ float:left; border:8px solid #fff; margin: 0px 0.4% 20px; background:#000; position:relative; overflow:hidden;}
.product-nav-area ul li > div{ /*padding:20px 30px;*/ border:1px solid #ddd; display:block; overflow:hidden; background:rgba(0,0,0,0.3); transition:1s;}
.product-nav-area ul li > div img{ width:100%; margin:0px auto; display:block; transition:1s;}

/*.product-nav-area ul li:hover > div{ opacity: 0.3; filter: alpha(opacity=70);}*/
.product-nav-area ul li:hover > div img{ opacity: 0.5;}
.product-nav-area ul li a:after{ content: "\+"; font-family: 'FontAwesome'; position:absolute; top:-100%; font-size:80px; font-weight:300; left:43%; color:#fff; transition:1s; z-index:3;}
.product-nav-area ul li:hover a:after{ top:40%;}

.product-nav-area ul li > span{ padding:13px 10px; border-bottom:1px solid #f4340e; display:block; overflow:hidden; clear:both; background:#fff; z-index:2; font-size:13px;}



.address-details{text-align:center; display:block; margin-bottom:20px; border-bottom:1px #ccc dashed;}
.address-details  h2{font-family: 'Oxygen', sans-serif; font-weight:600; font-size:28px; line-height:1; text-transform:uppercase; margin-bottom:10px; color:#f4340e;}

.contact-adress{display:block; overflow:hidden; text-align:center; margin-bottom:25px; font-size:15px; line-height:26px;}
.contact-adress li{display:inline-table; margin:0 15px 10px;}
.contact-adress li:first-child{display:block;}
.contact-adress li i{margin-right:5px; color:#1a348f;}

.link{ color:#242424;}
.link:hover{ color:#f4340e; text-decoration:underline;}

#zv_cnt_warp{display:block; overflow:hidden; padding:15px 0; width:50%; float:left; vertical-align:top}
form.contact-form{display:block;}
form.contact-form input[type="text"], form.contact-form select, .contact-details > div form label input[type="text"], form.contact-form input[type="file"]{width:100%; padding: 7px; display:inline; background:#fff; border:1px #ccc solid; font-size:13px; box-sizing:border-box;}
form.contact-form textarea, .contact-details > div form label textarea{width:100%; padding: 7px; display: block; clear:both; background:#fff; border:1px #ccc solid; font-size:13px; box-sizing:border-box; min-height:160px;}
form.contact-form input[type="submit"]{padding:8px 18px; margin:1% 0;  background:#f4340e; border:none; font-weight:bold; color:#fff; text-transform:uppercase; cursor:pointer; font-size:18px;}
form.contact-form input[type="submit"]:hover{ background:#333; outline:none;}
form.contact-form select{width:47%;}
.full{ display:block; width: 100% !important;}

form.contact-form input[type="checkbox"]{padding:8px 0 0; margin-left:10px;}
form.contact-form > span{margin:0 20px 0 5px; text-transform:uppercase; font-size:14px;}
form.contact-form input[type="file"]{width:94%;}
.contact-form > div{width:50%; float:left; padding: 8px 5px; text-align:left; text-transform:none; color:#989898; box-sizing:border-box;}
.contact-form > div span{color:#000; width:25%; float:left;}


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

#zv_cnt_warp{}
#zv_cnt_warp form#zvcm{display:block;}
#zv_cnt_warp form#zvcm div{display:block; padding:10px 0;}
#zv_cnt_warp form#zvcm div label{display:block; clear:both; padding-bottom:5px; font-weight:bold;}
#zv_cnt_warp form#zvcm div input[type=text], form#zvcm div input[type=email], form#zvcm div input[type=tel], #zv_cnt_warp form#zvcm div textarea {width:96%; box-sizing:border-box; height:30px; line-height:25px; padding:0 10px;}
#zv_cnt_warp form#zvcm div textarea{width:98%; height:65px; padding:5px 10px; display:block; box-sizing:border-box;}
#zv_cnt_warp form#zvcm div input[type=submit]{width:98%; display:block; clear:both; line-height:25px; text-align:center; text-transform:uppercase; cursor:pointer; font-weight:bold; border:none; background:#f4340e; color:#FFF;}
#zv_cnt_warp span#zvcer{ color:#FFF; font-weight:bold; font-style:italic;}







.gallery-area{ display:block; margin:20px 0;}
.gallery-area > h2 {font-family: 'Oxygen', sans-serif; font-weight:600; font-size:22px; line-height:1; text-transform:capitalize; padding-bottom:15px; margin-bottom:20px; color:#f4340e; border-bottom:1px dotted #ccc;}
.gallery-area > h2 > span { font-style:italic; font-weight:normal;}
.gallery-area > h2:before{ content: "\f0da"; font-family: 'FontAwesome'; font-size:20px; color:#333; margin-right:10px;}

.gallery-area > h3 {font-family: 'Oxygen', sans-serif; font-weight:600; font-size:22px; line-height:1; text-transform:capitalize; padding-bottom:15px; margin-bottom:20px; color:#f4340e; border-bottom:1px dotted #ccc;}
.gallery-area > h3 > span { font-style:italic; font-weight:normal;}
.gallery-area > h3:before{ content: "\f0da"; font-family: 'FontAwesome'; font-size:20px; color:#333; margin-right:10px;}

.gallery-area > p{ margin:0px 0px 20px 15px;}

ul.exhibitions-nav{ display:block; width:100%;}
ul.exhibitions-nav li{float:left; width: 50%; outline: 1px solid #E8E8E8; outline-offset:-7px; display: block; margin-bottom: 20px; padding: 20px; box-sizing:border-box;}
ul.exhibitions-nav li > h3 {  padding: 10px 2%; margin-bottom: 10px; font-size: 18px; font-weight: bold; background:#f4340e; color: #FFF; border-bottom:2px solid #cc2606; line-height:20px;}
ul.exhibitions-nav li > h3 > span { display:block; clear:both; font-style:italic; font-weight:normal;}
ul.exhibitions-nav li img{ float:left; width:100%; /*margin-right:15px;*/}
ul.exhibitions-nav li > div{ display:block; overflow:hidden; padding-bottom:10px;}
ul.exhibitions-nav li > div > p{ margin-bottom:20px;}
ul.exhibitions-nav li > div > a{ padding:3px 10px; background:#0e205e; font-size:14px; text-align:center; color:#fff; clear:both; font-weight:bold; text-transform:capitalize;}
ul.exhibitions-nav li > div > a:hover{ background:#f4340e;}

ul.exhibitions-box{ display:block;}
ul.exhibitions-box li{float:left; width: 33.33%; outline: 1px solid #E8E8E8; outline-offset:-7px; display: block; margin-bottom: 10px; padding: 20px; box-sizing:border-box;}
ul.exhibitions-box li img{ float:left; width:100%;}

.back{ padding:5px 15px; background:#f4340e; font-size:18px; text-align:center; color:#fff; clear:both; font-weight:bold; text-transform:capitalize; margin-top:10px; float:left;}
.back:hover{ background:#0e205e; color:#fff;}


.map-area{ display:block; float:right; width:48%; margin-top:22px;}
.map-area img{ width:100%;}
.map-area iframe{ width:100%;}



.world-map-area{ display:block; width:100%; float:left; background:#55586f;}
.world-map-area > div > div img{ width:100%;}



ol.pagination-nav{ display:block; margin:0px; padding:0px; text-align:center; clear: both;}
ol.pagination-nav > li{ display:inline-table;}
ol.pagination-nav > li a{ display:inline-block; padding:5px 10px; background:#f3f3f3; color:#333;}
ol.pagination-nav > li a:hover{ text-decoration:none; color:#fff; background:#d02626;}
ol.pagination-nav > li i{ padding: 5px 0 4px;}
ol.pagination-nav > li.active a{ color:#fff; background:#d02626;}




/*#zv_cnt_warp{}
#zv_cnt_warp form#zvcm{display:block; overflow:hidden; padding:15px 0; width:48%; float:left;}
#zv_cnt_warp form#zvcm > div{width:50%; float:left; padding: 8px 5px; text-align:left; text-transform:none; color:#989898; box-sizing:border-box;}
#zv_cnt_warp form#zvcm > div label{display:block; clear:both; padding-bottom:5px; font-weight:bold;}
#zv_cnt_warp form#zvcm > div input[type=text], form#zvcm div input[type=email], form#zvcm div input[type=tel] {width:100%; padding: 7px; display:inline; background:#fff; border:1px #ccc solid; font-size:13px; box-sizing:border-box;}
#zv_cnt_warp form#zvcm .full{display:block; padding:10px 0; width:100%;}
#zv_cnt_warp form#zvcm > div textarea{width:98%; margin:0px 5px;  padding:1%; display:inline; background:#fff; min-height:160px; font-size:13px; border:1px #ccc solid; color:#757575; font-family: 'Open Sans', sans-serif;  box-sizing:border-box;}
#zv_cnt_warp form#zvcm > div input[type=submit]{padding:8px 18px; margin:2% 1% 0; background:#f4340e; border:none; font-weight:bold; color:#fff; text-transform:uppercase; cursor:pointer; font-size:18px;}*/


.ordernow{ text-align:center; padding-top:10px;}


.white-bg-area{ display:block; background:#f9f9f9; padding:50px 0 70px;}
.white-bg-area h2{ display:block; font-family: 'Oswald', sans-serif; font-size:45px; letter-spacing:2px; text-align:center; padding-bottom:20px; margin-bottom:30px;}
.white-box ul{ display:block; width:100%; text-align:center;}
.white-box ul li{ display:inline-block; width:23%; margin:0px 0.5%; text-align:center; background:#f3f3f3;}
.white-box ul li div a{ display:block; position:relative; overflow:hidden;}
.white-box ul li div a img{ width:100%; transition: 0.5s ease-out;}
.white-box ul li div:hover a img{ transform: scale(1.1);}
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}
.white-box ul li:hover .overlay {
  height: 100%;
}

.icon {
  color: white;
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.white-box ul li span{ display:block;}
.white-box ul li span a{ display:block; padding:15px 5px; font-family: 'Open Sans', sans-serif; font-size:18px; font-weight:600; color:#333;}




.new-arrival-bg-area{ display:block; background:#f9f9f9; padding:50px 0 70px;}
.new-arrival-bg-area h2{ display:block; font-family: 'Oswald', sans-serif; font-size:45px; letter-spacing:2px; text-align:center; padding-bottom:20px; margin-bottom:30px;}
.new-arrival-box ul{ display:block; width:100%; text-align:center;}
.new-arrival-box ul li{ display:inline-block; width:31%; margin:0px 1%; text-align:center; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,dbdbdb+99 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(219,219,219,1) 99%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(219,219,219,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(219,219,219,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.new-arrival-box ul li div a{ display:block; position:relative; overflow:hidden; padding:20px;}
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}
.new-arrival-box ul li:hover .overlay {
  height: 100%;
}

.new-arrival-box ul li span{ display:block; background:#fff;}
.new-arrival-box ul li span a{ display:block; padding:20px 5px; font-family: 'Open Sans', sans-serif; font-size:18px; font-weight:600; color:#333;}


.banner-box-area{ display:block; margin:70px 0 40px;}
.banner-box{ display:block; width:1000px; max-width:100%; margin:0px auto; text-align:center; padding:0px 10px;}
.banner-box h1{ display:block; font-size: 30px; font-weight:600; margin-bottom:30px; font-family: 'Poppins', sans-serif;}
.banner-box p{ display:block;}


.logo-box ul{ display:block; text-align:center;}
.logo-box ul li{ display:inline-block; margin:0px 5% 1%;}
.logo-box ul li img{ margin-bottom:10px;}
.logo-box ul li span{ display:block; clear:both; text-transform:capitalize; font-size:24px; font-weight:600;}

.banner-area1{ display:none;}


.sub-head{ display: block; overflow: hidden; font-family: 'Oxygen', sans-serif; font-size: 25px;  color: #000; padding: 5px 15px; border-left: 4px solid #FF7300; margin-bottom: 20px; font-weight:normal;}



.product-nav-area ul.block{display:none;}
.loadmore{display:block; text-align:center;}
#load{display:inline-block; padding:8px 16px; background:#f4340e; color:#FFF; cursor:pointer;}





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



@media (max-width: 1200px){
	

	.wrap{margin:auto; width:auto; display:block; padding:0px 10px; overflow:hidden;}
	#cssmenu div > ul > li > a { padding: 10px 23px; background: transparent url("../images/line.jpg") no-repeat scroll -1px 10px;}
	.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs{ display:none;}
	.footer-area > div > div > img{ width:100%}
	.footer-area > div > div:first-child{ width:76%;}
	ul.footer-nav li{ margin-right:30px;}
	/*.pro-area > div, .pro-area > div:nth-child(2), .pro-area > div:nth-child(3){ background-size:cover; width:33.33%;}*/

}


@media (min-width: 721px) and (max-width: 980px){
	#cssmenu div > ul > li > a { background: none;}
	.welcome-bg-area > div > div{ display:block;}
	.welcome-bg-area > div > div:first-child{ width:auto; padding-right:0; background:none; margin-bottom:20px; margin-bottom: 10px; }
	.footer-area > div > div{ display:block;}
    .footer-area > div > div:first-child{ width:auto;}
	ul.footer-nav li { margin-right:34px;}
	.footer-area > div > div > img{ width:40%;}
	
	.inner-lft-area{ width:100%; margin-bottom:20px;}
	.inner-rit-area{ width:auto;}
	#cssmenu1{ width:100%;}
	
	/*.pro-area > div > div{ padding: 40px 68px;}
	.pro-area > div:nth-child(3) > div{ padding: 40px 35px;}*/
	
	/*ul.exhibitions-nav li > img{ float:none; margin:0px auto 20px; display:block; width:100%;}*/
	
	.gallery-area > h2{ line-height:28px;}
	
	ul.exhibitions-nav li > div{ clear:both;}
	ul.exhibitions-nav li img{ width:100%; margin-right:0; margin-bottom:15px;}
	.new-arrival-box ul li{ width:30%;}
	
}



@media (max-width: 720px){

	.header-area > div > a{ float:none; display:block; margin:0px auto; text-align:center;}
	.header-area > div > div{ float:none;}
	#cssmenu div > ul > li > a { background:none;}
	.welcome-bg-area > div > div{ display:block;}
	.welcome-bg-area > div > div:first-child{ width:auto; padding-right:0; background:none; margin-bottom:20px; margin-bottom: 10px; }
	ul.member-nav li{ margin-right:7px;}
	.footer-area > div > div{ display:block; margin-bottom: 20px;}
    .footer-area > div > div:first-child{ width:auto;}
	ul.footer-nav li{ float:none; width:100%; margin-right:0px;}
	ul.footer-nav li span{ text-align:center; float:none;}
	ul.footer-nav li ul li{ float:none; text-align:center; margin-right:0px;}
	ul.footer-nav li ul{ margin-bottom:15px;}
	ul.footer-nav li p{ text-align:center; font-size:16px; line-height:30px;}
	ul.footer-nav li ul li a{ font-size:14px; border-bottom:1px solid; line-height:30px;}
	
	.inner-lft-area{ width:100%; margin-bottom:20px;}
	.inner-rit-area{ width:auto;}
	.product-nav-area ul li{ width:45%;}	
	#cssmenu1{ width:100%;}
	
	.index-pro-bg{ background:#427b7c;}
	.pro-area > div, .pro-area > div:nth-child(3){ width:100%; /*background:none;*/}
	.pro-area > div:nth-child(2){ /*width:98%; margin:0px auto; float:none;*//* background:#666A85;*/}
	.pro-area > div > div{ float:none; /*background:#4C656F;*/ margin-left:5px;}
	.pro-area > div:nth-child(3) > div{ float:none; margin-top:20px; /*background:#559A9B;*/}
	
	.index-pro-bg h2{ background:none;}
	
	 .inner-area > p{ overflow:visible; clear:both;}
	 .inner-area > img{ float:none; margin:0px auto 20px; display:block;}	
	
	ul.exhibitions-nav li > img{ float:none; margin:0px auto 20px; display:block; width:100%;}

	.gallery-area > h2{ line-height:28px;}
	/*ul.exhibitions-box li{ width:50%;}*/
	
	.map-area{ width:100%; clear:both;}
	form.contact-form{ width:100%;}
	
	ul.exhibitions-nav li > div{ clear:both;}
	ul.exhibitions-nav li img{ width:100%; margin-right:0; margin-bottom:15px;}
	
	#zv_cnt_warp form#zvcm{ width:100%;}
	
	.white-box ul li{ width:48%; margin-bottom:20px;}
	.new-arrival-box ul li{ width:70%; margin-bottom:20px;}
	
	.banner-area{ display:none;}
	.banner-area1{ display:block;}
	
}



@media (max-width: 480px){
	
	ul.header-social-icons li a{ display:none;}
	ul.member-nav li{  margin-bottom:4px;}
	.header-area > div > a img{ width:100%;}
	
	.product-nav-area ul li{ width:43%;}
	
	.pro-area > div:nth-child(2){ width:100%; /*background:#666A85;*/}
	
	.index-pro-bg h2{ font-size:19px; background:none; letter-spacing:2px; padding:15px;}
	
	.inner-area > img{ width:100%; margin-bottom:20px;}
    .inner-area > p{ overflow:visible; clear:both;}
	
	.contact-form > div{ width:100%;}
	
	ul.exhibitions-nav li{ width:100%;}
	ul.exhibitions-box li{ width:100%;}
	
	#zv_cnt_warp form#zvcm, #zv_cnt_warp{ width:100%;}
}

@media (max-width: 375px){
	.white-box ul li{ width:100%; margin:0;}
	.new-arrival-box ul li{ width:100%; margin:0;}

}


@media (max-width: 360px){
		ul.member-nav li{ margin-right:4px; margin-bottom:4px;}
		.welcome-bg-area > div > div > h2{ line-height:1.5;}
		.header-area > div > a img{ width:100%;}
		
		.product-nav-area ul li{ width:90%;}
		
		.index-pro-bg h2{ font-size:30px; background:none;}
		
		.pro-area > div > div{ padding:40px 40px; background:#4c656f;}
		.pro-area > div:nth-child(3) > div{ padding:40px 40px; background:#559a9b; margin-top:30px;}
		.pro-area > div:nth-child(2){ width:98%; background:#666a85;}
		
		.inner-area > img{ width:100%; margin-bottom:20px;}
		.inner-area > p{ overflow:visible;}
		
		.contact-form > div{ width:100%;}
		
		ul.exhibitions-nav li{ width:100%;}
		
		ul.exhibitions-nav li > img{ float:none; margin:0px auto 20px; display:block; width:100%;}
		ul.exhibitions-nav li > h3{ line-height:1.5;}
		
		ul.exhibitions-box li{ width:100%;}
		
		#zv_cnt_warp form#zvcm{ width:100%;}
		
		.white-box ul li{ width:100%; margin:0;}
		.new-arrival-box ul li{ width:100%; margin:0;}

}











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