@charset "utf-8";
/* CSS Document */
body {
font-family: 'Roboto', sans-serif;

background-color: white;
text-rendering: optimizeLegibility;
}
#menu .item-116.parent>ul, #menu .item-116.parent>ul>li{
width: 250px !important;
}

a{	margin:0px;
padding:0px;
}
h1 {
font-size: 22px;
padding-top: 0px;
text-align: center;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 0px;
font-weight: bolder;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 25px;
background-image: url(../images/head.png);
background-repeat: no-repeat;
background-position: center bottom;
margin: 0px;
margin-bottom: 20px;
}
h1 span{
color:#944a75;
}
h1 span.main-color{	font-size:13px; color:#666; font-weight:lighter; padding-top:15px;}
h1 span.color{ color:#c42229; font-weight:lighter;}
h1 spna.color{	color:#F00;
font-weight:lighter;}
h2 {
font-size: 20px;
padding: 0px;
text-align: center;
color: #944a75;
clear:both;
text-transform: uppercase;
background-image: url(../images/h2_head.jpg);
background-repeat: no-repeat;
background-position: center bottom;
font-weight: 700;
line-height: 50px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
}
.responsive-navigation .custom.pp {
    padding-top: 0;
}
.web2 {
margin: 0px;
padding: 0px 0% 0 0%;
width: 60%;
float: right;
}
.web1 {
margin: 0px;
padding: 0px 0% 0 0%;
width: 40%;
float: left;
}
.ab_left_text
{
padding: 60px;      
}
 

.ab_left_text p {
margin-bottom: 15px;
text-align: justify;
font-size:18px;
color: #777777;
}
.services-pics {
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
transition: all .5s ease;
}

.services-pics:hover {
width: 300px;
height: 300px;
}
.height-450 {
height: 450px;
}

.scroll-botton {
width: 50px;
height: 50px;
position: absolute;
z-index: 99;
top:90%;
left: 49%;
}
.main-header {
position: fixed;
background: rgba(255, 255, 255, 0.7);
width: 100%;
margin: 0 auto;
z-index: 99;
top:0px;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
border-top-width: 4px;
border-top-style: solid;
border-top-color: #944a75;
}
.foot_new ul 
{
list-style-type: none;
padding: 0;
margin:0;
} 

#footer_section .foot_new ul li   
{

text-align:center;
}    
#footer_section .foot_new ul li a      
{
color: #b1b1b1;
font-size: 14px;
text-align:center;
} 

.mainHeading {
font-weight: 700;
font-size: 100px;
position: relative;
top: -15px;
left: -45px;
text-align: right;
color: #d2d0d0;
}
.greyfoot
{
background-color:#4d4e4e;     
}
.ab_left_text h4 {
margin: 0px;
font-size: 38px;
font-weight: 300;
color: #23252d;
background-repeat: no-repeat;
background-position: left center;
height: 100px;
padding-left: 100px;
padding-top: 26px;
margin-bottom: 13px;
}
.ab_left_text h3 {
font-size: 30px;
font-family: 'Montserrat', sans-serif;
color: #004a71;
text-align: left;
margin-bottom: 15px;
}
.otherservicebox {
width: 100%;
margin: 0;
float: left;
padding: 5% 8%;

box-sizing: border-box;
}
.margin-right
{
margin-right:2%;	
}
.other-ser-list { position:relative; overflow:hidden;margin-bottom: 20px;}
.other-ser-list:before { position:absolute; content:''; left:0; top:0; width:100%; height:100%; z-index:1; width: 100%;
height: 100%;
opacity: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#087cd6+0,514a9d+100 */
background: #087cd6; /* Old browsers */
background: -moz-linear-gradient(left, #087cd6 0%, #514a9d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #087cd6 0%,#514a9d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #087cd6 0%,#514a9d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#087cd6', endColorstr='#514a9d',GradientType=1 ); /* IE6-9 */}

.other-ser-list:hover:before { opacity:0.7;
transition-duration: .6s; width:100%; height:100%;}

.other-ser-list a { position:absolute; left:0px; top:0px; z-index:2; display:block; width:100%; height:100%;padding-top: 70px;padding-left: 16px; }
.other-ser-list h3 { color:#FFF; font-size:22px; text-transform:uppercase;}
.other-ser-list img {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%); transition:all 0.5s}
.other-ser-list:hover img {-webkit-filter: grayscale(0);filter: grayscale(0);}
.servicebox
{
width: 32%;
float: left;
padding: 0px 0;
border: 1px solid #000;	
box-sizing: border-box;
}
.about_container
{
width: 100%;
margin: 0;
float: left;
padding: 50px 20px;
background-color: #e0e0e0;
box-sizing: border-box;
}
section.about_area.p_120 {
width: 100%;
float: left;
background-color: #f9f9f9;
padding: 0 5%;
box-sizing: border-box;
}
.Webbox .web1 .ab_img img:hover{
background-size: 125%;
transition: all .5s ease;
}
.elctro-wrap {
margin-top: 10px;
padding: 0 10px;
}

.elctro-wrap  p {
margin-bottom: 15px;
text-align: justify;
font-size: 18px;
color: #777777;
}
.about_container h1 {
font-size: 25px;
font-family: 'Montserrat', sans-serif;
color: #004a71;
text-align: center;

}
.about_container p {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
color: #004a71;
text-align: center;
padding:0 20px 10px 20px;
}


.banner {
height:700px;
}

.foot_new h6 {
font-size: 20px;
color: #e9d8e2;
text-align: center;
font-weight: bold;
margin-bottom: 15px;
}

.elctro-wrap h3 {
font-size: 30px;
font-family: 'Montserrat', sans-serif;
color: #004a71;
text-align: left;
margin-bottom: 15px;
}
/* start transparent background */
.subhead_box
{
width: 60%;	
}

.about_container .col-md-3
{
width:20%;
}
.sub-anchor
{
margin: 0;
padding: 3% 10%;
border: 1px solid #303030;
}
.body-anim-cta {
display: flex;
margin: 0 0 0px;
justify-content: center;
align-items: center;
}

.body-anim-cta .col-md-3 a {
min-width: 230px;
}
.body-anim-cta a:hover {
background-color: #015190;
color: #fff;
}
.body-anim-cta a {
min-width: 225px;
display: table-cell;
font-size: 14px;
text-transform: capitalize;
color: #015190;
background-color: #fff;
border: 2px solid #015190;

font-weight: 700;
text-align: center;
height: 55px;
line-height: 1;
border-radius: 50px;
background-color: #eee;
border: none;
border-radius: 0px;
color: #23252d;
font-weight: 400;
vertical-align: middle;
transition: all 0.5s ease;
}
.inner-ser-section1 {
padding-top: 60px;
padding-bottom: 60px;
float: left;
width: 100%;
}
.container-1280-wrp {
    width: 100%;
    margin: 0 auto;
    padding: 0 5%;
    box-sizing: border-box;
}

.no-margin {
margin-left: 0px;
margin-right: 0px;
}
.inner-page-title h2 {
font-size: 38px;
margin: 0px;
color: #23252d;
font-weight: 300;
position: relative;
padding-top: 17px;
}
.inner-content-area {
font-weight: 300;
color: #23252d;
}
.inner-content-area h2.font-weight-semi-bold, .inner-content-area h2.font-weight-bold {
font-size: 16px;
font-weight: 300 !important;
line-height: 26px;
margin-bottom: 10px;
}

.portfolio-experiment a, .portfolio-experiment-white a {
color: #303030;
padding: 0.7em calc(0.7em * 1.2);
display: inline-block;
border: 3px solid transparent;
position: relative;
font-size: 13px;
cursor: pointer;
letter-spacing: 0.07em;
}
.portfolio-experiment a .text, .portfolio-experiment-white a .text {

transform: translate3d(0, 0.7em, 0);
display: block;
transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0.4s;
}
.portfolio-experiment a::after {
position: absolute;
content: '';
bottom: -3px;
left: calc(0.7em * 1.2);
right: calc(0.7em * 1.2);
height: 2px;
background: #303030;
transition: transform 0.8s cubic-bezier(1, 0, 0.37, 1) 0.2s, right 0.2s cubic-bezier(0.04, 0.48, 0, 1) 0.6s, left 0.4s cubic-bezier(0.04, 0.48, 0, 1) 0.6s;
transform-origin: left;
}
.portfolio-experiment .line, .portfolio-experiment-white .line {
position: absolute;
background: #000;
}
.portfolio-experiment .line.-right, .portfolio-experiment .line.-left, .portfolio-experiment-white .line.-right, .portfolio-experiment-white .line.-left {
width: 2px;
bottom: -3px;
top: -3px;
transform: scale3d(1, 0, 1);
}
.portfolio-experiment .line.-top, .portfolio-experiment .line.-bottom, .portfolio-experiment-white .line.-top, .portfolio-experiment-white .line.-bottom {
height: 2px;
left: -3px;
right: -3px;
transform: scale3d(0, 1, 1);
}
.portfolio-experiment .line.-right, .portfolio-experiment-white .line.-right {
right: -3px;
transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.23s;
transform-origin: top;
}
.portfolio-experiment .line.-top, .portfolio-experiment-white .line.-top {
top: -3px;
transition: transform 0.08s linear 0.43s;
transform-origin: left;
}
.portfolio-experiment .line.-left, .portfolio-experiment-white .line.-left {
left: -3px;
transition: transform 0.08s linear 0.51s;
transform-origin: bottom;
}
.portfolio-experiment .line.-bottom, .portfolio-experiment-white .line.-bottom {
bottom: -3px;
transition: transform 0.3s cubic-bezier(1, 0, 0.65, 1.01);
transform-origin: right;
}
.portfolio-experiment a:hover .text,
.portfolio-experiment a:active .text,
.portfolio-experiment-white a:hover .text,
.portfolio-experiment-white a:active .text {
transform: translate3d(0, 0, 0);
transition: transform 0.6s cubic-bezier(0.2, 0, 0, 1) 0.4s;
}
.portfolio-experiment a:hover::after,
.portfolio-experiment a:active::after,
.portfolio-experiment-white a:hover::after,
.portfolio-experiment-white a:active::after {
transform: scale3d(0, 1, 1);
right: -3px;
left: -3px;
transform-origin: right;
transition: transform 0.2s cubic-bezier(1, 0, 0.65, 1.01) 0.17s, right 0.2s cubic-bezier(1, 0, 0.65, 1.01), left 0s 0.3s;
}
.portfolio-experiment a:hover .line,
.portfolio-experiment a:active .line,
.portfolio-experiment-white a:hover .line,
.portfolio-experiment-white a:active .line {
transform: scale3d(1, 1, 1);
}
.portfolio-experiment a:hover .line.-right,
.portfolio-experiment a:active .line.-right,
.portfolio-experiment-white a:hover .line.-right,
.portfolio-experiment-white a:active .line.-right {
transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.2s;
transform-origin: bottom;
}
.portfolio-experiment a:hover .line.-top,
.portfolio-experiment a:active .line.-top,
.portfolio-experiment-white a:hover .line.-top,
.portfolio-experiment-white a:active .line.-top {
transition: transform 0.08s linear 0.4s;
transform-origin: right;
}
.portfolio-experiment a:hover .line.-left,
.portfolio-experiment a:active .line.-left,
.portfolio-experiment-white a:hover .line.-left,
.portfolio-experiment-white a:active .line.-left {
transition: transform 0.08s linear 0.48s;
transform-origin: top;
}
.portfolio-experiment a:hover .line.-bottom,
.portfolio-experiment a:active .line.-bottom,
.portfolio-experiment-white a:hover .line.-bottom,
.portfolio-experiment-white a:active .line.-bottom {
transition: transform 0.5s cubic-bezier(0, 0.53, 0.29, 1) 0.56s;
transform-origin: left;
}
.scrolled {
position: fixed;
left: 0;
top: 0;
background: rgba(255, 255, 255, 0.6);
-webkit-box-shadow: 0px 3px 7px -1px rgba(255,255,255,0.75);
-moz-box-shadow: 0px 3px 7px -1px rgba(255,255,255,0.75);
box-shadow: 0px 3px 7px -1px rgba(255,255,255,0.75);
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}

.pp{padding-top:5%;
padding-bottom:5%;}

#footer-logos{
background:url(../images/footer-section.jpg) repeat-x top left;
padding:20px 0px;
color: #282828;
text-align: center;
margin-top:25px;
}
#footer-logos h2{
font-size:25px;
text-align: center;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 25px;
padding-left: 0px;
}
#footer-logos h2 span{	color:#c42229;}
.logo-wrapper { margin:10px 0px;
}

.logo-wrapper img { width:100%;
}
@media screen and (min-width: 989px) {

}
@media screen and (min-width: 1200px) {

}

/*--end of menu section--*/
#content_section{
text-align:center;
margin:0px;
padding:0px;
}
#content_section img{	max-width:100%;}
.content_inner{ padding:20px 0px;
text-align:justify;
letter-spacing:1px;}
#content_section p{	margin-bottom:25px;
line-height:23px;
font-size:13px;
color:#666;}
#content_section p.buyer_g {
background: url(../images/buyer-g.jpg) no-repeat left top;
font-weight: 700;
font-size: 15px;
padding-left: 33px;
}
#content_section p{
margin-bottom: 25px;
line-height: 23px;
font-size: 16px;
color: #666;
padding: 0 15%;
}

#content_section .box{	border:solid 1px #e3e3e3;}
#content_section .box img{	max-width:100%;
padding:7px;
margin-bottom:10px;}
#content_section a {
border:solid 1px #944a75;
line-height:40px;
display: table;
margin:0px auto;
color: #944a75;
padding:0 10px;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
#content_section a:hover{	text-decoration:none;
background:#944a75;
color:#fff;}

.bottom-footer {
text-align: left;
margin-top:0px;
color: #999;
line-height: 34px;
}
.footer_pay {
color: #c5c5c5;
margin: 10px 0px;
line-height: 30px;
padding: 0px 0 20px 0;
border-bottom: solid 1px #7b7b7b;
font-size: 14px;
}
.footer_pay_line{ margin:0px;}

.foo_social{	margin:0px;
padding:0px;
}
.foo_social a img{	border:solid 1px #7d7d7d;
padding:0px;
margin:0px 2px;}
.foo_social a img:hover{ background:#b87900;
border:solid 1px #d67400;}

.bottom-footer a{	color:#e3e3e3;}
.bottom-footer a:hover{	color:#fff;}
.footer-logs {
width: 100%;
}
.footer-logos{
width: 960px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#footer_section{
margin:0px;
padding:0px;
padding-bottom:15px;
letter-spacing:1px;
background-color: #4d4e4e;
}
#footer_section h2 {
margin: 0px;
padding: 0px;
font-size: 17px;
color: #484848;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
margin-bottom:15px;
padding-bottom:15px;
background:url(../images/box_head.png) no-repeat left bottom;
}
/*#footer_section h3{	text-transform:uppercase;
font-size:15px;}
#footer_section ul{	margin:0px;
padding:0px;
}
#footer_section ul li{	list-style:none;
line-height:28px;
border-bottom: dotted 1px #e3e3e3;
}
#footer_section ul li a{	padding-left:19px;
background:url(../images/arrow.png) no-repeat -5px center;
color:#484848;
font-size:13px;
text-decoration:none;
}
#footer_section ul li a:hover{	color:#ff9934;}*/
#footer_section .address{
padding-left:36px;
background:url(../images/address.png) no-repeat left top;
margin-bottom:15px;
line-height:25px;
font-size:13px;
}
#footer_section .mobno{
padding-left:36px;
font-size:13px;
background-image: url(../images/top-icons.png);
background-repeat: no-repeat;
background-position: left -152px;
line-height: 28px;
}
#footer_section .giicons{
padding:4px 0px;
margin-bottom:10px;
border-bottom:solid 1px #e3e3e3;
border-top:solid 1px #e3e3e3;
}
#footer_section .form-control {
display: block;
width: 100%;
height: 40px;
padding: 11px;
font-size: 14px;
line-height: 1.42857143;
color: #484848;
background-color: #fff;
background-image: none;
border: solid 1px #e3e3e3;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#footer_section .input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: #fff !important;
text-align: center;
background-color: #ff9934;
border:  none;
border-radius: 0px;
}
#footer_section .input-group-addon a{	color:#fff;}
.header_menu{	margin:0px;
padding:0px;
color:#944a75;
}
.header_menu ul{	margin:0px;
padding:0px;
margin-top:10px;
}
.header_menu ul li {
float: right;
line-height: 30px;
list-style: none;
padding-left: 35px;
padding-right:10px;
letter-spacing:1px;

}
.header_menu ul li.leftnone{border-right:none !important;}
.header_menu ul li.rightnone{border-left:none !important;	}
.header_menu ul li.phone{	background: url(../images/top-icons.png) no-repeat 6px -154px;}
.header_menu ul li.email{	background: url(../images/top-icons.png) no-repeat 5px -106px;}
.header_menu ul li a{	list-style:none;
color:#944a75;
text-decoration:none;
}
.header_menu ul li a:hover{ color:#fff;}
/* boxes section here */
#case-study{	margin:0px; }
.grid figure {
position: relative;
float: left;
overflow: hidden;
margin: 0px;
min-width: 320px;
max-width: 480px;
max-height:225px;
width:100%;
background: #000;
text-align: center;
cursor: pointer;
}
.grid .col-md-4 {
padding: 0;
cursor: pointer;
color: #fff;
transition: background .5s;
}

.grid figure img {
position: relative;
display: block;
min-height: 100%;
max-width: 100%;	
background:#000;
}

.grid figure figcaption {
padding:1em;
color: #fff;

text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
pointer-events: none;

}

.grid figure figcaption,
.grid figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}

.grid figure h2 {
word-spacing: -0.15em;
font-family: "Roboto", Arial, sans-serif;
text-shadow: 1px 1px 1px #000;
font-size:20px;
font-weight: 300;
}

.grid figure h2 span {
font-weight: 800;
}

.grid figure h2,
.grid figure p {
margin: 0;

}

.grid figure p {
letter-spacing: 1px;
font-size: 68.5%;
}

/*---------------*/
/***** Layla *****/
/*---------------*/

figure.effect-layla {
background: #fff;
}

figure.effect-layla img {
height:255px;

}

figure.effect-layla figcaption {
padding:2em;

}
figure.effect-layla figcaption:hover{	background: rgb(148, 74, 117)}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
position: absolute;
content: '';
opacity: 0;
}

figure.effect-layla figcaption::before {
top:35px;
right: 30px;
bottom:35px;
left: 30px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
top: 30px;
right: 35px;
bottom: 30px;
left: 35px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;

}

figure.effect-layla h2,
figure.effect-layla p {
padding:0em 2em;
text-transform: none;
opacity: 0;
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0);
}
figure.effect-layla h2{	     text-transform: uppercase; 
font-weight: bolder;
font-size: 15px;
border: none;
background: none;
color: #fff;
line-height: 2em;
letter-spacing: 1px;}

figure.effect-layla p a{	display: table;
clear:both;
border:solid 1px #fff;
padding:0px 10px;
color:#fff;
text-decoration:none;
line-height:35px;
margin-top:10px !important;
margin:0px auto;}

figure.effect-layla img,
figure.effect-layla h2 {
-webkit-transform: translate3d(0,-30px,0);
transform: translate3d(0,-30px,0);
}

figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla p {

-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}

figure.effect-layla:hover img {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}

figure.effect-layla:hover h2,
figure.effect-layla:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
/*--second box--*/
/* Common style */
.grid figure2 {
position: relative;
float:left;
overflow: hidden;
margin: 0px;
min-width:320px;
max-width:480px;
max-height:450px;
height:510px;
width:100%;
background:#000;
text-align: center;
cursor: pointer;
}
.grid .col-md-3 {
padding:0px;
cursor: pointer;
color: #fff;
transition: background .5s;
}

.grid figure2 img {
position: relative;
display: block;
min-height: 100%;
max-width: 100%;
opacity: 0.8;
}

.grid figure2 figcaption {
padding:2em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.grid figure2 figcaption::before,
.grid figure2 figcaption::after {
pointer-events: none;
}

.grid figure2 figcaption,
.grid figure2 figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure2 figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}

.grid figure2 h2 {
word-spacing: -0.15em;
font-family: "Roboto", Arial, sans-serif;
font-size:20px;
text-shadow: 1px 1px 1px #000;
font-weight: 300;
}

.grid figure2 h2 span {
font-weight: 800;
}

.grid figure2 h2,
.grid figure2 p {
margin: 0;
}

.grid figure2 p {
letter-spacing: 1px;
font-size: 68.5%;
}

/*---------------*/
/***** Layla *****/
/*---------------*/

figure2.effect-layla {
background: #fff;
}

figure2.effect-layla img {
height:600px;
opacity: 0.9;
background:#000;
}

figure2.effect-layla figcaption {
padding: 3em;
}
figure2.effect-layla figcaption:hover{	background: rgb(148, 74, 117);}
figure2.effect-layla figcaption::before,
figure2.effect-layla figcaption::after {
position: absolute;
content: '';
opacity: 0;
}

figure2.effect-layla figcaption::before {
top: 50px;
right: 30px;
bottom: 50px;
left: 30px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}

figure2.effect-layla figcaption::after {
top: 30px;
right: 50px;
bottom: 30px;
left: 50px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
figure2.effect-layla h2{	text-transform:uppercase;
font-weight:bolder;
font-size:17px;
border:none;
background:none;
color:#fff;
letter-spacing:1px;}

figure2.effect-layla p a{	display: table;
clear:both;
border:solid 1px #fff;
padding:0px 10px;
color:#fff;
text-decoration:none;
line-height:35px;
margin-top:10px !important;
margin:0px auto;}
figure2.effect-layla h2 {
padding-top:30%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure2.effect-layla h2,
figure2.effect-layla p {
padding:0em 2em;
text-transform: none;
opacity: 0;
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0);
}

figure2.effect-layla img,
figure.effect-layla h2 {

-webkit-transform: translate3d(0,-30px,0);
transform: translate3d(0,-30px,0);
}

figure2.effect-layla img,
figure2.effect-layla figcaption::before,
figure2.effect-layla figcaption::after,
figure2.effect-layla p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}

figure2.effect-layla:hover img {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

figure2.effect-layla:hover figcaption::before,
figure2.effect-layla:hover figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}

figure2.effect-layla:hover h2,
figure2.effect-layla:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

figure2.effect-layla:hover figcaption::after,
figure2.effect-layla:hover h2,
figure2.effect-layla:hover p,
figure2.effect-layla:hover img {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;

}
/*--get in touch--*/
.site-footer {
padding: 0px;
width: 100%;
clear: both;
margin-top:0px;
height: 100%;
padding-bottom:25px;
background-position: top;
}

.site-footer .col-md-2 {position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
}
#getin_touch{	position:relative;
margin:0px;}
.first-footer {
padding: 0px;
background-image: url(../images/stamp.png);
background-repeat: no-repeat;
background-position: 95% bottom;
}
.first-footer .form-group {
margin-bottom: 0px;
}
.first-footer .form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #fff;
background-color: #fff;
background-image: none;
border: 1px solid #6d6d6d;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.btn-primary {
color: #FFF;
background:#944a75;
border-color: #944a75;
border-radius:0px;
line-height:7px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
color: #fff;
background-color: #646465;
border-color: #646465;
}
.contact-form { margin-top:25px; }
.contact-form input, .contact-form textarea { width: 100%; display: block; border: 1px solid #944a75; padding: 10px 15px; outline: 0; }
.contact-form input { height:34px; margin-bottom:0px; line-height:12px; }
.contact-form label { font-weight: normal; }
.contact-form label.required:after { content: "*"; color: red; margin-left: 5px; }
/*--testimonials script here--*/
#testimonia{
margin:0px;
padding:0px;
background-image: url(../images/testim.jpg);
background-repeat: no-repeat;
background-position: center top;
color: #e0dede;
letter-spacing: 1px;
text-align: center;
padding-bottom:25px;
padding-top:15px;
}
#testimonia h2{ margin:0px;
border:none;
padding:0px;
}
#testimonia p{
line-height:23px;
font-weight:lighter;
font-size:12px;
padding-left:75px;
background-image: url(../images/tes-q-1.png);
background-repeat: no-repeat;
background-position: left top;
margin-left:30px;
}
#testimonia .testi_r{ background:url(../images/tes-q-2.png) no-repeat right bottom; padding-right:75px; margin-right:30px; }
#testimonia p span {
font-size: 16px;
font-weight: 700;
line-height: 48px;
}
#testimonia .carousel-control.left {
background-image: none !important;
background-repeat: repeat-x;
}				
#testimonia .carousel-control.right {
right: 0;
left: auto;
background-image: none;
background-repeat: repeat-x;
}
#testimonia .carousel-control {
position:relative;
top:8px;
bottom: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
filter: alpha(opacity=50);
opacity:.9;
}
/*--end of tesimonials here--*/
/*--slider script here--*/
.slider-caption {
position: absolute;
width:26%;
text-align:center;
height: 100;
z-index: 8;
color: white;
top:300px;
right:5%;
}
.slider-caption .left_pa{	width:77px; height:12px; background:#944a75;}
.slider-caption .slid_capti{background-color: rgba(255, 255, 255, 0.7);padding:0%; }
.slider-caption a{	padding:10px;
display:table;
margin:0px auto;
color:#000;
text-decoration:none;
border:solid 1px #000;
}
.slider-caption a:hover{	color:#fff;
background:#944a75;}

.slider-caption h2 {
font-size:29px;
padding-top:10px;
text-transform: uppercase;
border:none;
color:#000;
margin:0px;
padding:0px;
line-height:40px;
font-weight:700;
letter-spacing:1px;
background:none !important;
}

.slider-caption p { font-size:12px; letter-spacing:1px; color:#000; line-height:22px;}
.slider-caption p.rarades{background-color: rgba(000, 000, 000, 0.5); color:#fff; text-align:left;padding:2%;margin-top:7px; margin-bottom:0px; font-size:11px; line-height:19px;}
.slider-caption p.rarades a{ padding:0px;
margin:0px;
border:none;
color:#944a75;					
display: inline-block !important;							
}
.slider-caption p.rarades a:hover{ color:#fff;}

.flexslider {
background-color:black;
height:645px;
border-bottom:1px solid #fff;
overflow: hidden;
margin: 0;
}

.flexslider img { position: relative; opacity: 0.9; width: 100%; z-index: 7; }

.flex-control-nav { bottom:59px; z-index: 9; }

.flex-control-paging li a { background:none; border: 2px solid #944a75; opacity: 0.9; }
.flex-control-paging li a:hover { opacity: 1; background:#944a75; border: 1px solid #944a75;  }
.flex-control-paging li a.flex-active { opacity: 1; background:#944a75; border: 1px solid #944a75;  }
/*--end of slider script here--*/
#menu ul {
margin:0px;
margin-top:16px;
padding:0px;
float:right;
list-style: none;
}
#menu ul li { list-style:none;
float:left;

}
#menu ul li.active a {
border-bottom: solid 4px #964b74;
color: #944b76 !important;
}
#menu ul li a{
text-decoration:none;
display: inline-block;
list-style:none;
line-height:40px;
font-size:12px;
letter-spacing:1px;
color: #353535;
text-transform:uppercase;
margin:0px;
padding:0px;
margin-left:20px;
}
#menu ul li a:hover {
-webkit-transition: all 100ms ease-in;
-moz-transition: all 100ms ease-in;
-o-transition: all 100ms ease-in;
transition: all 100ms ease-in;
color:#944a75;
}

#menu ul li ul {
padding: 0;
position: absolute;
top:44px;
width:200px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: none;
z-index:99;
opacity: 0;
visibility: hidden;
margin:0px;
-webkit-transiton: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-transition: opacity 0.2s;
}
#menu ul li ul li {
width:200px;
margin:0px; 
background: #555 url(../images/submenu.png) 2px 12px no-repeat;
color: #fff;
text-align:left;
border-bottom:solid 1px #000;
border-top:solid 1px #999;
}
#menu ul li ul li a {
margin:0px; 

line-height:40px;
padding-left:20px;
color: #fff;
-webkit-transition: all 150ms ease-in;
-moz-transition: all 150ms ease-in;
-o-transition: all 150ms ease-in;
transition: all 150ms ease-in;
}
#menu ul li ul li a:hover { background:none;
color: #f58220;
}
#menu ul li:hover ul {
display: block;
opacity: 1;
visibility: visible;
}
/*--inner poage content here--*/
#inner-page{	margin:0px;
padding:0px;
}
#inner-page img{	max-width:100%;
margin:0px;
padding:0px;}
/*--end of inner page content here--*/
.client-speek{
margin:0px;
padding:0px;

}
.client-speek p{
line-height:23px;
font-size:12px;
padding-left:75px;
background-image: url(../images/tes-q-1.png);
background-repeat: no-repeat;
background-position: left top;
margin-left:30px;
}
.client-speek .testi_r{ background:url(../images/tes-q-2.png) no-repeat right bottom; padding-right:75px; margin-right:30px; }
.client-speek p span {
font-size: 16px;
font-weight: 700;
line-height: 48px;

}
.client-speek a{ float:left!important; widows:50px !important;}
.client-speek .carousel-control.left {
background-image: none !important;
background-repeat: repeat-x;
}				
.client-speek .carousel-control.right {
right: 0;
left: auto;
background-image: none;
background-repeat: repeat-x;
}
.client-speek .carousel-control {
position:relative;
top:8px;
bottom: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
filter: alpha(opacity=50);
opacity:.9;
}
.contact-addre {
margin: 0px;
padding: 15px;
margin-top:-1px;
}
.contact-addre ul {
margin: 0;
padding: 0;
}
.contact-addre  a{	border:none !important;
margin:0px !important;
padding:0px !important;
line-height:24px !important;}
.contact-addre li {
list-style: outside none none;
margin-bottom: 15px;
text-align:left;
font-size: 13px;
color: #666;
padding-left: 38px;
line-height: 22px;
}
.contact-addre li a{	display: inline;
margin:0px;
padding:0px;
border: none;
}
.contact-addre li span{	font-weight:800;}

.contact-addre li.addres{
background-image: url(../images/address.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
.contact-addre li.phone{
background-image: url(../images/phone2.png);
background-repeat: no-repeat;
background-position: left 2px;
}
.contact-addre li.fax{
background-image: url(../images/fax.png);
background-repeat: no-repeat;
background-position: left 2px;
}
.contact-addre li.email{
background-image: url(../images/emailid.png);
background-repeat: no-repeat;
background-position: left 5px;
}
.project {
padding: 9px;
font-size:13px !important;
border: 1px solid #E3E3E3;
margin: 14px 0px;
overflow: auto;
line-height: 30px !important;
}
.project_left{
float:left;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #e3e3e3;
display: block;
width:39%;
color:#E49B03;
}
.project_right{
float:left;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #e3e3e3;
display: block;
width:61%;
}
.project:hover{ -moz-box-shadow: 0px 0px 7px #ababab;
-webkit-box-shadow: 0px 0px 7px #ababab;
box-shadow: 0px 0px 7px #ababab;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}
.project h2.coreval{	margin:0px;
font-size:14px;
letter-spacing:1px;
text-shadow:1px 1px #fff;
}
.project img{	margin:15px 0px;}
.project p {
line-height: 35px !important;
margin-bottom:0px !important;

}
.project a{
padding:8px 7px;
margin:1px;
line-height:35px;
background:#ed3338;
font-size:11px;
color:#fff;
}
.portfoli_section{	margin:0px;
padding:20px 0px;
padding-right:40px;
overflow:hidden;
}
.portfoli_section .view:hover{ -moz-box-shadow: 0px 0px 5px #944a75;
-webkit-box-shadow: 0px 0px 5px #944a75;
box-shadow: 0px 0px 5px #944a75;}
.portfoli_section .view {
width:100%;
margin: 10px;
float: left;
border:6px solid #fff;
outline:solid 1px #e3e3e3;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 2px #e6e6e6;
-moz-box-shadow: 1px 1px 2px #e6e6e6;
box-shadow: 1px 1px 2px #e6e6e6;
cursor: default;
background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.portfoli_section .view .mask,.view .content {
width:100%;
height:100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.portfoli_section .view img {
display: block;
max-width:100%;
position: relative;
}
.portfoli_section .view h2 {
text-transform: uppercase;
color: #fff;
text-align: center;
position: relative;
font-size: 17px;
padding: 10px;
background: rgba(0, 0, 0, 0.8);
margin: 20px 0 0 0;
}
.portfoli_section .view p {
font-size: 12px;
position: relative;
color: #484848;
margin-bottom:0px !important;
padding-bottom:0px;
text-align: center;
}
.portfoli_section .view a.info {
display: inline-block;
text-decoration: none;
text-transform:none;
background: #484848;
color: #fff !important;
text-transform: none;
border:none !important;
-webkit-box-shadow: 0 0 1px #000;
-moz-box-shadow: 0 0 1px #000;
box-shadow: 0 0 1px #000;
}
.portfoli_section .view a.info: hover {
-webkit-box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
}

.portfoli_section .view-eighth .mask {
background-color: rgba(255, 255, 255, 0.9);
top: -200px;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.3s ease-out 0.5s;
-moz-transition: all 0.3s ease-out 0.5s;
-o-transition: all 0.3s ease-out 0.5s;
-ms-transition: all 0.3s ease-out 0.5s;
transition: all 0.3s ease-out 0.5s;
}
.portfoli_section .view-eighth .mask img{ display:table;    max-width: 46%!important;
margin:0px auto;
margin-top:5px;}
.portfoli_section .view-eighth h2 {
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-o-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all 0.2s ease-in-out 0.1s;
-moz-transition: all 0.2s ease-in-out 0.1s;
-o-transition: all 0.2s ease-in-out 0.1s;
-ms-transition: all 0.2s ease-in-out 0.1s;
transition: all 0.2s ease-in-out 0.1s;
}
.portfoli_section .view-eighth p {
color: #333;
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-o-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all 0.2s ease-in-out 0.2s;
-moz-transition: all 0.2s ease-in-out 0.2s;
-o-transition: all 0.2s ease-in-out 0.2s;
-ms-transition: all 0.2s ease-in-out 0.2s;
transition: all 0.2s ease-in-out 0.2s;
}
.portfoli_section .view-eighth a.info {
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-o-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all 0.2s ease-in-out 0.3s;
-moz-transition: all 0.2s ease-in-out 0.3s;
-o-transition: all 0.2s ease-in-out 0.3s;
-ms-transition: all 0.2s ease-in-out 0.3s;
transition: all 0.2s ease-in-out 0.3s;
}
.portfoli_section .view-eighth:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
top: 0px;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
-webkit-animation: bounceY 0.9s linear;
-moz-animation: bounceY 0.9s linear;
-ms-animation: bounceY 0.9s linear;
animation: bounceY 0.9s linear;
}
.portfoli_section .view-eighth:hover h2 {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.portfoli_section .view-eighth:hover p {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.portfoli_section .view-eighth:hover a.info {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
@keyframes bounceY {
0% { transform: translateY(-205px);}
40% { transform: translateY(-100px);}
65% { transform: translateY(-52px);}
82% { transform: translateY(-25px);}
92% { transform: translateY(-12px);}
55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
}
@-moz-keyframes bounceY {
0% { -moz-transform: translateY(-205px);}
40% { -moz-transform: translateY(-100px);}
65% { -moz-transform: translateY(-52px);}
82% { -moz-transform: translateY(-25px);}
92% { -moz-transform: translateY(-12px);}
55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);}
}
@-webkit-keyframes bounceY {
0% { -webkit-transform: translateY(-205px);}
40% { -webkit-transform: translateY(-100px);}
65% { -webkit-transform: translateY(-52px);}
82% { -webkit-transform: translateY(-25px);}
92% { -webkit-transform: translateY(-12px);}
55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);}
}

.portfolio-item { margin-bottom:20px; overflow:hidden;}

.portfolio-item:hover .overlay-p { visibility: visible; opacity: 1; }

.portfolio-title { width: 100%; text-align: center; }

.portfolio-title a { color: #38e395; font-size: 18px; text-transform: uppercase; }
a.menu-toggle-btn {
width: 100%;
height: 60px;
background:#944a75 url(../images/respo_menu.png) no-repeat center right;
display: block;
color: #fff;
}
a.menu-toggle-btn i { line-height: 60px; }

.responsive-navigation {
position: fixed;
width: 100%;
display: block;
z-index: 9999;
top: 0px;
}
/*responsive menu here*/

.responsive-menu { display: none; background-color: #495054; }
.responsive-menu ul{	margin:0px;
padding:0px;}
.responsive-menu ul li a { color: white; display: block; padding-left:15px; padding:5px; border-bottom: 1px solid #5a6267; }
.responsive-menu ul li.res-sub{ background:url(../images/plus.png) no-repeat right center;}
.responsive-menu ul li:hover ul{ display:block;}
.responsive-menu ul li ul{	display:none;
position:relative;
z-index:999;}
.responsive-menu ul li ul li a { background:#6a7074; color:#fff;
border-top:#70767a 1px solid;
padding-left:15px;
line-height:18px;


}
.responsive-menu ul li ul li{	float:left; width:100%;}

/*.responsive-menu { display: none; background-color: #495054; }
.responsive-menu ul li a { color: white; text-transform: uppercase; display: block; padding: 20px; border-bottom: 1px solid #5a6267; }*/
@media (max-width: 991px) { #main-content { width: 100%; }
.first-footer { border-left: 0; }
.flexslider .slides, .flexslider, .main-slider { height: auto; }
.service-item { margin-bottom: 30px; }
.progess-bars { margin-top: 40px; }
}
@media (max-width:768px){
.ban-img{
height: 344px !important;
width: 509px;
}
.slider-caption{
width:34%
}

figure2.effect-layla {
background: #fff;
width: 50% !important;

}
figure.effect-layla {

width: 50% !important;
}
.imag-slid{height:auto !important}
.slider-caption a,
.slider-caption p { display: none; top: 50px !important; } 
.resopo-logo-mobn{ margin-top:52px;}
.resopo-logo{ margin-top:62px;}
.main-header {	position:relative !important; padding-top:53px; }
#menu{	display:none;}
#testimonia{	background:#000;}
#footer_section{	text-align:center !important;}
.client-speek .testi_r{margin-right:0}
.client-speek p{margin-left:0}
.col-lg-12.wow{padding:0}
.portfoli_section {
margin: 0px;
padding: 20px 0px 20px 0px!important;;
overflow: hidden;
}
iframe{	height:400px; width:100%}
.contact-form .col-md-2 {
float: left;
margin: 0px 0.5%;
width: 100%;}
.flex-control-nav {
position: absolute;
bottom: -1px;
text-align: center;
z-index: 99;
left: 23%;
}
.logo-wrapper {
width: 100%;
border-bottom: solid 1px #666;
padding-bottom: 10px;
}
.header_menu{ border-top:solid 1px #999; height:180px;} 
.responsive-menu ul li a{	padding-left:8px;}
.responsive-menu ul li ul li{	padding-left:10px;}
.header_menu ul li{ float: left;
width:100%;}
.overlay{	}
.box{ height:93% !important;
width:98% !important;
padding:0px !important;
left:0px !important;
margin:2px !important;
top:0px !important;}
.portfoli_section .view p {
font-size: 12px;
position: relative;
color: #484848;
margin-bottom:0px !important;
padding-bottom:0px;
text-align: center;
}


}

@media (max-width: 767px) { .slider-caption a,
.slider-caption p { display: none; top: 50px !important; } 
.resopo-logo-mobn{ margin-top:52px;}
.resopo-logo{ margin-top:62px;}
.main-header {	position:relative !important; padding-top:53px; }
#menu{	display:none;}
#testimonia{	background:#000;}
#footer_section{	text-align:center !important;}
figure2.effect-layla {
background: #fff;
width: 100% !important;

}

.ban-img {
height: 229px !important;}

figure.effect-layla {

width: 100% !important;
}
.client-speek .testi_r{margin-right:0}
.client-speek p{margin-left:0}
.col-lg-12.wow{padding:0}
.portfoli_section {
margin: 0px;
padding: 20px 0px 20px 0px!important;;
overflow: hidden;
}
.banner{	height:175px !important;}
 iframe{	height:200px !important; width:100%;}
 .contact-form .col-md-2 {
float: left;
margin: 0px 0.5%;
width: 100%;}
.flex-control-nav {
position: absolute;
bottom: -1px;
text-align: center;
z-index: 99;
left: 23%;
}
.logo-wrapper {
width: 100%;
border-bottom: solid 1px #666;
padding-bottom: 10px;
}
.header_menu{ border-top:none; height:auto;} 
.responsive-menu ul li a{	padding:22px;}
.responsive-menu ul li ul li{	padding-left:10px;}
.header_menu ul li{ float: left;
width:100%;}
.overlay{	}
.box{ height:93% !important;
width:98% !important;
padding:0px !important;
left:0px !important;
margin:2px !important;
top:0px !important;}
.portfoli_section .view p {
font-size: 12px;
position: relative;
color: #484848;
margin-bottom:0px !important;
padding-bottom:0px;
text-align: center;
}


@media (min-width: 768px) and (max-width: 979px) { 

.resopo-logo-mobn{ margin-top:52px; } .resopo-logo{ margin-top:62px;}
body{	background-image:none;}}
@media (max-width: 581px) { .slider-caption { display: none; }
.resopo-logo{ margin-top:62px;}
.resopo-logo-mobn{ margin-top:60px;}
body{	background-image:none;}
.responsive-icons{  width:300px;
display:block;
margin:0px auto;}

.web2 {
margin: 0px;
padding: 0px 0% 0 0%;
width: 100%;
}

.web1{
margin: 0px;
padding: 0px 0% 0 0%;
width: 100%;
}
.ab_left_text {
    padding: 30px 0px;
}
.ab_left_text h4 {
    margin: 0px;
    font-size: 29px;
}
.body-anim-cta {
    display: block;
}
.container-1280-wrp {
    padding: 0%;
    box-sizing: border-box;
}
.mainHeading {
 
    font-size: 64px;
    
    top: 3px;
    
}

.body-anim-cta .col-md-3 a {
    min-width: 340px;
}

.about_container .col-md-3 {
     margin-bottom: 1%;
}
}

/* ###### CSS Media queries ###### */

@media screen and (max-width: 480px){ /* When screen size is 480px */
.logo-wrapper img{	display:block; margin:0px auto;}
.resopo-logo-mobn{ margin-top:0px; padding-right:68px;}
.resopo-logo{	margin-top:62px;
margin-left:55px;}


#content_section p {
 
    padding: 0 5%;
}

}
 
@media (max-width: 375px)
{
.body-anim-cta .col-md-3 a {
    min-width: 310px;
}
}