@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);

	

@font-face {

font-family: 'Open Sans';

font-style: normal;

font-weight: 300;

src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');}



@font-face {

font-family: 'about_us';

font-style: normal;

  font-weight: 300;

  src: local('Fira Sans Light'), local('FiraSans-Light'), url(http://fonts.gstatic.com/s/firasans/v5/VTBnrK42EiOBncVyQXZ7j-gdm0LZdjqr5-oayXSOefg.woff2) format('woff2');}



@font-face {

font-family: 'company';

font-style: normal;

font-weight: 300;

src: local('Fira Sans Light'), local('FiraSans-Light'), url(http://fonts.gstatic.com/s/firasans/v5/VTBnrK42EiOBncVyQXZ7j-gdm0LZdjqr5-oayXSOefg.woff2) format('woff2');}



@font-face {

font-family: 'menu';

  font-style: normal;

  font-weight: 400;

  src: local('Fira Sans'), local('FiraSans-Regular'), url(http://fonts.gstatic.com/s/firasans/v5/EjsrzDkQUQCDwsBtLpcVQVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');}

  

body{font-family:"about_us";margin:0px; padding:0px; outline:none !important; color:#373435 !important;}

#container{width:100%;height:100%;position:relative;padding:0px;margin:0px;}

a{color:#000;text-decoration:none;border:0px}



/*header*/

.header{position:fixed;display:block;width:100%;margin:0px auto;background:#fff;z-index:9998;top:0px; height:120px;}

.header > .top{width:70%;margin:0px auto;position:relative;padding-top:10px;}

.header > .top.addheader{top:0px;}

.header > .top > #logo{width:120px;height:60px;margin:0px auto;}

.header > .top > #logo > a > img {display: block;margin-left: auto;margin-right: auto;padding-bottom:1.5%;}

#divider{width:76px;margin:0px auto;border-bottom:1px solid #000;}

#menu{width:80%;text-align:center;margin:0px auto;transition: all 1s ease 0s}

#menu > ul{width:100%;padding:0px;margin:0px;display: inline-block;}

#menu > ul > li{width:10.2%;font-size:11px;text-transform:uppercase;list-style:none;float:left;text-align:center;padding:2% 2% 1.5% 2%;font-family:"menu";}

#menu > ul > li > a{color:#000;text-decoration:none;font-style:normal;}

#menu > ul > li > a:hover{color:#000;text-decoration:none;font-style:italic;}

.view a{font-style:italic !important;}

.collections:hover p{font-style:italic !important;}

.view p{font-style:italic !important;}

.collections:hover ul{padding:5px 0px; opacity:1; transition: all 1s ease 0s;display:table;margin: 10px 0px 0px;}

.collections ul{height:0px;padding: 0px 0px;background:rgba(55,52,53,0.5);width:133px;height:0px; opacity:0; transition: all 1s ease 0s;}

.collections ul > li{text-align: left;margin: 0px 10px;padding:5px 0px;}

.collections ul > li > a{font-style:normal !important;color:#fff;}

.responsive_collection{display:none}



/*footer*/

.footer{position:fixed;display:block;width:100%;margin:0px auto;background:#fff;z-index:9998;height:30px;bottom:0px;}

.footer.addfooter{bottom:0px;}

.footer > .top{width:70%;margin:0px auto;}



.footer #career{color: #000;font-size: 9px;display: inline-block;float: left;margin: 1px 0px 0px;font-family:"menu"}

.footer ul{margin: 4px 0px 0px 0px;}

.footer ul > li{display: inline-block;  float: left;}

.footer ul > li > a{color: #000; font-size: 9px;  width: 100;  margin: 0px 20px 0px 0px;text-transform:lowercase}

.footer #career{float:left;font-size:11px;text-transform:uppercase;}

.footer #copyright{float:right;font-size:9px;}

.footer #copyright > span{padding-left:20px;}

.footer#copyright > span > a{color:#000 !important;}

.footer #copyright > span > a:hover{color:#DE7614;}





/*Content*/

#main,#company{width:70%; margin:0px auto;height: 100%;position: relative;z-index:9997;background:#f8f8f8;}



#main_contact{width:70%; margin:0px auto;height: 100%;position: relative;z-index:9997;}

#main_book{width:80%; margin:0px auto;height: 100%;position: relative;z-index:9997;}

#main img, #main_contact img{width:100%;}

#company img{100%}

#about{width:100%;height:100%;}

.about_image2{display:none;}

#about_text{height:100%;position:absolute;top:0px;left:0px;z-index:999;display:table;}

#about_text > div{vertical-align:middle;display: table-cell;}

#about_text > div > p{text-align: center;
    font-family: "about_us";
    font-size: 16px;
    word-spacing: 2px;
    line-height: 25px;
    color: #fff;
    width: 80%;
    padding: 0 10%;    margin: 0px 0px 20px;}

#about_text > div > p > span{    font-weight: 900;
    font-size: 20px;
    font-family: sans-serif;
    display: inline-block;
    margin: 5px 0px 0px 0px;}



#company_text{width:55%;height:100%;position:absolute;top:0px;left:0px;z-index:999;display:table;float:left}

#company_text > .center{vertical-align:middle;display: table-cell;}

#company_text > .center > #ctext{width:100%; float:left}

#cimage{height:100%; float:right;position:relative;}

#cimage img{width:auto !important; float:right; height:100%; position:relative;}

#company_text > .center > div > p{text-align:center;width: 80%; margin:0px auto; font-family:"company";font-size:13px;padding-bottom:10px;}

#dresswalla{margin: 0px auto;width: 100px;font-size: 11px;font-style: italic;border-top: 1px solid #000;padding-top: 15px;}

.company_image{display:none;}



#event_text{width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:999;display:block;}

#event_text > #see_us1{width:19%; height:100%; border-right:1px solid #373435; text-align:right;font-size:13px;font-style:italic;float:left}

#event_text > #see_us1 > p{padding-top: 46.5%;padding-right: 5%;}

#event_text > #see_us2{width:40%;height:100%;text-transform: uppercase;font-size: 16px;font-weight: bold;float:left}

#event_text > #see_us2 > p{padding-top: 16.5%;padding-left: 10%;font-weight:normal;}

#event_text > #see_us2 > p > img{width:70%;display:block;padding-bottom:4%;}

#event_text > #see_us3{width:40%;height:100%;text-transform: uppercase;font-size: 16px;font-weight: bold;float:left}

#event_text > #see_us3 > p{padding-top: 16.5%;padding-left: 10%;font-weight:normal;}

#event_text > #see_us3 > p > img{width:70%;display:block;padding-bottom:0%;}  



/*Location*/
.mail{display: block;}


#business_form{width:80%;height:60%;margin:0px auto;}

.business_form{height:300px;margin-top:5%;position:relative;}

#business_form h3{font-size:13px;font-weight:normal;text-align:center;}

#business_form h3 span{font-style:italic;color:#DE7614;font-weight:bold;}

#name, #email, #phone{width: 26.6%;height:20px;border:1px solid #ccc;margin:0 2%;padding:1%;font-size:11px;border:solid 1px #ccc;}

#file{width: 26.6%;margin:0 0.5%;padding:1%;}

#portfolio{width: 26.6%;height:20px;border:1px solid #ccc;padding:1%;margin:2%;font-size:11px;border:solid 1px #ccc;float:left;}

#message1{width: 93.4%;height:48%;padding:1%;margin:2%;border:1px solid #ccc;font-size:11px;border:solid 1px #ccc;resize:none;}

#message{width: 99.8%;height:70%;padding:1%;margin:2%;border:1px solid #ccc;font-size:11px;border:solid 1px #ccc;resize:none;float:left;}

.contact_address{width: 61%;height:65%;padding: 0%;margin: 0.8%;float:left;}

#address{font-size:13px;color:#373435;float:left;    margin: 2% 0% 2% 6.5%;padding-top: 3.5%;}

#cmessage{width: 60%;height:48%;padding:1%;margin:2%;border:1px solid #ccc;font-size:11px;border:solid 1px #ccc;resize:none;float:left;}

#submit{width:80px;height:28px;background:#fafafb;color:#000;float:left;margin:0 2%;padding:1%;font-size:12px;border:solid 1px #ccc;clear:both;}

#csubmit{width:80px;height:28px;background:#fafafb;color:#000;float:right;margin:0% 3%;font-size:12px;border:solid 1px #ccc;}

#hidden{height:28%;width: 26.6%;float:right;}

#sitemap{width:100%;background:#fafafb;position:absolute;bottom:0px;}

#gototop{text-align: center;font-size: 11px;float: left;width: 100%;position: absolute;color:#DE7614;z-index: 9999;}

#hello{color:#2E2E2E;text-decoration:none;}



#career_text{width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:999;display:table;}

.career_form {width:400px;margin:0px auto;vertical-align:middle;display: table-cell;}

label{margin-left:2%;font-size:13px;}

#seoquake-seobar-mainblock{height:0px;}

#address1{display:none;}

#rmenu{display:none;}

#rrmenu{width:25px;}

/*#career_form{width:300px;height:100%;margin:0px auto;position:relative;}*/



/*Responsive Design*/

@media (max-width: 1220px) {}

@media (max-width: 1000px) {

#menu{width:70%;}

}

@media (max-width: 780px) {

.fp-section.fp-table{padding: 80px 0px 45px 0px;}

#main,#company{width:80%;}

/*Menu*/

#rmenu{display: block;cursor: pointer;position: absolute;width: auto;right: 20px;top:20px;}

#menu ul.navmenu { display:none;background:#f8f8f8;position:absolute;top:71px;transition: all 1s ease 0s;width:70%;}

#menu ul.navmenu li{width: 100%;padding: 10px 0px;border-bottom:0px solid #eee;}

.collections ul {width:100%;text-align:center;}

.collections ul li{width:100%;padding:0px !important; text-align:center;border:0px !important;}

.header {height: 70px;}

.header > .top {width: 100%;}

/*About us*/

#about_text > div {vertical-align:top;display: table-cell;padding-top:20px;}

.about_image1{display:none;}

.about_image2{display:block !important;padding-bottom:40px;}

#about_text {background: #f8f8f8;position:relative;}

#about_text > div > p{width:80%;text-align:center;padding:0px 0px 20px 0px;margin:0px auto;
    color: #000;
}

/*Company*/

#company_text{width:100% !important;height:auto !important;background: #f8f8f8;}

#company_text > .center {display:block !important;padding-top:20px;}

.company_image{display:block;width:80%;margin:20px auto;}

#cimage {display:none;}

/*Event*/


/*Location*/
.mail{display: inline-block;}


/*Collection*/

.responsive_collection{display:block;height:100%;overflow-y:scroll;}



/*Contact*/

#name, #email, #phone, #file, #portfolio {width:80%;margin:5px 10%;}

.contact_address{width:100%;height:auto; margin:0px;}

#message, #cmessage {width:80%;margin:5px 10%;height: 60px;}

#submit{margin:5px 10%;}

#csubmit {margin:5px 10%;float:none;}

#error{width:80%;margin:5px 10% !important;}

#address{width:80%;margin:5px 10% 20px 10% !important;}



/*Footer*/

.footer{padding-top:20px;}

}

@media (max-width: 640px) {}

@media (max-width: 480px) {}
.instagram{    display: inline-block;
    float: right;
    width: 15px;
    position: relative;
    top: -25px;
    right: 20px;cursor: pointer;}
.instagram img{width: 100%;  }

@media only screen and (min-device-width : 320px) and (max-device-width : 800px) {
    #main, #company {
    width: 100%;
        min-height: 600px;
}
   #event_text{width: 100%;
height: 100%;
}

#event_text > #see_us1{width: 100%;
height: auto;
border-right: none;
text-align: center;

}

#event_text > #see_us1 > p{padding-top: 10%;padding-right: 0%;}

#event_text > #see_us2{width: 100%;height: auto;min-height: 270px;}

#event_text > #see_us2 > p{width: 90%;padding: 0px 5%;}

#event_text > #see_us2 > p > img{margin: 0px 15%;}
    


#event_text > #see_us3{width: 100%;height: auto;
tmin-height: 270px;}

#event_text > #see_us3 > p{width: 90%;padding: 0px 5%;}
    
    #event_text > #see_us3 > p > img{margin: 0px 15%; padding-bottom: 0%;}
    .instagram {
    display: inline-block;
    float: right;
    width: 15px;
    position: relative;
    top: -5px;
    right: -20px;
    cursor: pointer;
    z-index: 999;
}
}