@charset "utf-8";
/* CSS Document */

html{padding:0px;margin:0px;width:100%; min-height:100% !important;position:relative !important}
body {margin-bottom:50px /* Margin bottom by footer height */;}
.container-fluid{margin:0px !important;padding:0px !important}


p{padding:0px; margin:0px;}
#container { min-height:100%;padding:0px; margin:0px; position:relative;}
a {text-decoration:none;color:#fff;}
a:hover {text-decoration:none;color:#fff;}
 /*@font-face { font-family:AdobeArabic-Bold; src:url(font/AdobeArabic-Bold.otf)}
@font-face { font-family:"Times New Roman", Times, serif; src:url(font/times.ttf)}
@font-face { font-family:MoolBoran; src:url(font/moolbor.ttf)}
@font-face { font-family:"HelvLight Normal"; src:url(font/ufonts.com_helvlight-normal-opentype.otf)}*/
@font-face { font-family:"Century Gothic"; src:url(font/GOTHIC_0.TTF)}


.space5{height:5px;}
.space10{height:10px;}
.space20{height:20px;}
.space30{height:30px;}

*{outline:none}

 /*@font-face { font-family:"marker Felt"; src:url(font/Marker%20Felt.ttf)}
.textfield::-webkit-input-placeholder {color: #231f20 }
.textfieldlog::-webkit-input-placeholder {color: #fff }*/
.textfield::-webkit-input-placeholder {color: #000000 }



#DivBack{ display:none;}


/*................. TOP CSS....................*/

.logo{margin:11px 0px}
.menuttile{font-family:"Century Gothic";display:inline-block;vertical-align:top;font-size:18px;color:#000000;cursor:pointer;margin:23px 9px;
text-align:center;background-image:url(image/top/bg_menu.png);background-position:right center;background-repeat:no-repeat;padding-right:24px}
.menuttile:hover{color:#f3c2b2;font-weight:bold}
.menuttilesel{color:#f3c2b2;font-weight:bold}



/*................. INDEX CSS....................*/

.bgparallax{width:100%;background-color:rgba(0,0,0,0.5)}
.parallax-window {min-height:353px;background:transparent;padding-top:100px}
.textparal{font-family:"Century Gothic";font-size:17px;color:#fff;text-align:center}

.ri1{background-color:#666666}
#owl-demo .item img{width:auto !important;margin:auto}
#owl-demo .item{margin:50px !important}

.parallaximg{height:1170px;padding-top:300px}
.prallaximgg{position:relative;cursor:pointer}
.desc{font-family:"Century Gothic";font-size:40px;color:#cda794;font-weight:bold;position:absolute;top:50%;left:25%}

/*................. brands CSS....................*/

.itemsbrandname{font-family:"Century Gothic";font-size:22px; line-height:31px;color:#000;font-weight:bold;text-align:center;background-color:#fff;padding:0px 20px;  }


/*................. CLIENTS CSS....................*/

.ri2{background-color:#cda794}
.clients{font-family:"Century Gothic";font-size:26px;color:#fff;font-weight:bold;text-align:center;background-color:#666666;padding:50px}
.clientslogo{padding:50px;background-color:#666666;   background-size:contain; background-position:center; background-repeat:no-repeat;font-family:"Century Gothic";font-size:26px; color:#fff;font-weight:bold;text-align:center;}
.colpad{padding:1px}

.rr{display:none}
.titlemarket{font-family:"Century Gothic";font-size:40px;color:#cda794;font-weight:bold}
.textmarket{font-family:"Century Gothic";font-size:18px;color:#fff;text-align:justify}

/*................. PRODUCTS CSS....................*/

.mapdiv{height:620px;width:100%;position:relative}
.mapdiv:hover .mapdesc{display:none}
.mapdesc{position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.6)}
.store{font-family:"Century Gothic";font-size:30px;color:#fff;font-weight:bold}
.textstore{font-family:"Century Gothic";font-size:20px;color:#fff;}
.marg{margin-top:300px}

/*................. PRODUCTS CSS....................*/

.imgprod{position:relative;display:inline-table;margin:auto 10px;cursor:pointer; width:212px; height:210px; background-image:url(image/products/1.png) }
.cat{font-family:"Century Gothic";font-size:19px;color:#cda794; display:table; margin:auto; margin-top:45%;}
.catsel{font-weight:bold;font-size:23px;}
.subprod{background-color:#cda794}
.sub{font-family:BrowalliaUPC;font-size:30px;color:#2f3333;padding:10px;border-bottom:solid 1px rgba(0,0,0,0.5);cursor:pointer}
.subsel{ font-weight:bold;}
.subsub{display:none;font-size:26px;}
.sub:hover .subsub{display:block}
.subsbtitle{font-family:BrowalliaUPC;font-size:26px;color:#2f3333;padding-left:5px ; font-weight:normal;}
.subsbtitlesel{ font-weight:bold;}
.imgproduct{border:solid 1px rgba(0,0,0,0.5);padding:10px;cursor:pointer ; }
.imgproduct:hover{border:solid 2px #000}

.infotitle{font-family:"Century Gothic";font-size:22px;color:#000000;font-weight:bold}
.infotext{font-family:"Century Gothic";font-size:20px;color:#000000}

/*................. CONTACT CSS....................*/

.rc1{background-color:#666666;height:162px;position:relative}
.imgcon{position:absolute;bottom:-107px;left:50%;margin-left:-119px}
.address{font-family:"Century Gothic";font-size:20px;font-weight:bold;color:#000000}
.info{font-family:"Century Gothic";font-size:20px;color:#000000}
.rc2{margin-top:100px}

.titlecon{font-family:"Century Gothic";font-size:40px;color:#cda794;font-weight:bold}
.textfield{width:100%;height:100%;padding:0px;border:solid 1px rgba(0,0,0,0.8);resize:none;font-size:16px;font-family:"Century Gothic";color:#000000;padding-left:10px}
.textinput{height:40px;max-width:100%}
.textarea1{height:140px}
.colpad1{padding:10px}
.submit1{font-family:"Century Gothic";font-size:18px;color:#cda794;font-weight:bold; }


/*................. FOOTER CSS....................*/

.footer {position: absolute;bottom: 0;width: 100%;/* Set the fixed height of the footer here */min-height: 50px;background-color:#666666;left:0px;}	
.horizont1{display:table;margin:auto;margin-top:9px;}	




@media screen and (max-width: 1200px){
	


/*................. TOP CSS....................*/

.menuttile{font-size:17px;margin:23px 4px;padding-right:17px}


/*................. ABOUT CSS....................*/

.parallax-window{padding-top:69px}
.parallaximg{padding-top:300px}
.desc{font-size:35px}

.titlemarket{font-size:30px}
.textmarket{font-size:16px}


/*................. PRODUCTS CSS....................*/

.mapdiv{height:420px}
.marg{margin-top:200px}
.store{font-size:25px}
.textstore{font-size:18px}

.sub{font-size:30px}
.subsbtitle{font-size:26px}

.infotitle{font-size:20px}
.infotext{font-size:18px}

/*................. NEWS CSS....................*/

.address{font-size:18px}
.info{font-size:18px}
.titlecon{font-size:34px}


/*................. PTOFSALE CSS....................*/





}


			
@media screen and (max-width: 990px){



/*................. TOP CSS....................*/

.logo{margin:14px 0px}
.logo img{width:80%}
.menuttile{font-size:14px;margin:26px 0px;padding-right:14px}


/*................. ABOUT CSS....................*/

.parallax-window{padding-top:48px}
.parallaximg{padding-top:300px}
.textparal{font-size:15px}
.desc{font-size:25px}


.titlemarket{font-size:25px}
.textmarket{font-size:15px}

/*................. PRODUCTS CSS....................*/

.cat{font-size:16px}
.sub{font-size:25px}
.subsbtitle{font-size:22px}

.mapdiv{height:320px}
.marg{margin-top:150px}

.infotitle{font-size:18px}
.infotext{font-size:15px}

/*................. NEWS CSS....................*/



/*................. CONTACT CSS....................*/

.address{font-size:16px}
.info{font-size:16px}
.titlecon{font-size:30px}
.textfield{font-size:14px}




}


@media screen and (max-width: 767px){



/*................. TOP CSS....................*/

.logo{display:table;margin:auto}
.logo img{width:auto}
.menuttile{padding-right:0px;display:table;margin:15px auto;background-image:none}


/*................. ABOUT CSS....................*/

.amazingslider-arrow-right-1{display:none !important}
.amazingslider-arrow-left-1{display:none !important}

.parallaximg{padding-top:200px;padding-bottom:200px;height:auto; }
.parallaximgg{ max-width:260px;}
.marg1{margin:0px 30px}
.textmarket{font-size:13px}
.desc{font-size:16px}

/*................. PRODUCTS CSS....................*/

.mapdiv{height:220px}
.marg{margin-top:50px;padding:5px}
.store{font-size:17px}
.textstore{font-size:14px}


/*................. EXHIBITION CSS....................*/



/*................. CONTACT CSS....................*/
.disp{display:table;margin:auto}


/*................. FOOTER CSS....................*/

.outerf2{display:block;height:auto}	
.horizon img{width:70%;display:table;margin:5px auto}


}