@charset "UTF-8";*{margin:0;padding:0;border:0;}
body{background-image:;background-color:#000;color:#000;}
#wrapper{margin:auto;width:80%;height:100%;}
#top{width:100%;height:250px;margin-bottom:1%;background-color:#FFF;background-image:url(../images/top.jpg);float:left;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;box-shadow:0 1px 3px #000;}
#top2{width:100%;height:40px;margin-bottom:7px;background-color:#D5D5D5;background-image:url(../images/top2.jpg);float:left;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;box-shadow:0 1px 3px #000;}
#logo{margin-top:5%;margin-left:4%;text-decoration:none;font-size:0,5em}
#logoimage{width:27px;padding-right:10px;float:left;}
#logotitle{float:left;font-family:Lato;color:#FFF;font-weight:lighter;font-size:180%;text-shadow:2px 2px 2px #000;}
#logotitle a{color:#2d2d2d;text-decoration:none;}
#nav{float:right;margin-top:0%;width:100%;display:block;height:40px;}
#nav ul li{display:block;width:33%;float:left;text-align:center;}
#nav ul li a{font-family:Asap,;width:90%;text-decoration:blink;text-transform:none;font-weight:400;line-height:250%;display:block;color:#fff;}
#nav ul li a:hover{color:#6C6C6C;font-family:Asap;font-weight:bold;}
#nav ul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:90%;text-decoration:none;text-transform:uppercase;font-weight:400;line-height:250%;display:block;color:#f38094;}
hr{height:1px;width:100%;background-color:#2d2d2d;margin:3% 0;}
header{width:100%;margin:5% 0 5% 0;}
header h1{font-family:Arial, Helvetica, sans-serif;text-align:center;font-size:140%;font-weight:normal;letter-spacing:1px;margin-bottom:1%;}
header h4{font-family:Arial, Helvetica, sans-serif;text-align:center;font-size:50%;font-weight:normal;letter-spacing:5px;margin-bottom:1%;}
header h1 span{color:#f38094;text-shadow:0 1px 1px #dadada;}
header h2{font-family:Asap, Arial, Helvetica, sans-serif;text-align:center;font-size:50%;font-weight:normal;}
#button{float:right;position:inherit;margin-top:20%;z-index:99;width:100%;display:inline-block;height:30px;}
#button ul li{display:inline-block;width:25%;float:left;text-align:center;}
#button ul li a{font-family:Asap,;width:100%;text-decoration:blink;text-transform:none;font-weight:400;line-height:250%;display:inline-block;color:#575757;font-size:20px;}
#button ul li a:hover{color:#D5D5D5;font-family:Asap;font-weight:bold;font-size:20px;}
#buttonul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:100%;text-decoration:none;text-transform:uppercase;font-weight:400;line-height:250%;display:inline-block;color:#f38094;}
#button2{float:right;position:inherit;margin-top:1%;width:0%;display:inline-block;height:0px;}
#button2 ul li{display:inline-block;width:0%;float:left;text-align:center;}
#button2 ul li a{font-family:Asap,;width:0%;text-decoration:blink;text-transform:none;font-weight:0;line-height:250%;display:inline-block;color:#575757;font-size:0px;}
#button2 ul li a:hover{color:#D5D5D5;font-family:Asap;font-weight:bold;font-size:0px;}
#button2ul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:0%;text-decoration:none;text-transform:uppercase;font-weight:0;line-height:250%;display:inline-block;color:#f38094;}
#button3{float:left;position:inherit;margin-bottom:-50%;z-index:99;width:100%;display:inline-block;height:20px;}
#button3 ul li{display:inline-block;width:25%;float:left;text-align:left;}
#button3 ul li a{font-family:Asap;width:100%;margin-left:25%;text-decoration:blink;text-transform:none;font-weight:bold;line-height:250%;display:inline-block;color:#D5D5D5;font-size:25px;}
#button3 ul li a:hover{color:#D5D5D5;font-family:Asap;font-weight:bold;font-size:25px;}
#button3ul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:100%;text-decoration:none;text-transform:uppercase;font-weight:400;line-height:250%;display:inline-block;color:#f38094;}
#content{border-radius:15px;width:100%;height:auto;background-color:#000;padding:0%;float:left;}
#content2{width:100%;height:500px;background-color:#D5D5D5;padding:0%;float:left;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;box-shadow:0 1px 3px #000;overflow:hidden;-webkit-transition:box-shadow 0.2s ease-in-out;-moz-transition:box-shadow 0.2s ease-in-out;-o-transition:box-shadow 0.2s ease-in-out;-ms-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;}
#col{width:71%;padding-left:3%;padding-right:3%;padding-top:2%;height:1340px;background-color:#D5D5D5;float:left;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;box-shadow:0 1px 3px #000;overflow:hidden;-webkit-transition:box-shadow 0.2s ease-in-out;-moz-transition:box-shadow 0.2s ease-in-out;-o-transition:box-shadow 0.2s ease-in-out;-ms-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;}
.leftimg {float:left; margin: 25px 30px 10px 27px;}
#col p { font-family:Asap,; text-align: justify;font-size:110%;letter-spacing:0px;margin-bottom:8%; margin-top:20px; margin-left:27px; margin-right:27px;} 
#col h2 {font-family:Asap,;text-align:center;font-size:160%;font-weight:bold;letter-spacing:0px;margin-top:2%;}
#col2{width:220px;margin-right:0%;padding-left:0%;height:558px;background-color:;float:right;}
#col3{text-align:center;width:58%;padding-top:2%;height:540px;background-color:#D5D5D5;float:left;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;box-shadow:0 1px 3px #000;overflow:hidden;-webkit-transition:box-shadow 0.2s ease-in-out;-moz-transition:box-shadow 0.2s ease-in-out;-o-transition:box-shadow 0.2s ease-in-out;-ms-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;}
#col4{width:30%;margin-left:2%;padding-top:2%;padding-left:5%;padding-right:5%;height:540px;background-color:#D5D5D5;float:left;font-family:Asap;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;box-shadow:0 1px 3px #000;overflow:hidden;-webkit-transition:box-shadow 0.2s ease-in-out;-moz-transition:box-shadow 0.2s ease-in-out;-o-transition:box-shadow 0.2s ease-in-out;-ms-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;}
#col5{text-align:center;width:100%;padding-top:2%;height:540px;background-color:#D5D5D5;float:left;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;box-shadow:0 1px 3px #000;overflow:hidden;-webkit-transition:box-shadow 0.2s ease-in-out;-moz-transition:box-shadow 0.2s ease-in-out;-o-transition:box-shadow 0.2s ease-in-out;-ms-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;}
#workbody{width:100%;margin-top:1%;display:inline-block;}
.close{position:absolute;background:url(../images/close.png) 0 0 no-repeat;width:40px;height:46px;margin-top:3%;margin-left:60%;margin-right:2%;}
.close span{width:100%;height:100%;background:url(../images/close_active.png) 0 0 no-repeat;display:block}
.next{position:absolute;background:url(../images/next.png) 0 0 no-repeat;width:30px;height:79px;top:45%;right:21%;}
.next span{width:100%;height:100%;background:url(../images/next_active.png) 0 0 no-repeat;display:block}
.prev{position:absolute;background:url(../images/prev.png) 0 0 no-repeat;width:30px;height:79px;top:45%;right:77%;}
.prev span{width:100%;height:100%;background:url(../images/prev_active.png) 0 0 no-repeat;display:block}
#workbody img{width:59%;display:inline-block;position:relative;margin-left:20%;margin-top:-20%;border-radius:;border:3px solid #D5D5D5;}
#workbody img1{width:20px;height:20px;display:inline-block;}
#workbody img2{width:20%;display:inline-block;position:relative;margin-top:5%;margin-left:20%;border-radius:;border:3px solid #D5D5D5;}
#workbody h5{border-radius:0 0 15px 15px;font-family:Lato, Arial, Helvetica, sans-serif;font-size:15px;font-weight:normal;text-align:center;color:#D5D5D5;margin:2% 0 3% 0;}
#mini{width:100%;padding-left:-3%;padding-top:6%;}
#mini img{width:50%;border-radius:;box-shadow:0 2px 5px #000;}
#mini h5{border-radius:0 0 15px 15px;font-family:Lato, Arial, Helvetica, sans-serif;font-size:15px;font-weight:normal;color:#2d2d2d;margin:20px 0 6% 5px;}
#cont{padding-left:19%;padding-top:5%;text-align:center;}
#cont2{text-align:center;height:480px;padding-left:23%;padding-bottom:10px;padding-top:3%;}
#textarea1{border-radius:0px;width:230px;margin-top:5%;padding-top:18%;padding-left:10%;padding-right:10%;height:380px;background-color:#FFF;float:left;font-family:Asap;font-size:16px;box-shadow:0 2px 5px #000;}
#textarea2{border-radius:0px;width:80%;margin-top:5%;padding-top:1%;margin-left:10%;margin-right:10%;height:470px;background-color:none;}
#social2{display: block;with:75%;height:29px;margin-top:0%; margin-bottom:0%; margin-left:35%; text-align:left;}
.socialtf2{ display:inherit; margin-left:50px; float:left; width:100px; height:28px}
 .socialtf2 {  opacity:0.4; filter:alpha(opacity=40);}
.socialtf2:hover {  opacity:1;filter:alpha(opacity=100);}
.socialfc2{margin-left:10px; float:left; width:100px; height:28px}
 .socialfc2 {  opacity:0.4; filter:alpha(opacity=40);}
.socialfc2:hover {  opacity:1;filter:alpha(opacity=100);}
#social{display:inline;with:350px;height:29px;margin-top:20%; margin-bottom:0%; margin-left:27px; text-align:left;}
.socialtf{ display:inherit; margin-left:20px; float:left; width:100px; height:28px}
.socialfc{margin-left:20px; float:left; width:200px; height:28px}
.left{margin-top:4%;width:48%;float:left;margin-bottom:2%;}
.left h3{font-family:Cookie, Arial, Helvetica, sans-serif;font-size:180%;font-weight:normal;text-align:center;color:#f38094;margin-bottom:5%;text-shadow:0 1px 1px #dadada;}
.left p{font-family:Lato, Arial, Helvetica, sans-serif;font-size:100%;line-height:140%;}
.left p a{color:#f38094;text-decoration:none;}
.right{margin-top:4%;width:48%;float:right;margin-bottom:2%;}
.right h3{font-family:Cookie, Arial, Helvetica, sans-serif;font-size:180%;font-weight:normal;text-align:center;color:#f38094;margin-bottom:5%;text-shadow:0 1px 1px #dadada;}
.right p{font-family:Lato, Arial, Helvetica, sans-serif;font-size:100%;line-height:140%;}
.right p a{color:#f38094;text-decoration:none;}
#work{width:1000px;margin:0% auto 5% auto;height:57%;}
.item{width:194px;height:231px;background-color:#D5D5D5;margin:3px;float:left;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;box-shadow:0 1px 3px #000;overflow:hidden;-webkit-transition:box-shadow 0.2s ease-in-out;-moz-transition:box-shadow 0.2s ease-in-out;-o-transition:box-shadow 0.2s ease-in-out;-ms-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;}
.item:hover{-webkit-box-shadow:0 0 10px #A9A9A9, 0 0 10px #A9A9A9;-moz-box-shadow:0 0 10px #A9A9A9, 0 0 10px #A9A9A9;box-shadow:0 0 10px #A9A9A9, 0 0 10px #A9A9A9;}
.item img{display:block;width:100%;-webkit-box-shadow:0 2px 1px #c3c3c3;-moz-box-shadow:0 2px 1px #c3c3c3;box-shadow:0 2px 1px #c3c3c3;opacity:0.95;-webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;-o-transition:opacity 0.2s ease-in-out;-ms-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;}
.item img:hover{opacity:1;}
.item h3{font-family:Lato, Arial, Helvetica, sans-serif;font-size:90%;font-weight:normal;padding:5px 0 0 8px;color:#2d2d2d;text-decoration:none;}
.item h3 a{text-decoration:none;color:#2d2d2d;}
.item p{font-family:Lato, Arial, Helvetica, sans-serif;font-size:70%;font-weight:normal;padding:0 0 0 8px;color:#424242;text-decoration:none;}
.item1{width:100%;height:218px;background-color:#D5D5D5;margin-bottom:10px; margin-left:0%; float:right;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;box-shadow:0 1px 3px #000;overflow:hidden;-webkit-transition:box-shadow 0.2s ease-in-out;-moz-transition:box-shadow 0.2s ease-in-out;-o-transition:box-shadow 0.2s ease-in-out;-ms-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;}
.item1:hover{-webkit-box-shadow:0 0 10px #A9A9A9, 0 0 10px #A9A9A9;-moz-box-shadow:0 0 10px #A9A9A9, 0 0 10px #A9A9A9;box-shadow:0 0 10px #A9A9A9, 0 0 10px #A9A9A9;}
.item1 img{display:block;width:110%;height:72%;-webkit-box-shadow:0 2px 1px #c3c3c3;-moz-box-shadow:0 2px 1px #c3c3c3;box-shadow:0 2px 1px #c3c3c3;border-radius:15px 15px 0 0;opacity:0.8;-webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;-o-transition:opacity 0.2s ease-in-out;-ms-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;}
.item1 img:hover{opacity:1;}
.item1 h3{font-family:Lato, Arial, Helvetica, sans-serif;font-size:84%;font-weight:normal;margin:8px 8px 0px 8px;color:#2d2d2d;text-decoration:none;}
.item1 h3 a{text-decoration:none;color:#2d2d2d;}
.item1 p{font-family:Lato, Arial, Helvetica, sans-serif;font-size:68%;font-weight:normal;padding:0 0 0 8px;color:#424242;text-decoration:none;}
#bottom h3{margin:4% 0 3% 0;font-family:Cookie, Arial, Helvetica, sans-serif;font-size:190%;font-weight:normal;text-align:center;color:#f38094;text-shadow:0 1px 1px #c1c1c1;}
#footer{font-family:Arial, Helvetica, sans-serif, 10px;width:100%;height:28px; padding-top:10px; margin-top:5px;margin-bottom:1%;background-color:#818181;text-align:center;float:left;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;box-shadow:0 1px 3px #000;}

.icon{float:right;width:20px;margin:-10px 80px 0px 0%;opacity:0.85;}
.icon:hover{opacity:1;}
.social{color:#f38094;}
#footer2{width:100%;height:28px;padding-top:10px;margin-left:0%;margin-top:2%;margin-bottom:1%;background-color:#000;text-align:center;float:left;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;box-shadow:0 1px 3px #00}
#footer2 h7{text-align:center;color:#181818;}
.left h4{font-family:Cookie, Arial, Helvetica, sans-serif;font-size:180%;font-weight:normal;color:#f38094;margin-bottom:10px;}
#formwrap{width:100%;}
.formstyle{border:1px solid #ccc;color:#000;font-family:Lato, Arial, Helvetica, sans-serif;font-size:14px;width:95%;background-color:rgba(255,255,255,1);background-image:url(../images/backgroundtexture.png);margin-bottom:10px;opacity:0.9;padding:3px;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;border-radius:2px;}
.formstyletwo{color:#FFF;font-family:Lato, Arial, Helvetica, sans-serif;font-size:15px;text-align:left;width:20%;background-color:#2d2d2d;border:0px;}
.formstyletwo:hover{color:#f38094;cursor:pointer;}
textarea{border:1px solid #ccc;color:#000;font-family:Lato, Arial, Helvetica, sans-serif;font-size:14px;width:95%;height:80px;background-color:rgba(255,255,255,1);background-image:url(../images/backgroundtexture.png);margin-bottom:10px;border-radius:2px;padding:3px;opacity:0.9;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
input:focus, input.focused, textarea:focus, textarea.focused{color:#3e3e3e;opacity:1;}
#error{color:#FF7471;float:left;font-family:Regular, Arial, Helvetica, sans-serif, "Helvetica Neue Light";font-size:15px;}
#error ul{list-style-type:none;padding-top:5px;}
::selection{background:#FFF;color:#000;}
::-moz-selection{background:#FFF;color:#000;}

/*==================================================================  mobile 1000*/
 
@media screen and (max-width: 1000px){
#wrapper{margin:0;width:900px;height:100%;}
#content{width:900px;height:auto;}
#work{width:900px;height:auto;}
.item1{width:225px;height:229px;margin:7px;}
.item h3{font-size:80%;}
.item p{font-size:60%;}
.item{width:174px;height:198px;margin:3px;}
#workbody{width:900px;margin-top:2%;display:inline-block;}
#workbody img{width:65%;position:relative;margin-left:17%;margin-right:0%;border:3px solid #D5D5D5;}
#workbody h5{font-family:Lato, Arial, Helvetica, sans-serif;font-size:90%;font-weight:normal;text-align:center;color:#ABABAB;margin:2% 0 2% -2%;}
#footer2{width:900px;height:28px;padding-top:10px;margin-left:0%;margin-top:2%;margin-bottom:1%;background-color:#000;text-align:center;float:left;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;box-shadow:0 1px 3px #00}
#footer2 h7{text-align:center;color:#181818;}
#col{width:582px;height:1184px;margin-top:7px;margin-left:1%;font-size:90%;}
#col2{width:230px;height:auto;margin-top:0px;margin-right:1%;}

#cont2{height:480px;padding-left:1px;padding-top:0%;}
#top{width:900px;height:220px;margin-bottom:5px;text-align:left;}
#logotitle{float:left;font-family:Lato;color:#FFF;font-weight:lighter;font-size:160%;text-shadow:2px 2px 2px #000;}
#top2{width:900px;height:50%;margin-bottom:0%;}
#footer{width:900px;height:auto; padding-bottom:10px;margin-top:4px;}
#cont{padding-left:9%;width:150px;margin-left:0;}
#cont2{padding-left:9%;;}
#button{float:right;position:inherit;margin-top:20%;z-index:99;width:900px;display:inline-block;height:30px;}
#button ul li{display:inline-block;width:225px;float:left;text-align:center;}
#button ul li a{font-family:Asap,;text-decoration:blink;text-transform:none;line-height:250%; margin-left:0px; display:inline-block;color:#575757;font-size:15px;}
#button ul li a:hover{color:#D5D5D5;font-family:Asap;font-weight:bold;font-size:15px;}
#buttonul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:100%;text-decoration:none;text-transform:uppercase;;line-height:250%;display:inline-block;color:#f38094;}
#button2{float:right;margin-top:0%;margin-bottom:0%;width:0%;display:inline-block;height:0px;}
#button2 ul li{display:inline-block;width:0%;float:left;text-align:center;}
#button2 ul li a{font-family:Asap,;width:0%;text-decoration:blink;text-transform:none;font-weight:0;line-height:0%;display:inline-block;color:#575757;font-size:0px;}
#button2 ul li a:hover{color:#D5D5D5;font-family:Asap;font-weight:bold;font-size:0px;}
#button2ul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:0%;text-decoration:none;text-transform:uppercase;font-weight:0;line-height:0%;display:inline-block;color:#f38094;}
#button3 ul li a{font-family:Asap;width:100%;margin-left:37%;text-decoration:blink;text-transform:none;font-weight:bold;line-height:250%;display:inline-block;color:#D5D5D5;font-size:25px;}}
                                          /* mobile 900 */

@media screen and (max-width: 900px){ 
#wrapper{margin:0;width:790px;height:100%;}
#content{width:790px;height:auto;}
#work{width:790px;height:auto;}
.item1{width:197px;height:259x;margin:7px;}
.item h3{font-size:80%;}
.item p{font-size:60%;}
.item{width:257px;height:294px;margin:3px;}
#workbody{width:790px;margin-top:2%;display:inline-block;}
#workbody img{width:65%;position:relative;margin-left:17%;margin-right:0%;border:3px solid #D5D5D5;}
#workbody h5{font-family:Lato, Arial, Helvetica, sans-serif;font-size:90%;font-weight:normal;text-align:center;color:#ABABAB;margin:2% 0 2% -2%;}
#footer2{width:900px;height:28px;padding-top:10px;margin-left:0%;margin-top:2%;margin-bottom:1%;background-color:#000;text-align:center;float:left;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;box-shadow:0 1px 3px #00}
#footer2 h7{text-align:center; margin-left:-14%;color:#181818;}
#col{width:513px;height:auto;margin-top:4px;margin-left:1%; margin-right:1%;font-size:90%;}
#col2{width:201px;height:auto;margin-top:-2px;margin-right:1%;}
#cont2{height:421px;padding-left:1px;padding-top:0%;}
#top{width:790px;height:220px;margin-bottom:1%;text-align:left;}
#logotitle{float:left;font-family:Lato;color:#FFF;font-weight:lighter;font-size:160%;text-shadow:2px 2px 2px #000;}
#top2{width:790px;height:50%;margin-bottom:0%;}
#footer{width:790px;height:auto; padding-bottom:10px;margin-top:1%;}
#cont{padding-left:9%;width:150px;margin-left:0;}
#cont2{padding-left:9%;;}
#mini{width:100%;padding-left:-3%;padding-top:6%;}
#button{float:right;position:inherit;margin-top:20%;z-index:99;width:790px;display:inline-block;height:30px;}
#button ul li{display:inline-block;width:197px;float:left;text-align:center;}
#button ul li a{font-family:Asap,;text-decoration:blink;text-transform:none;line-height:250%; margin-left:0px; display:inline-block;color:#575757;font-size:15px;}
#button ul li a:hover{color:#D5D5D5;font-family:Asap;font-weight:bold;font-size:15px;}
#buttonul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:100%;text-decoration:none;text-transform:uppercase;;line-height:250%;display:inline-block;color:#f38094;}
#button2{float:right;margin-top:0%;margin-bottom:0%;width:0%;display:inline-block;height:0px;}
#button2 ul li{display:inline-block;width:0%;float:left;text-align:center;}
#button2 ul li a{font-family:Asap,;width:0%;text-decoration:blink;text-transform:none;font-weight:0;line-height:0%;display:inline-block;color:#575757;font-size:0px;}
#button2 ul li a:hover{color:#D5D5D5;font-family:Asap;font-weight:bold;font-size:0px;}
#button2ul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:0%;text-decoration:none;text-transform:uppercase;font-weight:0;line-height:0%;display:inline-block;color:#f38094;}
#button3 ul li a{font-family:Asap;width:100%;margin-left:37%;text-decoration:blink;text-transform:none;font-weight:bold;line-height:250%;display:inline-block;color:#D5D5D5;font-size:25px;}}

                                          /* mobile 790 */

@media screen and (max-width: 790px){ 
#wrapper{margin:0;width:680px;height:100%;}
#content{width:680px;height:auto;}
#work{width:680px;height:auto;}
.item1{width:170px;height:190px;margin:7px;}
.item1 h3{font-size:70%;}
.item h3{font-size:80%;}
.item p{font-size:60%;}
.item{width:219px;height:256px;margin:3px;}
#workbody{width:680px;margin-top:2%;display:inline-block;}
#workbody img{width:62%;position:relative;margin-left:19%;margin-right:0%;border-radius:;border:3px solid #D5D5D5;}
#workbody h5{font-family:Lato, Arial, Helvetica, sans-serif;font-size:90%;font-weight:normal;text-align:center;color:#ABABAB;margin:2% 0 2% 1%;}
#footer2{width:680px;height:28px;padding-top:10px;margin-left:0%;margin-top:2%;margin-bottom:1%;background-color:#000;text-align:center;float:left;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;box-shadow:0 1px 3px #00}
#footer2 h7{text-align:center; margin-left:-1%;color:#181818;}
#col{width:438px;height:auto;margin-top:3px;margin-left:1%;font-size:90%;}
#col2{width:173px;height:auto;margin-top:-3px;margin-right:1%;}
#cont2{height:362px;padding-left:1px;padding-top:0%;}
#top{width:680px;height:150px;margin-bottom:1%;text-align:left;}
#logotitle{float:left;font-family:Lato;color:#FFF;font-weight:lighter;font-size:160%;text-shadow:2px 2px 2px #000;}
#top2{width:680px;height:50%;margin-bottom:0%;}
#footer{width:680px;height:auto;margin-top:1%;}
#cont{padding-left:9%;width:150px;margin-left:0;}
#cont2{padding-left:9%;;}
#button{float:right;position:inherit;margin-top:20%;z-index:99;width:680px;display:inline-block;height:30px;}
#button ul li{display:inline-block;width:170px;float:left;text-align:center;}
#button ul li a{font-family:Asap,;text-decoration:blink;text-transform:none;line-height:250%; margin-left:0px; display:inline-block;color:#575757;font-size:15px;}
#button ul li a:hover{color:#D5D5D5;font-family:Asap;font-weight:bold;font-size:15px;}
#buttonul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:100%;text-decoration:none;text-transform:uppercase;;line-height:250%;display:inline-block;color:#f38094;}
#button2{float:right;margin-top:0%;margin-bottom:0%;width:0%;display:inline-block;height:0px;}
#button2 ul li{display:inline-block;width:0%;float:left;text-align:center;}
#button2 ul li a{font-family:Asap,;width:0%;text-decoration:blink;text-transform:none;font-weight:0;line-height:0%;display:inline-block;color:#575757;font-size:0px;}
#button2 ul li a:hover{color:#D5D5D5;font-family:Asap;font-weight:bold;font-size:0px;}
#button2ul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:0%;text-decoration:none;text-transform:uppercase;font-weight:0;line-height:0%;display:inline-block;color:#f38094;}
#button3 ul li a{font-family:Asap;width:100%;margin-left:37%;text-decoration:blink;text-transform:none;font-weight:bold;line-height:250%;display:inline-block;color:#D5D5D5;font-size:25px;}}	  
 
                                               /* mobile 680 */

@media screen and (max-width: 680px){ 
#wrapper{margin:0;width:570px;height:100%;}
#content{width:570px;height:auto;}
#work{width:570px;height:auto;}
.item1{width:170px;height:190px;margin:5px;}
.item1 h3{font-size:70%;}
.item h3{font-size:80%;}
.item p{font-size:60%;}
.item{width:182px;height:218px;margin:3px;}
#workbody{width:570px;margin-top:2%;display:inline-block;}
#workbody img{width:68%;position:relative; margin-top:3%;margin-left:14%;margin-right:0%;border-radius:;border:3px solid #D5D5D5;}
#workbody h5{font-family:Lato, Arial, Helvetica, sans-serif;font-size:90%;font-weight:normal;text-align:center;color:#ABABAB;margin:2% 0 2% -4%;}
#footer2{width:570px;height:28px;padding-top:10px;margin-left:0%;margin-top:2%;margin-bottom:1%;background-color:#000;text-align:center;float:left;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;box-shadow:0 1px 3px #00}
#footer2 h7{text-align:center; margin-left:-1%;color:#181818;}
#col{width:338px;height:auto;margin-top:4px;margin-left:1%;font-size:90%;}
.leftimg {float:left; margin: 8px 80px 8px 55px;}
#col2{width:173px;height:auto;margin-top:-1px;margin-right:1%;}
#cont2{height:362px;padding-left:1px;padding-top:0%;}
#top{width:570px;height:150px;margin-bottom:1%;text-align:left;}
#logotitle{float:left;font-family:Lato;color:#FFF;font-weight:lighter;font-size:160%;text-shadow:2px 2px 2px #000;}
#top2{width:570px;height:50%;margin-bottom:1%;}
#footer{ padding-top:5px; padding-bottom:5px;width:570px;height:auto;margin-top:1%;}
#cont{padding-left:9%;width:150px;margin-left:0;}
#cont2{padding-left:9%;;}
#button{float:right;position:inherit;margin-top:0%;z-index:99;width:0px;display:inline-block;height:0px;}
#button ul li{display:inline-block;width:0px;float:left;text-align:center;}
#button ul li a{font-family:Asap,;text-decoration:blink;text-transform:none;line-height:0%; margin-left:0px; display:inline-block;color:#575757;font-size:0px;}
#button ul li a:hover{color:#D5D5D5;font-family:Asap;font-weight:bold;font-size:0px;}
#buttonul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:0%;text-decoration:none;text-transform:uppercase;;line-height:0%;display:inline-block;color:#f38094;}
#button2{float:right; margin-left:-10%;margin-top:4%;margin-bottom:2%;width:100%;display:inline-block;height:30px;}
#button2 ul li{display:inline-block;width:190px;float:left;text-align:center;}
#button2 ul li a{font-family:Asap,;width:90%;text-decoration:blink;text-transform:none;font-weight:400;line-height:250%;display:inline-block;color:#575757;font-size:15px;}
#button2 ul li a:hover{color:#D5D5D5;font-family:Asap;font-weight:bold;font-size:15px;}
#button2ul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:0%;text-decoration:none;text-transform:uppercase;font-weight:400;line-height:250%;display:inline-block;color:#f38094;}
#button3 ul li a{font-family:Asap;width:0%;margin-left:0%;text-decoration:blink;text-transform:none;font-weight:bold;line-height:0%;display:inline-block;color:#D5D5D5;font-size:0px;}}

 
                                               /* mobile 570 */

@media screen and (max-width: 570px){ 
#wrapper{margin:0;width:360px;height:100%;}
#content{width:360px;height:auto;}
#social2{display: block;with:100%;height:20px;margin-top:5%; margin-bottom:0%; margin-left:0%; text-align:left;}
.socialtf2{ display:inherit; margin-left:70px; float:left; width:100px; height:20px}
 .socialtf2 {  opacity:0.4; filter:alpha(opacity=40);}
.socialtf2:hover {  opacity:1;filter:alpha(opacity=100);}
.socialfc2{margin-left:10px; float:left; width:100px; height:28px}
#work{width:360px;height:auto;}
.item1{width:357px;height:370px;margin:4px;}
.item1 img{display:block;width:130%;height:82%;}
.item1 h3{font-size:90%;}
.item h3{font-size:70%;}
.item p{font-size:60%;}
.item{width:174px;height:208px;margin:3px;}
#workbody{width:360px;margin-top:2%;display:inline-block;}
#workbody img{width:95%;position:relative; margin-top:3%;margin-left:1%;margin-right:0%;border-radius:;border:3px solid #D5D5D5;}
#workbody h5{font-family:Lato, Arial, Helvetica, sans-serif;font-size:78%;font-weight:normal;text-align:center;color:#ABABAB;margin:2% 0 2% -1%;}
#footer2{width:360px;height:28px;padding-top:10px;margin-left:0%;margin-top:2%;margin-bottom:1%;background-color:#000;text-align:center;float:left;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;box-shadow:0 1px 3px #00}
#footer2 h7{text-align:center; margin-left:-1%;color:#181818;}
#col{width:337px;height:auto;margin-top:2%; padding-top:4%;margin-left:0%;font-size:90%;}
.leftimg {float:left; margin: 8px 80px 8px 50px;}
#col2{width:360px;height:auto;margin-top:0%;margin-right:0%;}
#cont2{height:360px;padding-left:1px;padding-top:0%;}
#top{width:360px;height:150px;margin-bottom:1%;text-align:left;}
#logotitle{float:left; text-align: center; margin-left:3%; width:300px;margin-top:-1%;font-size:140%}
#top2{width:360px;height:50%;margin-bottom:1%;}
#footer{width:360px;height:auto; margin-left:1%; padding-bottom:10px;  margin-top:1%;}
#cont{padding-left:9%;width:150px;margin-left:0;}
#cont2{padding-left:9%;;}
#button{float:right;position:inherit;margin-top:0%;z-index:99;width:0px;display:inline-block;height:0px;}
#button ul li{display:inline-block;width:0px;float:left;text-align:center;}
#button ul li a{font-family:Asap,;text-decoration:blink;text-transform:none;line-height:0%; margin-left:0px; display:inline-block;color:#575757;font-size:0px;}
#button ul li a:hover{color:#D5D5D5;font-family:Asap;font-weight:bold;font-size:0px;}
#buttonul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:0%;text-decoration:none;text-transform:uppercase;;line-height:0%;display:inline-block;color:#f38094;}
#button2{float:right; margin-left:-10%;margin-top:4%;margin-bottom:2%;width:100%;display:inline-block;height:30px;}
#button2 ul li{display:inline-block;width:120px;float:left;text-align:center;}
#button2 ul li a{font-family:Asap,;width:90%;text-decoration:blink;text-transform:none;font-weight:400;line-height:250%;display:inline-block;color:#575757;font-size:15px;}
#button2 ul li a:hover{color:#D5D5D5;font-family:Asap;font-weight:bold;font-size:15px;}
#button2ul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:0%;text-decoration:none;text-transform:uppercase;font-weight:400;line-height:250%;display:inline-block;color:#f38094;}
#button3 ul li a{font-family:Asap;width:100%;margin-left:37%;text-decoration:blink;text-transform:none;font-weight:bold;line-height:250%;display:inline-block;color:#D5D5D5;font-size:25px;}}
                                              /* mobile  360*/

@media screen and (max-width: 360px){ 
#wrapper{margin:0;width:340px;height:100%;}
#content{width:340px;height:auto;}
#work{width:340px;height:auto;}
.item1{width:330px;height:320px; margin-left:5px; margin-top:2%;}
.item1 img{display:block;width:110%;height:80%;}
.item1 h3{font-size:90%;}
.item h3{font-size:70%;}
.item p{font-size:60%;}
.item{width:160px;height:202px;margin:3px;}
#social2{display: block;with:100%;height:20px;margin-top:5%; margin-bottom:0%; margin-left:0%; text-align:left;}
.socialtf2{ display:inherit; margin-left:70px; float:left; width:100px; height:20px}
 .socialtf2 {  opacity:0.4; filter:alpha(opacity=40);}
.socialtf2:hover {  opacity:1;filter:alpha(opacity=100);}
.socialfc2{margin-left:10px; float:left; width:100px; height:28px}
#workbody{width:340px;margin-top:2%;display:inline-block;}
#workbody img{width:90%;position:relative; margin-top:3%;margin-left:4%;margin-right:0%;border-radius:;border:3px solid #D5D5D5;}
#workbody h5{font-family:Lato, Arial, Helvetica, sans-serif;font-size:78%;font-weight:normal;text-align:center;color:#ABABAB;margin:2% 0 2% -1%;}
#footer2{width:340px;height:28px;padding-top:10px;margin-left:0%;margin-top:2%;margin-bottom:1%;background-color:#000;text-align:center;float:left;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;box-shadow:0 1px 3px #00}
#footer2 h7{text-align:center; margin-left:-1%;color:#181818;}
#col{width:310px;height:auto;margin-top:2%; padding-top:4%;margin-left:5px;font-size:90%;}
#col p { font-family:Asap,; text-align: justify;font-size:90%;letter-spacing:0px;margin-bottom:1%; margin-top:20px; margin-left:10px; margin-right:10px;} 
.leftimg {float:left; width:180px; height:auto;  margin: 8px 60px 8px 68px;}
#col h2 { font-size:85%;}
#col2{width:340px;height:auto;margin-top:0%;margin-right:0%;}
#cont2{height:340px;padding-left:1px;padding-top:0%;}
#top{width:340px;height:150px;margin-bottom:1%;text-align:left;}
#logotitle{float:left; text-align: center; margin-left:3%; width:300px;margin-top:-1%;font-size:140%}
#top2{width:340px;height:50%;margin-bottom:1%;}
#footer{width:340px;height:auto; margin-left:-1%; font-size:70%;  margin-top:3%;}
#nav{float:right;margin-top:0%;width:100%;display:block;height:40px; font-size:80%;}
#cont{padding-left:9%;width:150px;margin-left:0;}
#cont2{padding-left:9%;;}
#mini{width:100%;padding-left:-3%;padding-top:6%;}
#button{float:right;position:inherit;margin-top:0%;z-index:99;width:0px;display:inline-block;height:0px;}
#button ul li{display:inline-block;width:0px;float:left;text-align:center;}
#button ul li a{font-family:Asap,;text-decoration:blink;text-transform:none;line-height:0%; margin-left:0px; display:inline-block;color:#575757;font-size:0px;}
#button ul li a:hover{color:#D5D5D5;font-family:Asap;font-weight:bold;font-size:0px;}
#buttonul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:0%;text-decoration:none;text-transform:uppercase;;line-height:0%;display:inline-block;color:#f38094;}
#button2{float:right; margin-left:-10%;margin-top:4%;margin-bottom:2%;width:100%;display:inline-block;height:30px;}
#button2 ul li{display:inline-block;width:113px;float:left;text-align:center;}
#button2 ul li a{font-family:Asap,;width:90%;text-decoration:blink;text-transform:none;font-weight:400;line-height:250%;display:inline-block;color:#575757;font-size:10px;}
#button2 ul li a:hover{color:#D5D5D5;font-family:Asap;font-weight:bold;font-size:10px;}
#button2ul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:0%;text-decoration:none;text-transform:uppercase;font-weight:400;line-height:250%;display:inline-block;color:#f38094;}
#button3 ul li a{font-family:Asap;width:100%;margin-left:37%;text-decoration:blink;text-transform:none;font-weight:bold;line-height:250%;display:inline-block;color:#D5D5D5;font-size:25px;}}