
@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');}


@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');}

body{font-family:"company";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:100px;}
.header > .top{width:70%;margin:0px auto;position:relative;padding-top:10px;}
.header > .top.addheader{top:0px;}
.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;}
#menu > ul{width:100%;padding:0px;margin:0px;display: inline-block;}
#menu > ul > li{width:12.5%;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 p{}
.collections:hover p{font-style:italic !important;}
.view p{font-style:italic !important;}
.collections:hover ul{padding:5px 0px; opacity:1;display:table}
.collections ul{display:block;padding: 0px 0px;background:rgba(55,52,53,0.5);margin: 10px 0px 0px;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;}


/*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{width:100%;}
#company img{100%}
#about{width:100%;height:100%;}
#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:right;width: 54%;padding-left: 4%;font-family:"about_us";font-size:11px;padding-bottom:10px;word-spacing: 2px;
line-height: 18px;}

#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;}

#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;font-family:"Times New Roman";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-family:'Arial';font-weight:normal;}
#event_text > #see_us2 > p > img{width:70%;display:block;padding-bottom:4%;}


#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: 59.8%;height:48%;padding:1%;margin:2%;border:1px solid #ccc;font-size:11px;border:solid 1px #ccc;resize:none;float:left;}
#address{font-size:13px;color:#373435;}
#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%;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;position: absolute;top: 10px;right: 10px;}
#rrmenu{width:25px;}
/*#career_form{width:300px;height:100%;margin:0px auto;position:relative;}*/
#screenrotate {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #FFF url("http://www.dresswalla.com/studio_dresswalla/images/Rotate.jpg") no-repeat scroll center center;
    display: none;
}

/*Responsive Menu*/
@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;}
/*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*/

/*Collection*/
#main_book{display:none;}
.responsive_collection{display:block !important;width: 80%;height:100%;overflow-y:scroll;margin:0px auto;background:#F8F8F8;}
.responsive_collection ul{margin:0px;padding:0px;position:relative}
.responsive_collection ul li{list_style:none;padding:10px;position:relative}
.responsive_collection ul li img{width:100%;position:relative}
/*Footer*/
.footer{padding-top:20px;}
}
@media (max-width: 640px) {}
@media (max-width: 480px) {}

