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

body{font-family:"Open Sans";margin:0px; padding:0px; outline:none !important; color:#000 !important;}
.studionav{width: 70%;margin: 0% 15%;display: inline-block;}
.studionav h1{text-align: center;border:solid #515151; border-width:0px 0px 1px 0px; padding:0px 0px 30px 0px; font-size:25px; margin:0px;font-weight: normal;}
.studionav ul{margin: 0px auto;width: 370px;padding: 30px 0px 0px;display: block;height: 100px;}
.studionav ul > a > li{list-style: outside none none;float: left;width: 100px;margin: 0px 20px;display: inline-block;}
.studionav ul > a> #third{margin:0px 0px 0px 5px;}
.studionav ul > a> #first{margin:0px 0px 0px 0px;}
.studionav ul > a > li { position:relative}
.studionav ul > a > li > img{width: 100px;}
.studionav ul > a > li > span{font-size: 12px;color: #000;display: block;text-align:center}
.studionav ul > a:hover > li > span{color: #DE7614 !important;}
.studionav ul > a > li { position:relative}
.studiohome { position: fixed;z-index: 9999;width: 30px;top: 10px;left: 10px;}

/*header*/
.header{position:fixed;height:80px;display:block;width:100%;background:#fff;z-index:999;top:0px;transition: all 1s ease 0s;}
.header .top{width: 90%; margin: 12px auto 0px;  border: solid #000;  border-width: 0px 0px 1px;  display: block;}
.header .top h2{font-size: 25px;  display: inline-block;padding: 0px 0px 3px; color:#000;}
.header .top ul{width: 50%; float: right;  margin: 10px 0px 0px;}
.header .top ul > span{float:right;}
.header .top ul > span > li{  display: inline-block;  float: right;text-transform: capitalize;}
.header .top ul > span > li > a{  color: #000; font-size: 13px;  width:100%;;  margin: 0px 0px 0px 20px;}
.active a{color:#DE7614 !important;}
.header .bottom{display: block;  width: 90%;  margin: 0px auto;}
.header .bottom ul{margin: 4px 0px 0px; display:inline-block;}
#nav2{display:inline-block; float:right;}
#nav2 span > li{text-align:right;}
#nav2 span > li > a{margin:0px 0px 0px 20px;}
.header .bottom ul > span > li{  display: inline-block;  float: left;}
.header .bottom ul > span > li > a{color: #000 !important; font-size: 13px;  width: 100;  margin: 0px 20px 0px 0px;text-transform:lowercase}
.footer{position:fixed;height: 50px;display:block;width: 90%;background: #fff;z-index:999; bottom:0px;margin: 0% 5%;transition: all 1s ease 0s;border: solid #000;border-width: 1px 0px 0px;}
#nav3{ position:absolute;}
#nav3 span{display:none;}
#nav3 span > li{}
#nav3 span > li > a{}
#nav3 span > li > a > img{position: fixed;bottom: 37px;margin: 0% 43%;width: 50px;}
.footer #career{color: #000;font-size: 9px;display: inline-block;float: left;margin: 1px 0px 0px;}
.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 p{color:#000; font-size:9px; display:inline-block; float:right;margin:1px 0px 0px;}
.footer p > span{padding-left:20px;}
.footer p > span > a{color:#000 !important;}
.footer p > span > a:hover{color:#DE7614;}

/*show menu while active*/
.active{display:inline-block !important;}
.active a{color:#DE7614 !important;}
.active  .active a{border:#DE7614 solid; border-width:0px 0px 1px;}

/*navigation*/


/*Cursor pointer*/
a {
    
}

/*slider*/
#main{width:90%; margin:0px auto;height:100%;}
/*#slider1_container{position: relative; margin: 0 auto;top: 0px; left: 0px; width: 100% !important; height: 100%; overflow: hidden;}
.slid{vertical-align: middle;cursor: move; position: absolute; left: 0px; top: 0px; width: 1200px;height: 500px; overflow: hidden;}
#slider1_container img{width:90%; display: block;margin-left: auto;margin-right: auto;}*/
.slidcont{display: table;width: 100%;height: 100%;}
.slidcont ul{width: 95%;margin: 0px auto;}
.slidcont ul > li{width: 48%;float: left;margin: 0% 1%;}
.slidcont ul > li:first-child > img{ float:right;}
.slidcont ul > li > img{float:left;}
.slidcont ul > li > p{text-align: justify;font-size: 13px;padding: 0px 0px 18px;word-spacing: 5px;line-height: 20px;color: #000;}
.slidconts{vertical-align: middle;display: table-cell;}
.slidconts img {display: block;margin-left: auto;margin-right: auto;width:90%}
.jssora21l{position: absolute;cursor: pointer;display: block !important;background: url(side-1.png) center center no-repeat; overflow: hidden; opacity:0.7; } 
.jssora21r{position: absolute;cursor: pointer;display: block !important;background: url(side-2.png) center center no-repeat; overflow: hidden; opacity:0.7; } 
.section6l, .section6ldn{position: absolute;cursor: pointer;display: block !important;background: url(side-1.png) center center no-repeat; overflow: hidden; opacity:0.7; }
.section6r,  .section6rdn{position: absolute;cursor: pointer;display: block !important;background: url(side-2.png) center center no-repeat; overflow: hidden; opacity:0.7; }
/*Appareal slider*/
#slider1_container,#slider2_container, #slider3_container, #slider4_container, #slider5_container{position: relative; margin: 0 auto;top: 0px; left: 0px; width: 90%; height: 90%; overflow: hidden;display: table;}
#slider2_container .slider2_slides{vertical-align: middle; cursor: move; position: relative; left: 0px; top: 0px; /*width: 1300px;height: 500px;*/ overflow: hidden;display: block;margin-left: auto;margin-right: auto;}
#slider1_container div,#slider2_container div,#slider3_container div,#slider4_container div,#slider5_container div{display: table-cell;vertical-align: middle;}
#slider1_container img,#slider2_container img,#slider3_container img,#slider4_container img,#slider5_container img{width:90%; display: block;margin-left: auto;margin-right: auto;vertical-align:middle;}
#breadgrum{font-size:9px;padding-left: 25.2%;width: 1000px;overflow:hidden}
/*Our studio*/
#ourstudio {width: 90%; margin: 0px auto;padding:0px}
#ourstudio > li {width: 48%;float: left;margin: 0% 1%;padding:0px}
#ourstudio > li:first-child > img {float: right;}
#ourstudio > li > p {text-align: justify;font-size: 13px;padding: 0px 0px 18px;word-spacing: 5px;line-height: 20px;
    color: #000;
}

/*Clients*/
.client-contant{width: 90%;margin: 0% auto;}
.client-contant ul{width: 80%;margin: 0px auto;padding-left:2.5%}
.client-contant ul > li{width:22%; margin:1%; float:left;border: 1px solid #000;}
.client-contant ul > li > img{width:100%; }

/*meet us*/
.meetus{width: 35%;margin: 0px auto;}
.meetus ul{width: 48%;float: left;margin: 0% 1%;}
.meetus ul > li{width: 90%;float: left;margin: 5% 5% 0% 5%;}
.meetus ul > li:first-child > img{ float:right;}
.meetus ul > li > img{float:left; width:100%;}
.meetus ul > li > h3{font-size:11px; text-align:left; color:#000; width:100%;text-transform:lowercase;}
.meetus ul > li > h4{font-size:9px; text-align:left; color:#444; width:100%;text-transform:lowercase;}
.meetus ul > li > h5{font-size:9px; text-align:left; color:#444; width:100%;margin: 20px 0px 0px;text-transform:lowercase;}
.meetus ul > li > h5 > a{font-size:9px; text-align:left; color:#000 !important; width:100%;}
.meetus ul > li > h5 > a:hover{color:#DE7614 !important;}

/*process*/
.process{display: table;width: 100%;height: 100%;}
.process ul{width: 95%;margin: 0px auto;}
.process ul > li{width: 48%;float: left;margin: 0% 1%;}
.process ul > li:first-child > img{ float:right;}
.process ul > li > img{float:left;}
.process ul > li > p{text-align: justify;font-size: 13px;padding: 0px 0px 18px;word-spacing: 5px;line-height: 20px;color: #000;}
.process ul > li > ul{}
.process ul > li > ul > li{ list-style:disc;font-size: 13px;padding: 0px 0px 18px;word-spacing: 5px;line-height: 0px;color: #000; text-align:left; float:none;}

/*project*/
.studionav .project{margin: 0px auto; width: 75% !important; padding: 10px 0px; display: block; height: 200px;}
.studionav .project > li{list-style: outside none none;float: left;width: 200px;margin: 0px 2.5%;display: inline-block;}
.studionav .project > li > a > img{width:100% !important;}
.studionav .project > li > a > span {font-size: 12px;color: #000;display: block;text-align: center;}


/*Contact us */
.contactus {width: 80%;margin: 0% 10%;display:inline-block;}
.contactus .left {width: 44%;float: left;margin: 0% 3%;}
.contactus .left h3 {text-align: right;color: #000;font-size: 11px;}
.contactus .left form {width: 300px;float: right;margin: 18px 0px 0px;font-family: "Open Sans";font-size: 11px;}
.contactus .left input {color: #000;width: 98%;height: 30px;margin: 0px 0px 20px;padding: 0px 0px 0px 2%;font-family: "Open Sans";font-size: 11px; outline: medium none;border:1px solid #ccc;}
.contactus .left textarea{color: #000;width: 98%;height: 60px;margin: 0px 0px 20px;padding: 0px 0px 0px 2%;font-family: "Open Sans";font-size: 11px; outline: medium none;border:1px solid #ccc;}
.contactus .right {width: 44%;float: left;margin: 0% 3%;}
.contactus .right h3 {text-align: left;color: #000;font-size: 11px;margin: 0px 0px 10px;}
.contactus .right h2 {text-align: left;color: #000;font-size: 11px;font-weight: normal;}
.contactus .right p {text-align: left;font-size: 11px;color: #000;margin: 0px 0px 20px;}
.contactus  iframe{bottom:0px;}

/*Career */
.career {width: 80%;margin: 0% 10%;display:inline-block;}
.career .left {width: 30%;margin: 0% auto;}
.career .left h3 {text-align: right;color: #000;font-size: 11px;padding-bottom:15px;}
.career .left form {width: 300px;float: right;margin: 18px 0px 0px;font-family: "Open Sans";font-size: 11px;}
.career .left input {color: #000;width: 98%;height: 30px;margin: 0px 0px 22px;padding: 0px 0px 0px 2%;font-family: "Open Sans";font-size: 11px; outline: medium none;}
.contactus .left textarea{color: #000;width: 98%;height: 60px;margin: 0px 0px 22px;padding: 0px 0px 0px 2%;font-family: "Open Sans";font-size: 11px; outline: medium none;}
#csubmit {
    font-family: "Open Sans";font-size: 11px;text-align: right;border: medium none;padding: 0px 10px;display: inline-block;width: 70px;float: right;background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1);
}
#career, #contact{color:#000;font-size:9px;text-decoration:none;float: left;padding-right: 20px;top: 0px;}
#career:hover, #contact:hover{color:#DE7614;font-size:9px;text-decoration:none}
 
 
/*Qlue*/ 
#preloader { position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; overflow: visible; background: #fff url('http://dresswalla.com/test/images/loader.gif') no-repeat center center; }
#slider1_container, #slider2_container, #slider3_container, #slider4_container, #slider5_container, #slider9_container{position: relative; margin: 0 auto;width: 1300px; height: 500px; overflow: hidden;}
#spacing{width:90%;height:100%;margin:0px 5%;position:absolute;margin:0px autp; vertical-align:middle;top: 0;bottom: 0;left: 0;right: 0;    text-align:center;}
#spacing_img{width:100% !important;position:absolute;}
#sleft{width:48%;float:left;height:100%;margin-right:2%} 
#sright{width:48%;float:left;height:100%;margin-left:2%}
#sleft img{float:right;width:100% !important}
#sright p{text-align: justify;font-size: 13px;padding: 0px 0px 18px;word-spacing: 5px;line-height: 20px;color: #000;}
#sright > ul {padding: 0px 2%;margin: 0px 2%;}
#sright > ul > li {list-style: disc;font-size: 13px;padding: 0px 0px 18px;word-spacing: 5px;line-height: 0px;color: #000;
text-align: left;float: none;}
#fb{margin:6px 0px 2px 2px; width: 25px;height: 24px;background: url("../images/fb.png") no-repeat scroll 0px 0px / 25px 25px transparent;float:right}
#tumbler{margin:6px 0px 2px 2px;width: 25px;height: 24px;background: url("../images/tumblr.png") no-repeat scroll 0px 0px / 25px 25px transparent;float:right}
#pinterest{margin:6px 0px 2px 2px;width: 25px;height: 24px;background: url("../images/pin.png") no-repeat scroll 0px 0px / 25px 25px transparent;float:right}
#instagram{margin:6px 0px 2px 2px;width: 25px;height: 24px;background: url("../images/instagram.png") no-repeat scroll 0px 0px / 25px 25px transparent;float:right}
#fb:hover{margin:6px 0px 2px 2px; width: 25px;height: 24px;background: url("../images/fb.png") no-repeat scroll 0px 0px / 25px 25px transparent;float:right}
#tumbler:hover{margin:6px 0px 2px 2px;width: 25px;height: 24px;background: url("../images/tumblr.png") nno-repeat scroll 0px 0px / 25px 25px transparent;float:right}
#pinterest:hover{margin:6px 0px 2px 2px;width: 25px;height: 24px;background: url("../images/pin.png") no-repeat scroll 0px 0px / 25px 25px transparent;float:right}
#instagram:hover{margin:6px 0px 2px 2px;width: 25px;height: 24px;background: url("../images/instagram.png") no-repeat scroll 0px 0px / 25px 25px transparent;float:right}

/*sitemap*/
#main_sitemap{display: inline-block;width:100%;margin: 0%;padding:2% 0% 5% 0%;}
#main_sitemap li{float:left;list-style:none;padding:2% 1%;min-width:100px;width:18%;font-size: 13px;text-align:left;font-weight:bold;}
#main_sitemap li a{color:#000 !important;font-size:11px;}
#main_sitemap li:first-child{text-align:center}
#main_sitemap li:nth-child(2){padding-left: 2%;width: 16%;}
#main_sitemap li:last:child {padding-bottom:0px;}
#main_sitemap > li > ul{margin-top: 2px;}
#main_sitemap > li > ul > li {text-align:left;border-left:0px solid #ccc;list-style:none;font-size:11px;display:block;float:none !important;font-size:11px;font-weight:normal;}
#main_sitemap > li > ul > li:first-child{text-align:left;}
#main_sitemap > li > ul > li > a{color:#000 !important;font-size:11px;}
#main_sitemap > li > ul > li > ul > li {text-align:left;border-left:0px solid #ccc;list-style:none;padding: 5px 0px 5px 15px !important;font-size:11px;display:block;float:none !important}
#main_sitemap > li > ul > li > ul > li > a{color:#000 !important;font-size:11px;}
#main_sitemap > li > ul > li > ul > li > ul > li {text-align:left;border-left:0px solid #ccc;list-style:none;padding: 5px 0px 5px 15px !important;;font-size:11px;display:block;float:none !important}
#main_sitemap > li > ul > li > ul > li > ul > li > a{color:#000 !important;font-size:11px;}
.business_form{height:70%;margin-top:5%;position:relative;}
#business_form h3{font-size:13px;font-weight:normal;text-align:center;padding-top:8%;}
#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;}
#message{width: 93.4%;height:48%;padding:1%;margin:2%;border:1px solid #ccc;font-size:11px;}
#submit{width:80px;height:28px;background:#e6e7e9;color:#000;float:right;margin:0 2.3%;padding:0%;font-size:12px;cursor:pointer; border:0;}
#sitemap{width:100%;background:#e6e7e9;position:absolute;bottom:0px;}
#error {padding:5px 10px 10px 0px;margin:0 2%;font-size: 11px;color: #F00;}
#gototop{text-align: center;font-size: 11px;float: left;width: 100%;position: absolute;color:#DE7614;z-index: 9999;}
#hello{color:#DE7614;text-decoration:none;}
/*Responsive Design Styles*/
a{text-decoration:none;color:#000}
/*Responsive Menu*/
#responsive_menu{float:right;display:none;}
#toggle_menu{position: fixed;z-index: 9999;display:none;width: 30px;top: 10px;right: 10px;}
#menu{position: fixed;top: 52px;font-size: 12px;right: 5%;z-index: 9999;width:200px;background:#ddd;margin:0px;padding:0px;display:none;}
#menu > li{display:block; list-style:none;padding:5px 5px 5px 15px;font-weight:bold;float:none;}
#menu > li ul > li{display:block; list-style:none;padding:5px 5px 5px 20px;float:none;}
#menu > li ul > li > a{text-decoration:none;color:#000;}
.sub_menu{padding:0px;margin:0px;font-weight:normal;}
#view_map{display:none;}

/* ----------- iPad  ----------- */

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.header .top{width: 85% !important; margin: 12px auto 0px;  border: solid #000;  border-width: 0px 0px 1px;  display: block;}
.header .top ul{width: 60% !important; float: right;  margin: 10px 0px 0px;}
.header .bottom{display: block;  width: 85%;  margin: 0px auto;}
.client-contant ul{width: 100%;margin: 0px auto;padding-left: 0.4%;}
#sright p {font-size: 20px;padding: 0px 4px 22px;word-spacing: 6px;line-height: 30px;}
#sright > ul > li {list-style: disc;font-size: 20px;padding: 0px 0px 18px;word-spacing: 6px;line-height: 10px;color: #000;text-align: left;float: none;}
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.header .top{width: 90%; margin: 12px auto 0px;  border: solid #000;  border-width: 0px 0px 1px;  display: block;}
.header .top ul{width: 50%; float: right;  margin: 10px 0px 0px;}
.header .bottom{display: block;  width: 90%;  margin: 0px auto;}
.client-contant ul{width: 80%;margin: 0px auto;padding-left: 0.4%;}
#sright p {font-size:16px;padding: 0px 4px 18px;word-spacing: 5px;line-height: 20px;color: #000;line-height: 25px;}
#sright > ul > li {list-style: disc;font-size: 16px;padding: 0px 0px 16px;word-spacing: 6px;line-height: 10px;color: #000;text-align: left;float: none;}
}

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
.header .top{width: 70% !important; margin: 12px auto 0px;  border: solid #000;  border-width: 0px 0px 1px;  display: block;}
}
/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
.header .top{width: 80% !important; margin: 12px auto 0px;  border: solid #000;  border-width: 0px 0px 1px;  display: block;}
}
/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait) {
.header .top{width: 70% !important; margin: 12px auto 0px;  border: solid #000;  border-width: 0px 0px 1px;  display: block;}
}
/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait) {
.header .top{width: 80% !important; margin: 12px auto 0px;  border: solid #000;  border-width: 0px 0px 1px;  display: block;}
}


/*-- iPhone6--*/
@media only screen and (min-device-width: 375) and (max-device-width: 667px) and (orientation: portrait) {
#screenrotate{display:block !important}
}

@media only screen and (min-device-width: 375) and (max-device-width: 667px) and (orientation: landscape) {
#screenrotate{display:none !important}
.header .top{width: 80%; margin: 12px auto 0px;  border: solid #000;  border-width: 0px 0px 1px;  display: block;}
.header .top ul > span {display: none !important;}
.active { display: none;}
#responsive_menu{float:right;display:block;}
#toggle_menu{position: fixed;z-index: 9999;display:block;}
.client-contant ul{width: 80%;margin: 0px auto;padding-left: 0.4%;}
.footer {width: 80%;}
}

@media only screen and (max-device-width: 640px) and (orientation: landscape) {
.header { height: 60px;}
#screenrotate{display:none !important}
.header .top{width: 80%; margin: 12px auto 0px;  border: solid #000;  border-width: 0px 0px 1px;  display: block;}
.header .top ul > span {display: none !important;}
.header .bottom {display:none}
.active { display: none;}
#responsive_menu{float:right;display:block;}
#toggle_menu{position: fixed;z-index: 9999;display:block;}
.client-contant ul{width: 80%;margin: 0px auto;padding-left: 0.4%;}
.contactus {padding-top:10px;}
.contactus .left form {width: 100%;float: right;margin: 5px 0px 0px; font-family: "Open Sans"; font-size: 11px;}
.contactus .left input {color: #000;width: 98%;height: 24px;margin: 0px 0px 10px;}
.footer {width: 80%;}
#fb,#pinterest,#tumbler,#instagram{float:left;margin:0px 2px;padding-bottom: 5px;}
#fb:hover,#pinterest:hover,#tumbler:hover,#instagram:hover{float:left;margin:0px 2px;padding-bottom: 5px;}
#iframe{display:none;}
#view_map{display:block;padding:5px;}
#view_map a{text-decoration:none;font-size:11px;display:block;padding:5px;}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait){
#screenrotate{display:block !important}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape){
#screenrotate{display:none}
.header {height: 80px !important;}
.header .top{width: 80%; margin: 12px auto 0px;  border: solid #000;  border-width: 0px 0px 1px;  display: block;}
.header .top ul {width: 30px;float: right;margin: 10px 0px 0px;}
.header .top ul > span {display: none !important;}
.active { display: none;}
.header .bottom ul {display:none}
#responsive_menu{float:right;display:block;}
#toggle_menu{position: fixed;z-index: 9999;display:block;}
.client-contant ul{width: 80%;margin: 0px auto;padding-left: 0.4%;}
.footer {width: 80%;position: fixed;height: 27px;display: block;background: none repeat scroll 0% 0% #FFF;z-index: 999;margin: 0% 10%;transition: all 1s ease 0s;border-style: solid;border-color: #000;-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image: none;border-width: 1px 0px 0px;}
#nav3 span > li > a > img {position: fixed;bottom: 15px;margin: 0% 36.1%;width: 50px;}
.client-contant ul > li {width: 21.7%;margin: 1%;float: left;border: 1px solid #000;}
.meetus {width: 50%;}
.contactus .left form {width: 100%;float: right;margin: 5px 0px 0px; font-family: "Open Sans"; font-size: 11px;}
.contactus .left input {color: #000;width: 98%;height: 24px;margin: 0px 0px 10px;}
#iframe{display:none;}
#view_map{display:block;padding:5px;}
#view_map a{text-decoration:none;font-size:11px;display:block;padding:5px;}
.footer p {float: left;width:100%}
.footer p > span {padding-left: 20px;float: right;}
}