/* a90244 da32b9*/
@import "../css/bootstrap.css";
@import "../css/magnific-popup.css";
@import "http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800";

.bg{width:100%;}
body {
    /*background: url(../images/back3.jpg) repeat scroll 0 0 rgba(0, 0, 0, 0);*/ 
    font-family: "Open Sans",sans-serif;
	/*background-size:cover;
	background-attachment:fixed;
	background-repeat:no-repeat; 
	text-align:justify;*/
	/* background:url(../images/back3.jpg) repeat scroll 0 0 rgba(0, 0, 0, 0); */
	background-repeat:repeat; 
	background:#fff;
	overflow-x:hidden;	
}
h3{color:#da32b9; font-size:25px; font-family:"Microsoft Tai Le";  font-weight:bold; margin:25px 0px;}
.margmenu{margin-left:-50px!important}
.bghead{background-color:#da32b9;}
.hding{font-size:16px; font-weight:bold; margin-top:10px; margin-bottom: 10px; text-align:center}
.bod { border:1px solid #000; }
.p_0 { padding:0; }
.bxsdw{box-shadow: 1px 0 6px gray;}
body a {
    transition: all 0.5s ease 0s;
}
ul {
    margin: 0;
    padding: 0;
}

.p{letter-spacing: 0.5px;}
.header {   
   padding: 30px 0px;
}
.logo {
float: left;
position: absolute;
height: 159px;
width: 159px;
top: -20px;
margin-left: 0px;
z-index: 999;
text-align: center;
}
.logo-space{margin-left: 118px;}
.logo h1 {
    background: none repeat scroll 0 0 #2f3234;
    box-shadow: 9px 9px 1px 1px #c9c9c9;
    font-size: 2.5em;
    font-weight: 700;
    padding: 0.3em;
}
.logo h1 a {
    color: #fff;
    text-decoration: none;
}
.header-bottom {
    float: right;
    width: 60%;
}
.top-nav {
    float: right;
}
.top-nav ul2 {
    background: none repeat scroll 0 0 #2f3234;
    border: 1px solid #bcbcbc;
    border-radius: 15px 1px 15px 0;
}
.top-nav ul2 li {
    display: inline-block;
}
.top-nav ul2 li:nth-child(5) {
    border-right: medium none;
}
.imge_2 img{width: 80px;}
.top-nav ul2 li a {
    color: #585858;
    display: inline-block;
    font-size: 1.1em;
    font-weight: 400;
    margin: 1.2em;
    text-decoration: none;
}
.top-nav ul2 li a:hover, .top-nav ul2 li.active a {
    color: #fff;
}
.top-nav span.menu {
    display: none;
}
#colorchanger {
    position: fixed;
    top: 20%;
    z-index: 1;
}
#colorchanger {
    float: right;
}
.colorbox {
    border-left: 0 none;
    cursor: pointer;
    display: block;
    height: 30px;
    margin: 1px;
    width: 30px;
}
.colorred {
    background-color: #c33737;
}
.colorblack {
    background-color: #6b6d6f;
}
.slider {
    position: relative;
}
.rslides {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.rslides li {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.rslides li:first-child {
    display: block;
    float: left;
    position: relative;
}
.rslides img {
    border: 0 none;
    display: block;
    float: left;
    height: auto;
    width: 100%;
}
.callbacks_tabs a::after {
    background: none repeat scroll 0 0 #bcbcbc;
    border-radius: 50px;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 0;
    height: 12px;
    visibility: visible;
    width: 12px;
}
.callbacks_here a::after {
    background: none repeat scroll 0 0 #c33737;
}
.callbacks_tabs a {
    visibility: hidden;
}
.callbacks_tabs li {
    display: inline-block;
}
ul.callbacks_tabs.callbacks1_tabs {
    bottom: 14px;
    left: 45%;
    position: absolute;
    z-index: 999;
}
.banner {}
.banner-mat {
    padding: 0;
}
.caption {
    position: absolute;
    right: 0;
    text-align: right;
    top: 35%;
}
.caption h2 {
    background: none repeat scroll 0 0 #c33737;
    color: #fff;
    display: inline-block;
    font-size: 2em;
    font-weight: 700;
    padding: 0.5em 0.7em;
    text-transform: uppercase;
}
.caption p {
    background: none repeat scroll 0 0 #2f3234;
    color: #6c6e70;
    font-size: 1.7em;
    font-weight: 100;
    padding: 0.5em 1em;
}
.social-in {
    padding: 1em 0 0;
    text-align: center;
    width: 26%;
}
ul.social-in li {
    display: inline-block;
}
ul.social-in li i {
    background: url("../images/img-sprite.png") no-repeat scroll -15px -18px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 87px;
    transition: all 0.5s ease 0s;
    vertical-align: middle;
    width: 87px;
}
ul.social-in li i.pencil {
    background-position: -111px -18px;
}
ul.social-in li i.drop {
    background-position: -208px -19px;
}
.content-top-in h3 {
    color: #2f3234;
    font-size: 2.2em;
    font-weight: 700;
    text-transform: uppercase;
}
.content-top-in p {
    color: #727272;
    font-size: 2em;
    font-weight: 100;
}
.content-top-in {
    width: 73%;
}
.bottom-content {
    background: none repeat scroll 0 0 #2e3235;
    padding: 0;
    z-index: 0;
}
.grid-bottom h4 {
    color: #fff;
    font-size: 1.5em;
    font-weight: 700;
    text-transform: uppercase;
}
.grid-bottom h4 {
    color: #fff;
    font-size: 1.7em;
    font-weight: 700;
    text-transform: uppercase;
}
.grid-bottom h6 {
    color: #c33737;
    font-size: 1.5em;
    font-weight: 100;
}
.grid-bottom p {
    color: #6d6f71;
    font-size: 1em;
    font-weight: 600;
    line-height: 1.5em;
    margin: 22px 0;
}
.grid {
    padding: 0;
}
.grid-bottom {
    border-bottom: 1px solid #5a5959;
    padding: 2.7em 2.4em;
}
.amet {
    border-bottom: medium none;
}
.content-top {
    border-bottom: 1px solid #bcbcbc;
    padding: 4em 0;
}
.quick {
    background: none repeat scroll 0 0 #da32b9;
    margin: 5.2em 0;
    padding: 2.5em 2em;
    position: relative;
}
.quick label {
    background: url("../images/sh.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 385px;
    left: -65px;
    position: absolute;
    top: -112px;
    width: 71px;
}
.quick h4 {
    color: #fff;
    font-size: 1.5em;
    font-weight: 700;
    text-transform: uppercase;
}

.garment { margin-left:34px; }
.garment p { color:#da32b9; font-size:18px; text-align:center;  font-weight:bold; padding-top:10px;}
.stay p { color:#da32b9; font-size:18px; text-align:center;  font-weight:bold; padding-top:10px;}

.left{margin-top: 20px;}
.left h4 { color:#fff; font-size:20px; font-family:"Microsoft Tai Le";  font-weight:bold; padding-top:15px;}
.left p { color:#fff; text-align:justify; padding-top:10px; line-height:28px; font-size:14px; }

.right{margin-top: 20px;}
.right h4 { color:#fff; font-size:20px; font-family:"Microsoft Tai Le";  font-weight:bold; padding-top:15px;}
.right p { color:#fff; text-align:justify; padding-top:10px; line-height:28px; font-size:14px; }
.right1 { border-left:1px solid #bd376b;  }

.grid-enter {
    margin: 1em 0;
    position: relative;
}
.grid-enter input[type="text"], .grid-enter textarea, .quick input[type="submit"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #d66767;
    color: #d66767;
    font-size: 1em;
    outline: medium none;
    padding: 0.5em;
    width: 100%;
}
.grid-enter textarea {
    height: 95px;
    resize: none;
}
.quick input[type="submit"] {
    color: #fff;
    font-weight: 700;
    transition: all 0.5s ease 0s;
    width: 37%;
}
.quick input[type="submit"]:hover {
    background: none repeat scroll 0 0 #d66767;
}
.grid-enter i {
    background: url("../images/img-sprite.png") no-repeat scroll -425px -137px rgba(0, 0, 0, 0);
    border-left: 1px solid #d66767;
    display: inline-block;
    height: 35px;
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
}
.grid-enter i.mail {
    background-position: -482px -139px;
}
.grid-enter i.mobile {
    background-position: -516px -139px;
}
.grid-enter i.message {
    background-position: -553px -135px;
    border-bottom: 1px solid #d66767;
}
.content-bottom {
    border-bottom: 1px solid #bcbcbc;
}
.content-high{ 
	padding-top:5px;
	padding-bottom:20px;}
.grid:hover span.rollover1 {
    background: url("../images/pl.png") no-repeat scroll center center rgba(11, 10, 9, 0.66);
    cursor: pointer;
    display: block;
    height: 253px;
    position: absolute;
    transition: all 0.3s ease-out 0s;
    width: 284px;
}
.grid {
    position: relative;
    transition: all 0.3s ease-out 0s;
}
.bottom-content-in {
    padding: 4em 0;
}
.left-sit p {
    color: #727272;
    font-size: 1em;
    line-height: 1.5em;
    margin: 0.5em 0;
}
.in-sed, .left-sit {
    float: left;
}
.left-sit {
    width: 74%;
}
.in-sed {
    background: none repeat scroll 0 0 #c33737;
    border-radius: 100px;
    color: #fff;
    font-weight: 600;
    height: 65px;
    margin-right: 6%;
    padding-top: 11px;
    text-align: center;
    width: 65px;
}
.in-sed b {
    display: block;
    font-size: 1.3em;
    line-height: 1em;
}
.in-sed span {
    font-size: 1em;
    font-weight: 100;
}
a.more {
    color: #c33737;
    font-size: 1em;
	
}
a.more:hover {
    color: #2f3234;
    text-decoration: none;
}
a.more b {
    color: #2f3234;
}
.col-in-about {
    padding: 0 0 1.2em;
}
.in-profile h4 {
    color: #2f3234;
    font-size: 1.6em;
    font-weight: 700;
    margin: 0 0 1.2em;
    text-transform: uppercase;
}
.from p {
    color: #727272;
    font-size: 1em;
    line-height: 1.5em;
}
.from {
    border-bottom: 1px solid #bcbcbc;
    padding: 0 0 2em;
}
.from:nth-child(4) {
    border-bottom: medium none;
}
p.sed {
    padding: 2em 0 0;
}
ul.date li {
    display: inline-block;
}
ul.date li span {
    color: #c33737;
    font-size: 0.9em;
    padding: 0 1em 0 0;
}
ul.date li i {
    background: url("../images/img-sprite.png") no-repeat scroll -228px -147px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 16px;
    margin: 0 5px 0 0;
    vertical-align: middle;
    width: 16px;
}
ul.date li i.date-in {
    background-position: -248px -147px;
}
ul.date li i.comment {
    background-position: -274px -148px;
}
ul.date li a {
    color: #c33737;
    text-decoration: none;
}
a.in-more {
    background: #ccc none repeat scroll 0 0;
    border: 1px solid #535353;
    color: #333;
    font-size: 1em;
    font-weight: 700;
    padding: 0.5em;
	
}
a.in-more i {
    background: url("../images/img-sprite.png") no-repeat scroll -201px -144px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 16px;
    transition: all 0.5s ease 0s;
    vertical-align: middle;
    width: 16px;
}
a.in-more:hover {
    background: none repeat scroll 0 0 #da32b9;
    border: 1px solid #da32b9;
    color: #fff;
    text-decoration: none;
}
a.in-more:hover i {
    background: url("../images/img-sprite.png") no-repeat scroll -102px -147px rgba(0, 0, 0, 0);
}
ul.popular {
    padding: 1.5em 0 0;
}
ul.popular li {
    border-bottom: 1px solid #bcbcbc;
    list-style: outside none none;
}
ul.popular li:nth-child(5) {
    border-bottom: medium none;
}
ul.popular li a {
    color: #727272;
    display: block;
    font-size: 1em;
    padding: 0.8em 0;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}
ul.popular li i.dot {
    background: url("../images/img-sprite.png") no-repeat scroll -377px -147px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 16px;
    margin: 0 12px 0 0;
    vertical-align: middle;
    width: 16px;
}
ul.popular li a:hover {
    color: #c33737;
}
p.sag {
    color: #727272;
    font-size: 1em;
    line-height: 1.5em;
}
.about {
    margin-top:25px;
}
.abt1{font-family: "Microsoft Tai Le";
font-size: 16px;
color: #000;
text-align: justify;
line-height: 45px;}
.abt{margin-top:10px}
.about p {
   color:#000;
   font-family:"Calibri";
   text-align:center;
   font-size:22px;
   font-weight:bold; 
}
.sorgam{padding:30px 0px 50px;}
.sorgam h4 {
	color:#0a0a0a; 
	text-align:center;
	font-size:30px;
	font-family:"Broadway";	
}

.sorgam span {
	background-color:#da32b9;
	text-align:center;
	margin-top:10px;
	padding:10px;
	color:#fff;font-weight:bold; 
}

.sorgam p {	
color:#0a0a0a;
font-family:"verdana";
font-size:14px;
text-align:justify;
line-height:33px;
padding:20px 0px 0px;
font-weight:600;	
}

ul.place {
    background: none repeat scroll 0 0 #da32b9;
    border-bottom: 2px solid #de9898;
    margin: 6px 0;
   #padding: 5px;
    width: 100%;
}
ul.place li {
    display: inline-block;
    padding: 3px;
}
ul.place li {
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    text-decoration: none;
}
.our-para {
    float: left;
    margin-right: 2em;
}
.our-head {#background-color:#da32b9;box-shadow:0px 0px 4px gray; #padding:75px}
.our-head h6 {
    font-size: 1.2em;
}
.our-head h6 a {
    color: #000;
    text-decoration: none;
	text-shadow: 1px 1px 1px #c33737;
}
.our-head p, .possible-about p {
    color:#ccc;
    font-size: 1em;
    line-height: 1.5em;
	padding:6px;
}

.our-head p span  { float:right; color:#da32b9;}
.our-head p span a  { float:right; color:#da32b9; text-decoration:none;}
.our-head p span a:hover  { float:right; color:#f00; text-decoration:none;}



.in-about h4, .possible-about h4 {
    color:#EFEFEF;
    font-size: 1.7em;
    font-weight: 700;
    padding: 0 0 1em;
    text-transform: uppercase;
	text-align:center;
}
.about h2 {
    color: #050505;
    font-size:41px;
    text-align: center;
    font-family:"Bell MT";
}

.abt p {
	font-family:"Microsoft Tai Le";
	font-size:16px;
	color:#000;
	text-align:justify;
	line-height:42px;
	
	
}

.tt h4 {
	text-align:left;
	font-size:24px;
	font-weight:bold;
	color:#da32b9;
	padding-bottom:30px;
	
}

.pro img { box-shadow:0px 0px 4px gray; }

.about h2 span {
    color: #da32b9;
    font-size:41px;
    text-align: center;
    font-family:"Bell MT";
}

.four {
    min-height: 440px;
    padding: 8em 0 10em;
    text-align: center;
}
.four h2 {
    color: #c33737;
    font-size: 8em;
    font-weight: 600;
    padding: 0.1em 0 0.3em;
}
.four p {
    color: #000;
    font-size: 1.5em;
}
a.go {
    background: none repeat scroll 0 0 #c33737;
    border: 1px solid #c33737;
    color: #fff;
    font-size: 1em;
    font-weight: 700;
    padding: 0.5em;
}
a.go:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #c33737;
    text-decoration: none;
}
.portfolio h2 {
    color: #c33737;
    font-size: 3em;
    font-weight: 700;
    padding: 0 0 1em;
    text-align: center;
}
.portfolio {
    padding: 5em 0;
}
.work-grid {
    padding: 0 0.5em 1em;
    position: relative;
}
.rotate:hover i {
    transform: rotateY(360deg);
    transition: all 0.8s ease 0s;
}
.rotate i {
    background: url("../images/se.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
    display: inline-block;
    height: 51px;
    margin: 8em 0 0;
    width: 51px;
}
.rotate {
    background: none repeat scroll 0 0 #c33737;
    display: none;
    height: 95.5%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 96.5%;
}
.work-grid:hover .rotate {
    display: block;
}
.contact h2 {
    color: #c33737;
    font-size: 3em;
    font-weight: 700;
    padding: 0 0 1em;
    text-align: center;
}
.contact {
    padding: 6em 1em 4em;
}
p.class-para {
    color: #2f3234;
    font-size: 1.1em;
    line-height: 1.4em;
}
.contact-para h5, .contact-map h5 {
    color: #2f3234;
    font-size: 1.4em;
    font-weight: 700;
    margin: 2em 0;
}
.contact-map h5 {
    margin: 0 0 1em;
}
.grid-contact {
    padding: 0 0 1.5em;
}
.contact-grid input[type="text"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #8d8d8d;
    outline: medium none;
    padding: 11px;
    width: 100%;
}
.contact-grid p {
    color: #838383;
    font-size: 13px;
    margin: 12px 0;
    width: 100%;
}
.contact-para textarea {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #8d8d8d;
    margin: 0;
    outline: medium none;
    padding: 1em;
    resize: none;
    width: 96%;
}
.contact-para input[type="submit"] {
    background: none repeat scroll 0 0 #c33737;
    border: 1px solid #c33737;
    color: #fff;
    font-size: 1.1em;
    font-weight: 700;
    margin: 0 auto;
    outline: medium none;
    padding: 0.5em 1em;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 24%;
}
p.your-para {
    color: #838383;
    font-size: 13px;
    margin: 0 0 1em;
    width: 100%;
}
.contact-para input[type="submit"]:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #c33737;
}
.send {
    padding: 3em 0;
}
.map iframe {
    border: medium none;
    #min-height: 600px;
    width: 100%;
}
.contact-grid {
    padding: 0 2em 0 0;
}
.footer-top {
    background: none repeat scroll 0 0 #333;
    padding: 4em 0;
}
.footer-grid h4 {
    color: #fff;
    font-size: 1.7em;
    font-weight: 700;
    padding: 0 0 1em;
    text-transform: uppercase;
}
.foot_left { margin-top:20px; }
.foot_left h4 { color:#fff; }
.foot_left p { color:#fff; line-height:35px; font-size:14px; }
.foot_center { margin-top:20px; }
.foot_center p { color:#fff; text-align:center; line-height:35px; }


.foot_right { margin-top:20px; }
.foot_right h4 { color:#fff; text-align:center; padding-top:10px; }
.foot_right p { text-align:center; padding-top:10px; }

.address h3 { color:#000; font-size:23px; font-weight:bold; margin-left:-10px; }
.address h4 { color:#9d063e; font-size:22px; font-weight:bold;  padding-top:10px;}
.address p { color:#000; font-family:"Microsoft Tai Le"; text-align:justify; font-size:15px; line-height:30px; }
.address p span { color:#9d063e; font-family:"Microsoft Tai Le"; text-align:justify; font-size:15px; line-height:30px; }

.map h3 { color:#000; font-size:20px; font-weight:bold; padding-bottom:20px; }
.enq h3 { color:#000; font-size:20px; font-weight:bold; }



.footer-left {
    padding: 0;
}
.footer-left img {
    border: 1px solid #535353;
}
.footer-left-in p {
    color: #727272;
    font-size: 1em;
    line-height: 1.5em;
    margin: 0 0 2em;
}
.grid-footer {
    border-top: 1px solid #535353;
    padding: 2em 0 0;
}
p.footer-class {
    background: none repeat scroll 0 0 #26282a;
    color: #727272;
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 2em 0;
    text-align: center;
}
p.footer-class a {
    color: #fff;
    text-decoration: none;
}
p.footer-class a:hover {
    color: #727272;
}
#toTop {
    background: url("../images/up.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    bottom: 25px;
    display: none;
    height: 52px;
    overflow: hidden;
    position: fixed;
    right: 10px;
    text-decoration: none;
    text-indent: 100%;
    width: 52px;
}
@media (min-width: 1440px) and (max-width: 2000px) {

}
@media (min-width: 1367px) and (max-width: 1440px) {
.margmenu{margin-left:140px}
}
@media (min-width: 801px) and (max-width: 1366px) {

.margmenu{#margin-left:50px}

.banner-mat img {height: 345px;}
}
@media (min-width: 800px) and (max-width: 1280px) {
.logo-space	{margin-left:0px;}
.margmenu{margin-left:50px}
.logo{left:3%;}
.banner-mat img {height: 322px;}
.social-in {
    width: 29%;
}
.content-top-in {
    width: 71%;
}
}
@media (min-width: 800px) and (max-width: 1024px) {
.margmenu{margin-left:100px}
.logo{left:5%;}
#cssmenu{margin-left:100px;}
.logo-space	{margin-left:0px;}
.banner-mat img {
    height: 255px;
}
.caption {
    top: 30%;
}
.content-top-in h3 {
    font-size: 1.7em;
}
.content-top-in p {
    font-size: 1.7em;
}
.grid-bottom p {
    height: 41px;
    margin: 3px 0 19px;
    overflow: hidden;
}
.quick {
    margin: 2.2em 0;
}
.left-sit {
    width: 71%;
}
ul.date li span {
    padding: 0 0.1em 0 0;
}
ul.popular li a {
    font-size: 0.88em;
}
.from {
    padding: 0 0 1.2em;
}
p.sed {
    padding: 1.2em 0 0;
}
.footer-left-in p {
    height: 64px;
    overflow: hidden;
}
.grid:hover span.rollover1 {
    height: 208px;
    width: 235px;
}
}
@media (max-width: 800px) {
.margmenu{margin:auto 0;}
.logo-space	{margin-left:0px;}
#cssmenu #menu-button {margin-top:0px}
#cssmenu #menu-button:after {margin-top:0px}
#cssmenu #menu-button:before {margin-top:0px}
}
@media(max-width: 768px) {
.margmenu{margin:auto 0;}
.logo-space	{margin-left:0px;}
.logo{top:6%!important}
#cssmenu #menu-button {margin-top:120px}
#cssmenu #menu-button:after {margin-top:120px}
#cssmenu #menu-button:before {margin-top:120px}
#vlightbox4 .vlightbox4 img{margin:auto 0;}
.bg { background-image:none; }
.gal img { margin-left:10px; margin-top:10px; }
.gal2 img { margin-left:10px; margin-top:10px; }
.gal3 img { margin-left:10px; margin-top:10px; }
.gal4 img { margin-left:10px;  margin-top:5px;}
.sorgam p { padding:10px 0px; }
.abt p { padding:0px 10px; }
.abt{margin:0 auto;}
.garment { margin-left:10px; }
.right { margin-left:17px; padding-right:23px;}
.left { margin-left:17px; padding-right:23px;}
span.menu {
    cursor: pointer;
    display: block;
    position: relative;
    text-align: right;
}
.top-nav ul2 {
    background: none repeat scroll 0 0 #181f21;
    border: 0 none;
    display: block;
    left: 0;
    margin: 1em 0;
    position: absolute;
    width: 100%;
    z-index: 9999;
}
.top-nav span.menu {
    cursor: pointer;
    display: block;
    text-align: right;
    width: 100%;
}
.top-nav ul2 li {
    display: block;
    float: none;
    padding: 1em 0.8em;
    text-align: center;
}
.top-nav ul2 li a {
    color: #fff;
    display: block;
    margin: 0;
}
.top-nav ul2 li a::after {
    background: none repeat scroll 0 0 #fff;
}
.top-nav ul2 li a::after {
    height: 0;
    left: 44%;
    width: 12%;
}
.header {
    padding: 2.5em 0;
}
.top-nav {
    padding: 1em 0 0;
}
.banner-mat img {
    height: 190px;
}
.banner-mat {
    float: left;
    width: 24%;
}
.matter-banner {
    float: left;
    width: 51%;
}
.caption h2 {
    font-size: 1.5em;
}
.caption p {
    font-size: 1.4em;
}
.caption {
    top: 25%;
}
ul.callbacks_tabs.callbacks1_tabs {
    left: 37%;
}
.social-in {
    float: left;
    width: 39%;
}
.content-top-in {
    float: left;
    width: 60%;
}
.content-top-in h3 {
    font-size: 1.5em;
    line-height: 1.4em;
}
.content-top-in p {
    height: 71px;
    overflow: hidden;
}
.grid-bottom, .grid {
    float: left;
    width: 60%;
}
.grid {
    width: 40%;
}
.quick label {
    display: none;
}
.footer-left {
    float: left;
    width: 27%;
}
.footer-left-in {
    float: left;
    width: 63%;
}
ul.popular li a {
    font-size: 1em;
}
.footer-grid {
    padding: 0 0 2em;
}
.footer-top {
    padding: 3em 0;
}
.grid-bottom p {
    margin: 13px 0 32px;
}
.quick input[type="submit"] {
    width: 15%;
}
.quick {
    margin: 2.2em 0 0;
}
.in-profile {
    padding: 0;
}
.grid:hover span.rollover1 {
    height: 256px;
    width: 288px;
}
.work-grid {
    float: left;
    width: 50%;
}
.work-grid:nth-child(9) {
    display: none;
}
.contact {
    padding: 3em 0 2em;
}
.contact-map, .contact-grid {
    padding: 0;
}
.contact-para {
    padding: 1em 0 0;
}
.map iframe {
    min-height: 200px;
}
.send {
    padding: 2em 0;
}
.contact-grid input[type="text"], .contact-para textarea {
    width: 95%;
}
.contact-para h5, .contact-map h5 {
    margin: 1em 0;
}
.about {
    padding: 3em 0 0;
}
.in-about, .possible-about {
    padding: 0;
}
.portfolio {
    padding: 3em 0;
}
.contact h2 {
    padding: 0;
}
.grid-contact {
    padding: 0;
}
p.your-para {
    margin: 1em 0;
}
}
@media (max-width: 640px) {
.margmenu{margin:auto 0;}
.logo-space	{margin-left:0px;}
.logo{top:3%!important}
.imgmob{margin:0 auto;}
.sorgam p { padding:10px 0px; }
.abt p { padding:0px 10px; }
.abt{margin:0 auto;}
#cssmenu #menu-button {margin-top:120px}
#cssmenu #menu-button:after {margin-top:120px}
#cssmenu #menu-button:before {margin-top:120px}
#vlightbox4 .vlightbox4 img{margin:auto 0;}
.banner-mat img {
    height: 155px;
}
.caption h2 {
    font-size: 1.3em;
}
.caption p {
    font-size: 1.2em;
}
ul.callbacks_tabs.callbacks1_tabs {
    left: 34%;
}
.social-in {
    width: 47%;
}
.content-top-in {
    width: 53%;
}
.grid-bottom p {
    height: 61px;
    margin: 10px 0 21px;
}
.grid-bottom h6 {
    font-size: 1.2em;
}
.grid-bottom h4 {
    font-size: 1.4em;
}
.grid-bottom {
    padding: 2em;
}
.content-top {
    padding: 2em 0;
}
.bottom-content-in {
    padding: 3em 0;
}
.grid:hover span.rollover1 {
    height: 209px;
    width: 236px;
}
.rotate {
    height: 94%;
    width: 95.5%;
}
.our-para {
    float: none;
    margin: 0 auto;
    width: 100%;
}
.our-para img {
    margin: 0 auto;
}
.our-head {
    padding: 1em 0;
}
}
@media (max-width: 480px) {
.margmenu{margin:auto 0;}
.logo-space	{margin-left:0px;}
.sorgam p { padding:10px 0px; }
.abt p { padding:0px 10px; }
.abt{margin:0 auto;}
#cssmenu #menu-button {margin-top:130px}
#cssmenu #menu-button:after {margin-top:130px}
#cssmenu #menu-button:before {margin-top:130px}
#vlightbox4 .vlightbox4 img{margin:auto 0;}
.banner-mat, .matter-banner, .social-in, .content-top-in {
    float: none;
    width: 100%;
}
.matter-banner {
    padding: 0;
}
.banner-mat:nth-child(1), .banner-mat:nth-child(3) {
    display: none;
}
.grid-bottom p {
    display: none;
}
.grid-bottom h4 {
    font-size: 1.2em;
}
.grid-bottom h6 {
    margin: 0 0 1.2em;
}
.quick input[type="submit"] {
    width: 22%;
}
.footer-left-in p {
    height: 46px;
    margin: 0 0 1em;
}
.footer-grid h4 {
    font-size: 1.3em;
}
.footer-top {
    padding: 3em 0 1em;
}
.caption {
    top: 33%;
}
ul.callbacks_tabs.callbacks1_tabs {
    left: 38%;
}
.content-top-in {
    padding: 1em 0 0;
}
.social-in {
    padding: 0;
}
.content-bottom {
    padding: 3em 0;
}
.bottom-content-in {
    padding: 2em 0;
}
.content-top-in p {
    font-size: 1.5em;
    height: 61px;
}
.grid:hover span.rollover1 {
    height: 153px;
    width: 172px;
}
.rotate i {
    margin: 4em 0 0;
}
.rotate {
    height: 92%;
    width: 93.5%;
}
.portfolio h2 {
    font-size: 2em;
    padding: 0 0 0.8em;
}
.about h2, .contact h2 {
    font-size: 2em;
}
.about {
    padding: 2em 0 0;
}
.in-about h4, .possible-about h4 {
    font-size: 1.4em;
    padding: 0 0 0.7em;
}
.portfolio {
    padding: 2em 0;
}
.contact-para input[type="submit"] {
    width: 33%;
}
.matter-banner {
    z-index: 0;
}
}
@media (max-width: 320px) {
.margmenu{margin-left: auto !important;}
.logo{text-align:center;float:none;}
#cssmenu #menu-button {margin-top:120px}
#cssmenu #menu-button:after {margin-top:120px}
#cssmenu #menu-button:before {margin-top:120px}
#vlightbox4 .vlightbox4 img{margin:auto 0;}
.header {
    padding: 1.5em 0;
}
.logo h1 {
    font-size: 2em;
}
.top-nav {
    padding: 0.8em 0 0;
}
.caption h2 {
    font-size: 1.1em;
}
.caption p {
    font-size: 1em;
}
.content-top-in h3 {
    font-size: 1.2em;
}
ul.callbacks_tabs.callbacks1_tabs {
    left: 36%;
}
.content-top-in p {
    font-size: 1.3em;
    height: 49px;
}
.content-top {
    padding: 1.5em 0;
}
.quick input[type="submit"] {
    width: 37%;
}
.quick {
    margin: 1.2em 0 0;
    padding: 1.5em;
}
.in-sed {
    height: 55px;
    width: 55px;
}
.in-sed b {
    font-size: 1.1em;
}
.in-sed span {
    font-size: 0.9em;
}
.in-sed {
    height: 55px;
    width: 55px;
}
.left-sit p {
    height: 60px;
    overflow: hidden;
}
.col-in-about {
    padding: 0 0 0.2em;
}
.in-profile h4 {
    font-size: 1.3em;
    margin: 0 0 0.7em;
}
ul.date li span {
    font-size: 0.87em;
}
ul.popular li a {
    font-size: 0.8em;
}
p.footer-class {
    font-size: 1em;
    padding: 1.5em 0;
}
.content-bottom, .bottom-content-in {
    padding: 1.5em 0;
}
.grid, .grid-bottom {
    float: none;
    width: 100%;
}
.grid-bottom {
    padding: 1.5em;
}
.quick h4 {
    font-size: 1.3em;
}
p.sag {
    font-size: 0.9em;
}
.footer-grid h4 {
    font-size: 1.1em;
    padding: 0 0 0.8em;
}
.footer-left {
    width: 39%;
}
.footer-left-in {
    width: 60%;
}
.grid-footer {
    padding: 1em 0 0;
}
.footer-grid {
    padding: 0 0 1.5em;
}
.grid:hover span.rollover1 {
    height: 239px;
    width: 269px;
}
a.in-more {
    font-size: 0.9em;
}
.about h2 {
    font-size: 1.8em;
}
.in-about h4, .possible-about h4 {
    font-size: 1.2em;
}
p.in {
    display: none;
}
.about {
    padding: 1.5em 0 0;
}
.four {
    min-height: 340px;
    padding: 4em 0 6em;
}
.four h2 {
    font-size: 7em;
}
.portfolio h2 {
    font-size: 1.7em;
    padding: 0 0 0.6em;
}
.contact h2 {
    font-size: 1.7em;
}
.rotate i {
    background: url("../images/se.png") no-repeat scroll 0 0 / 35px auto rgba(0, 0, 0, 0);
    height: 36px;
    margin: 2em 0 0;
    width: 36px;
}
.rotate {
    height: 86%;
    width: 90.5%;
}
.portfolio {
    padding: 1.5em 0 1em;
}
.contact {
    padding: 1.5em 0 1em;
}
.contact-para h5, .contact-map h5 {
    font-size: 1.2em;
    margin: 0.5em 0;
}
.map iframe {
    min-height: 150px;
}
p.class-para {
    font-size: 1em;
    height: 42px;
    overflow: hidden;
}
.contact-grid p {
    margin: 8px 0;
}
.contact-para input[type="submit"] {
    font-size: 1em;
    width: 50%;
}
.send {
    padding: 1em 0;
}
.footer-top {
    padding: 1.5em 0 0;
}
}

.hvr-box-shadow-outset {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow;
    vertical-align: middle;
}
.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
    box-shadow: 2px 2px 5px  #000;
}
.text-hvr {
    left: 0;
    margin-top: -9%;
    position: absolute;
    text-align: left;

}
.text-hvr h2 {
    background: none repeat scroll 0 0 #da32b9;
    color: #fff;
    font-size: 1.5em;
    font-weight: 700;
    text-transform: uppercase;
	padding:5px;
}

.bord{border-right: 1px solid #bcbcbc;}

/* CSSTerm.com Simple Horizontal DropDown CSS menu */

.drop_menu li a {
	text-decoration:none;
}

/* Submenu */
.drop_menu ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
}
.drop_menu li:hover { position:relative;}
.drop_menu li:hover ul {
	margin:0 auto;
    top: 70%;
    border: 1px solid;
    border-radius: 0px;
	width: 98%;
}

.drop_menu li:hover ul li a {

	width:130px;
}

.li-bro{ border-bottom:1px solid #ccc; width:161px;}
.li-top{ border-top:1px solid #ccc;}
.menu-back{box-shadow: 9px 9px 1px 1px #000; border-radius: 0px 0px 22px 0px; border: none;}
.image_al img{ width:50%;}
.hvr-out li{ list-style:none;}

.pro-1{height:auto; padding-top:10px; color:#fff}
.pro-1 span{padding-left:20px;}
.new-img{ width:400px;}
.new-img img{ padding-right:4px;}

.foot1 h3 { color:#efefef; font-size:30px; font-family:Broadway; padding-top:20px; margin:10px 0px}
.foot1 p { color:#efefef; font-family:verdana; font-size:14px; line-height:30px;}

.foot2 h4 { color:#fff; font-family:Microsoft Tai Le; font-size:16px; padding-top:25px; font-weight:bold; }
.foot2 p { color:#efefef; font-family:verdana; font-size:14px; line-height:26px; }
.foot2 p a { color:#efefef; font-family:verdana; font-size:14px; line-height:26px; }
.foot2 p a:hover { color:#fff; font-family:verdana; font-size:14px; line-height:26px; }


.gal2 img { margin-left:20px; }
.gal3 img { margin-left:30px; }
.gal4 img { margin-left:40px; }

.f1 h4 { color:#7f8183; font-size:16px; padding-top:25px; padding-bottom:20px; }

.f2 { float:right; }

.f2 p { color:#7f8183; font-size:16px; padding-top:20px; padding-bottom:20px; }

.gallery h3 {color:#0e0e0e; font-size:30px; text-align:center; font-weight:bold; padding-bottom:30px; }

.abtbg {background-image:url(../images/abtbg.png); background-repeat:no-repeat; padding-bottom:30px;  }



/* owl profile*/

/* owl profile*/