/* Global Styles */

html,
body {
    height: 100%;
}

body {
    padding-top: 50px;
	font-family: 'Ubuntu', sans-serif; 
	color:#333;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: auto;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: auto;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}


/*************My stylesheet**********************/
#myCarousel {
margin-bottom:40px; 
}
.main-part .navbar-inverse {
background-color: #E62E55;
border-color: #E62E55;
}
.main-part .navbar-inverse .navbar-brand {
color: #fff;
}
.main-part .navbar-brand {
font-size: 25px;
}
.main-part .navbar-inverse .navbar-nav>li>a {
color: #fff;
text-transform: uppercase;
border-top: 2px solid transparent;
position:relative;
}
.main-part .navbar-inverse .navbar-nav>li:hover a, .main-part .navbar-inverse .navbar-nav>li:hover a:focus {
border-top: 2px solid #fff;
}
.main-part .navbar-inverse .navbar-nav>li:hover a:after {
content: "";
position: absolute;
top: 0px;
left: 44%;
border-width: 6px 6px 0;
border-style: solid;
border-color: #fff transparent;
display: block;
width: 0;
text-align: center;
}
.square {
position: relative;
z-index: 10;
width: 150px;
height: 146px;
margin: 0px auto;
padding-left: 1px;
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
overflow: hidden;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
-webkit-box-shadow: -5px 5px 0px 0px #e62e55;
-moz-box-shadow: -5px 5px 0px 0px #e62e55;
box-shadow: -5px 5px 0px 0px #e62e55;
}
.square .pic {
width: 250px;
height: 170px;
margin: -30px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-o-transform: rotate(45deg);
-moz-transform: rotate(45deg);
}
.square .pic img {
background: #f1f1f1;
}
.square:hover {
-webkit-box-shadow: -5px 5px 0px 0px #ba183a;
-moz-box-shadow: -5px 5px 0px 0px #ba183a;
box-shadow: -5px 5px 0px 0px #ba183a;
}
.about-inner { margin:40px 0px 80px 0px;}
.abt-info h4 {
font-size: 20px;
margin-bottom: 15px;
font-weight: 700;
}
.abt-info p {
line-height:25px;
margin-bottom: 22px;
}
.btn-part {
display: block;
text-align: left;
width: 100%;
clear:both;
}
.more-btn {
background: #e62e55;
color: #fff;
font-size: 14px;
text-transform: uppercase;
border: 0px;
border-radius: 2px;
padding: 8px 23px;
box-shadow: 0px 2px #ba183a;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
cursor: pointer;
}
.more-btn:hover {
background: #ba183a;
color: #fff;
}

.heading-part {
padding:100px 0 40px 0px;
position: relative;
}
.page-header {
text-transform: uppercase;
float: none;
font-size: 35px;
border-bottom: 0px;
text-align: center;
color: #E62E55;
margin: 0px;
padding: 0px;
position: relative;
}
.heading-part p {
margin-top: 0;
text-align: center;
position: relative;
font-size: 0;
}
.heading-part p:before {
color: #E62E55;
}
.heading-part p:before {
content: "\f0d7";
position: absolute;
display: inline-block;
font-family: 'FontAwesome';
right: 0;
left: 0;
bottom: -45px;
bottom: -44px\0/;
font-size: 24px;
font-weight: 300;
}
.heading-part p:after {
color: #E62E55;
}
.heading-part p:after {
content: "\f106";
position: absolute;
display: inline-block;
font-family: 'FontAwesome';
right: 0;
left: 0;
bottom: -38px;
bottom: -37px\0/;
font-size: 24px;
font-weight: 300;
}
.heading-part:after {
width: 100px;
height: 1px;
position: absolute;
bottom: 25px;
right: 0;
left: 0;
content: "";
float: none;
text-align: center;
display: inline-block;
margin: 0px auto;
background: #E62E55;
}

.box-up {
display: inline-block;
background: #E62E55;
vertical-align: top;
padding: 10px;
width: 50px;
height: 50px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
margin-top: 20px;
}
.box-rght {
display: inline-block;
width: 77%;
margin-left: 28px;
}
.box-rght h4 {
margin: 8px 0 10px 0px;
font-weight: 700;
}
/***********service part css***************/

.dashboard { border: 2px solid #FFFFFF; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; height: 32px; margin: 9px auto; overflow: hidden; position: relative; width: 32px; z-index: 1; -ms-transform: rotate(-44deg); -moz-transform: rotate(-44deg); -o-transform: rotate(-44deg);
-webkit-transform: rotate(-44deg);
top: -9px; }

.dashboard:after, .dashboard:before { position: absolute; content: ""; }

.dashboard:after { width:14px; height: 2px; top: 22px; -webkit-transform-origin: 1px 1px; -moz-transform-origin: 1px 1px; -ms-transform-origin: 1px 1px; transform-origin: 1px 1px; background-color: #FFFFFF; -webkit-animation: dashboard_hand 2s linear infinite alternate; -moz-animation: dashboard_hand 2s linear infinite alternate; -ms-animation: dashboard_hand 2s linear infinite alternate; animation: dashboard_hand 2s linear infinite alternate; }

.dashboard:before { width: 32px; height: 10px; background-color: #FFFFFF; top:22px; left: -2px; }
@-webkit-keyframes 
dashboard_hand { 0% {
-webkit-transform: rotate(-160deg);
}
 100% {
-webkit-transform: rotate(-20deg);
}
}
@-moz-keyframes 
dashboard_hand { 0% {
-moz-transform: rotate(-160deg);
}
 100% {
-moz-transform: rotate(-20deg);
}
}
@keyframes 
dashboard_hand { 0% {
transform: rotate(-160deg);
}
 100% {
transform: rotate(-20deg);
}
}

/*Battery*/
.battery { width: 28px; height: 14px; border: 1px #fff solid; border-radius: 2px; position: relative; -webkit-animation: charge 5s linear infinite; -moz-animation: charge 5s linear infinite; animation: charge 5s linear infinite; margin: 0 auto; -webkit-transform: rotate(-44deg); -moz-transform: rotate(-44deg); -ms-transform: rotate(-44deg); -o-transform: rotate(-44deg);
top: 10px; }

.battery { border: 1px solid #FFFFFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: 14px; margin: 0 auto; position: relative; top: 20px; width: 28px; -webkit-animation: charge 5s linear infinite; -moz-animation: charge 5s linear infinite; animation: charge 5s linear infinite; -webkit-transform: rotate(-44deg); -moz-transform: rotate(-44deg); -ms-transform: rotate(-44deg); -o-transform: rotate(-44deg);
top: 10px; }

.battery:after { width: 2px; height: 7px; background-color: #fff; border-radius: 0px 1px 1px 0px; position: absolute; content: ""; top: 2px; right: -4px; }
@-webkit-keyframes 
charge { 0% {
box-shadow: inset 0px 0px 0px #fff;
}
 100% {
box-shadow: inset 30px 0px 0px #fff;
}
}
@-moz-keyframes 
charge { 0% {
box-shadow: inset 0px 0px 0px #fff;
}
 100% {
box-shadow: inset 30px 0px 0px #fff;
}
}
@keyframes 
charge { 0% {
box-shadow: inset 0px 0px 0px #fff;
}
 100% {
box-shadow: inset 30px 0px 0px #fff;
}
}

/*magnifier*/
.magnifier { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 2px #FFFFFF; -moz-box-shadow: 0 0 0 2px #FFFFFF; box-shadow: 0 0 0 2px #FFFFFF; color: #FFFFFF; height: 20px; margin: 14px auto; position: relative; width: 20px; -webkit-animation: magnify 1s linear infinite alternate; -moz-animation: magnify 1s linear infinite alternate; animation: magnify 1s linear infinite alternate;  transform: rotate(315deg); -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); -moz-transform: rotate(315deg); -o-transform: rotate(315deg) ;
left: 0px; top: -7px;
position: relative; }

.magnifier:after, .magnifier:before { position: absolute; content: ""; }

.magnifier:before { content: "me"; font-size: 12px; left: 2px; text-align: center; top: 2px; color:#fff; transform: rotate(315deg); -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); -moz-transform: rotate(315deg); -o-transform: rotate(315deg); }

.magnifier:after { width: 2px; height: 8px; background-color: #fff; bottom: -6px; left: 20px; border-radius: 2px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
 @-webkit-keyframes 
magnify { 0% {
-webkit-transform: scale(1);
}
 100% {
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes 
magnify { 0% {
-moz-transform: scale(1);
}
 100% {
-moz-transform: scale(1.5);
}
}
@keyframes 
magnify { 0% {
transform: scale(1);
}
 100% {
transform: scale(1.5);
}
}

/*eye ball*/
.eye { background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 25px 0 0 0 rgba(255, 255, 255, 0.8); -moz-box-shadow: 25px 0 0 0 rgba(255, 255, 255, 0.8); box-shadow: 25px 0 0 0 #fff; height: 15px; margin: 18px 5px; position: relative; width: 15px; -ms-transform: rotate(-44deg); -moz-transform: rotate(-44deg); -0-transform: rotate(-44deg);
-webkit-transform: rotate(-44deg);
left: -5px;
position: relative; }

.eye:after { background-color: #333; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 25px 0 0 0 #333; -moz-box-shadow: 25px 0 0 0 #333; box-shadow: 25px 0 0 0 #333; content: ""; height: 7px; left: 10px; position: absolute; top: 8px; width: 7px; -webkit-animation: eyeball 2s linear infinite alternate; -moz-animation: eyeball 2s linear infinite alternate; animation: eyeball 2s linear infinite alternate; }
@-webkit-keyframes 
eyeball { 0% {
left: 9px;
}
 100% {
left: 1px;
}
}
@-moz-keyframes 
eyeball { 0% {
left: 9px;
}
 100% {
left: 1px;
}
}
@keyframes 
eyeball { 0% {
left: 9px;
}
 100% {
left: 1px;
}
}

/*coffee cup*/
.coffee_cup { border: 1px solid #FFFFFF; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; height: 24px; margin: 21px auto 0; position: relative; width: 20px; -webkit-transform: rotate(-44deg);  -moz-transform: rotate(-44deg);  -ms-transform: rotate(-44deg);  -o-transform: rotate(-44deg);
top: -15px; }

.coffee_cup:after, .coffee_cup:before { position: absolute; content: ""; }

.coffee_cup:after { width: 5px; height: 12px; border: 1px #fff solid; border-left: none; -webkit-border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; border-radius: 0px 20px 20px 0px; left: 20px; }

.coffee_cup:before { width: 1px; height: 6px; background-color: rgba(255, 255, 255, 1); top: -10px; left: 4px; -webkit-box-shadow: 5px 0px 0px 0px rgba(255, 255, 255, 1), 5px -5px 0px 0px rgba(255, 255, 255, 1), 10px 0px 0px 0px rgba(255, 255, 255, 1); -mooz-box-shadow: 5px 0px 0px 0px rgba(255, 255, 255, 1), 5px -5px 0px 0px rgba(255, 255, 255, 1), 10px 0px 0px 0px rgba(255, 255, 255, 1); box-shadow: 5px 0px 0px 0px rgba(255, 255, 255, 1), 5px -5px 0px 0px rgba(255, 255, 255, 1), 10px 0px 0px 0px rgba(255, 255, 255, 1); -webkit-animation: steam 1s linear infinite alternate; -moz-animation: steam 1s linear infinite alternate; animation: steam 1s linear infinite alternate; }
 @-webkit-keyframes 
steam { 0% {
height: 0px;
}
 100% {
height: 6px;
}
}
@-moz-keyframes 
steam { 0% {
height: 0px
}
 100% {
height: 6px;
}
}
@keyframes 
steam { 0% {
height: 0px
}
 100% {
height: 6px;
}
}

/*Location indicator */
.location_indicator { margin: 14px auto; position: relative; left: -5px;
-webkit-transform: rotate(-44deg); -moz-transform: rotate(-44deg); -ms-transform: rotate(-44deg); -o-transform: rotate(-44deg);
top: -11px; }

.location_indicator:before, .location_indicator:after { position: absolute; content: ""; }

.location_indicator:before { width: 20px; height: 20px; -webkit-border-radius: 100% 100% 100% 0; -moz-border-radius: 100% 100% 100% 0; border-radius: 100% 100% 100% 0; -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1); -moz-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1); box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1); -webkit-animation: mapping 1s linear infinite; -moz-animation: mapping 1s linear infinite; -ms-animation: mapping 1s linear infinite; -o-animation: mapping 1s linear infinite; animation: mapping 1s linear infinite; -webkit-transform: rotate(-46deg); -moz-transform: rotate(-46deg); transform: rotate(-46deg); }

.location_indicator:after { width: 30px;
height: 10px;
-webkit-border-radius: 100% 100% 100% 100%;
-moz-border-radius: 100% 100% 100% 100%;
-ms-border-radius: 100% 100% 100% 100%;
-o-border-radius: 100% 100% 100% 100%;
border-radius: 100% 100% 100% 100%;
left: -4px;
background-color: rgba(255, 255, 255, 0.2);
top: 20px; }
 @-webkit-keyframes 
mapping { 0% {
top: 0;
}
 50% {
top: -5px;
}
 100% {
top:0;
}
}
@-moz-keyframes 
mapping { 0% {
top: 0;
}
 50% {
top: -5px;
}
 100% {
top:0;
}
}
@-keyframes 
mapping { 0% {
top: 0;
}
 50% {
top: -5px;
}
 100% {
top:0;
}
}

/*********************************/
.service-inner-part { margin: 60px 0 80px;
display: block;
clear: both;}
.service-part {
margin: 50px 0 50px 0px;
}


/*****************************/
#filters {
    margin:1%;
    padding:0;
    list-style:none;
}
    #filters li {
        float:left;
    }
    
    #filters li span {
        display: block;
        padding:5px 20px;        
        text-decoration:none;
        color:#666;
        cursor: pointer;
    }
    
    #filters li span.active {
        background: #e95a44;
        color:#fff;
    }
#portfoliolist .portfolio {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    width:23%;
    margin:1%;
    display:none;
    float:left;
    overflow:hidden;
}
    .portfolio-wrapper {
        overflow:hidden;
        position: relative !important;
        background: #666;
        cursor:pointer;
    }
    .portfolio img {
        max-width:100%;
        position: relative;
    }
    
    //hide its label by default
    .portfolio .label {
        position: absolute;
        width: 100%;
        height:40px;
        bottom:-40px;
    }
        .portfolio .label-bg {
            background: #e95a44;
            width: 100%;
            height:100%;
            position: absolute;
            top:0;
            left:0;
        }
    
        .portfolio .label-text {
            color:#fff;
            position: relative;
            z-index:500;
            padding:5px 8px;
        }
            
            .portfolio .text-category {
                display:block;
                font-size:9px;
            }

/*************************/
.parallax-img {
background: url(../images/testimonial_bg.png) no-repeat fixed;
background-size: 100% auto;
}
.portfolio-page {
margin: 20px 0 100px 0px;
}
.parallax-two {
background: url(../images/bg_photography3.jpg) no-repeat fixed;
background-size: 100% auto;
}
.testimonial-part {
margin: 30px 0 100px 0px;
}
.tester-img {
text-align: center;
}
.twit-square {
text-align: center;
-webkit-transform: rotate(-45deg);
margin: 0px auto;
position: relative;
}
.tester-img .square {
width: 100px;
height: 100px;
margin-top: 30px;
}
.tester-img .square .pic {
width: 200px;
height: 63px;
}
.tester-info {
text-align: center;
}
.tester-info h1 {
color: #fff;
font-weight: 700;
font-size: 25px;
margin: 50px 0px 20px 0px;
}
.tester-info p {
color: #fff;
font-size: 16px;
line-height: 28px;
}
.testimonial-part .owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}
.testimonial-part .owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}

.testimonial-part .owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}
.testimonial-part .owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.testimonial-part .owl-theme .owl-controls .owl-page span {
display: block;
width: 10px;
height: 10px;
margin: 5px 7px;
background: #fff;
-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);
}
.testimonial-part .owl-theme .owl-controls .owl-page.active span, .testimonial-part .owl-theme .owl-controls.clickable .owl-page:hover span {
background: #E62E55;
}
.testimonial-part .owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
}
#clients_part {
padding: 100px 0px;
}
#clients_part .item a { display: block;
text-align: center;
}

#clients_part.owl-theme .owl-controls{
	margin-top: 50px;
	text-align: center;
}
#clients_part.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}

#clients_part.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}
#clients_part.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
#clients_part.owl-theme .owl-controls .owl-page span {
display: block;
width: 10px;
height: 10px;
margin: 5px 7px;
background: #E62E55;
-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);
}
#clients_part.owl-theme .owl-controls .owl-page.active span, #clients_part.owl-theme .owl-controls.clickable .owl-page:hover span {
background: #333;
}
#clients_part.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
}
.carousel-inner .item .fill a img { width:100%;}


/**********footer css**************/
footer {
background: #E62E55;
padding: 20px 0px;
margin: 0px;
}
.lower-social {
float: right;
}
.social-link {
margin: 0px;
padding: 0px;
text-align: right;
}
.social-link li {
list-style: none;
display: inline-block;
}
.social-link li a {
width: 30px;
height: 30px;
background: #fff;
text-align: center;
display: inline-block;
vertical-align: middle;
color: #E62E55;
-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);
}
.social-link li a i {
line-height: 35px;
color: #E62E55;
width: 35px;
height: 25px;
-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);
}
.social-link li a i:hover {
color: #333;
}
.cpyrgt-link {
margin: 0px;
padding: 0px;
}
.cpyrgt-link li {
list-style: none;
display: inline-block;
}
.cpyrgt-link li a {
color: #fff;
text-decoration: none;
list-style: none;
display: inline-block;
}
.cpyrgt-link li a:hover { text-decoration:underline; }
.cpyrgt-link li p {
color: #fff;
display: inline-block;
}
.cpyrgt-link li:after {
content: '|';
color: #fff;
text-indent: 6px;
float: right;
}
.cpyrgt-link li:last-child:after {
content: '';
}
#myCarousel .carousel-caption {
top: 25%;
padding-left: 40px;
text-align:left;
}
#myCarousel .carousel-caption h2 {
font-size: 35px;
color: #353535;	
font-weight:700;
margin-bottom:20px;
text-shadow:none;
}
#myCarousel .banner-info {
background: rgba(51, 51, 51, 0.3);
font-size: 16px;
font-weight: normal;
padding: 5px;
line-height: 25px;
display: inline-block;
clear: both;
float: left;
margin-bottom: 20px;
}
.carousel-indicators.custom-page li {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 10px;
-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);
border-radius: 0px;
}
.carousel-indicators.custom-page .active{
width: 10px;
height: 10px;
margin-right: 10px;
background-color: #e62e55;
border: 1px solid #e62e55;
}

/********************/
.footer-heading h5 {
font-size: 25px;
color: #fff;
text-transform: capitalize;
margin-bottom: 25px;
}
.footer-point li a {
color: #fff;
}
.footer-point li a i {
margin-right: 5px;
}
.cmpy-contact li {color:#fff; margin-bottom: 5px;}

.cmpy-contact li a {
color: #fff;
text-decoration: underline;
}
.footer-point li {
margin-bottom: 5px;
}
.footer-part {
background: none;
background: url(../images/bg_photography1.jpg) no-repeat fixed;
background-size: 100% auto;
}
.system-img a img {
width: 40%;
margin-top: 3px;
}



/**********footer css**************/

/*********animation css***********/
.delay3 {
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
-ms-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
}
.delay5 {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-ms-animation-delay: 1s;
-o-animation-delay: 1s;
}
.delay6 {
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
-ms-animation-delay: 2s;
-o-animation-delay: 2s;
}
/*************************/

/* Responsive Styles */
/*************work on this css*************/

@media(max-width:1280px) {
.parallax-two, .parallax-img, .footer-part {
    background-size:100% 100%;
}

}

@media(max-width:1199px) {
.box-rght {
    margin-left: 25px;
    width: 72%;
}

}

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
	
.about-inner .square { margin:0px auto 80px auto;}
#myCarousel .carousel-caption {
    top: 12%;
}

}

@media(max-width:800px) {
#myCarousel .carousel-caption h2, #myCarousel .banner-info { margin-bottom:10px; }
#myCarousel { margin-bottom:0;}

}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
.main-part .navbar-inverse .navbar-toggle { border: 1px solid transparent;}
.main-part .navbar-toggle { background:#fff;}
.main-part .navbar-inverse .navbar-toggle .icon-bar { background:#e62e55;}
.main-part .navbar-inverse .navbar-toggle:hover, .main-part .navbar-inverse .navbar-toggle:focus {
    background-color: #fff;
}
.main-part .navbar-inverse .navbar-nav > li:hover a:after { left:49%;}
.main-part .navbar-inverse .navbar-nav > li > a { text-align:center;}
.box-rght {
    margin-top: 10px;
    width: 72%;
}
.service-part { margin:40px 0;}
.service-inner-part { margin:20px 0 40px 0;}
.system-img a img { width:auto;}
.system-img, .useful-point {
    margin-bottom: 30px;
}
.lower-social {
    display: block;
    float: left;
    padding: 0 0 20px !important;
    text-align: center;
    width: 100%;
}
.social-link { text-align:center;}
.lower-link {
    padding: 0 !important;
    text-align: center;
    width: 100%;
}
#myCarousel .carousel-caption {
    display: none;
}
.heading-part { padding:70px auto 40px auto;}
}

@media(max-width:480px) {
.ff-container label { display:block; }

}

@media(max-width:360px) {
.about-inner .square {
    margin: 40px auto 80px;
}
}