h1,h2,h3,h4,h5{font-family:Calibri;}
body{background:url(../images/body-img.png) repeat; font-family:Calibri; font-weight:300; font-size:18px; color:#FFFFFF;text-align:justify; text-justify:auto;}
.main-top-div{border-top:4px solid #145e8a; repeat-x;}
.body-center{max-width:1050px; margin:0 auto; width:100%;background:url(../images/img01.png)}
.top-right-div{text-align:right; margin-top:0px; color:#000}
.container{max-width:1050px; width:100%;}
.top-logo-div{background:url(../images/img01.png) repeat}
.top-logo-div .inside-div{padding:27px 0}
.navbar-default .navbar-nav>li{width:121px;}
.my-menu{background:url(../images/img01.png);  margin:0px -15px;}
.navbar-default{background:url(../images/img01.png); margin:0; -webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px; box-shadow: none;
border: none;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{background:url(../images/menu-repeat.png) repeat-x bottom left; color:#AAAAAA;}
.navbar-nav>li>a{padding:0 5px; line-height:35px; text-shadow:none; -webkit-text-shadow:none; color:#000; width:auto; text-align:center;}
.navbar-default .navbar-nav>li>a{color:#fff; background:url(../images/m-line1.png) no-repeat right; background-color:#666666; no-repeat;}
.navbar-default .navbar-nav>li:hover{background:url(../images/menu-repeat.png);  }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{background:url(../images/menu-repeat.png) repeat-x;  color:#fff;}


/* Dropdown menu for mobile view */
.navbar-nav>li>.dropdown-menu{padding: 5px; background-color: #82caff;  font-size: 12px; background-color: transparent;  -webkit-appearance: none;}
.navbar-nav>li>.dropdown-menu a:hover, .navbar-default .navbar-nav>.active>a:focus{background:url(../images/menu-repeat.png) repeat-x bottom right; display:block; color:#ffffff; padding-left:10px;}
/* dropdown changes end here */

.navbar-brand{display:none}
.navbar{min-height:inherit;}
.navbar-default .navbar-nav>li>a:hover{color:#fff;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{padding:0}
.social-div{float:right; }
.social-div img{transition:All .5s ease;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease;}
.social-div img:hover{transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);}
.navbar{float:none;}
.social-div a{display:inline-block; line-height:38px;}
.banner-div{background:url(../images/banner-shadow.png) no-repeat center bottom; padding-bottom:15px; margin-top:15px; position:relative; margin-bottom:25px;}

.slider-content{position:absolute; bottom:20px; color:#fff; background:rgba(0,0,0,.8); padding:15px;}
.slider-content h1{margin:0; padding:0; font-size:40px; color:#9168ff; font-weight:700;}
.slider-content h3{margin:0; padding:0; font-size:35px;}
.banner-div .carousel-control.right{background:url(../images/banner-right.png) no-repeat center}
.banner-div .carousel-control.left{background:url(../images/banner-left.png) no-repeat center}
.banner-div .carousel-control {width:33px;}
.carousel-indicators li{background:#0b517a; border:none; width:12px;height:12px; margin:0}
.home-3box{border:1px solid #dadad9}
.home-3box .inside-div{background:#fff; box-shadow:inset 0 0 80px rgba(0,0,0,.2); padding:10px 15px;border:1px solid #fff}
.home-3box h3{background:url(../images/title-img.png) no-repeat left center; padding-left:28px; margin:0; margin-left:-15px; font-size:16px; color:#245077; font-weight:700; text-transform:uppercase; transition:All .5s ease;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease;}
.home-3box img{margin:10px 0; padding:2px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.3); width:100%; height:auto}
.shadow-3box{background:url(../images/p-show.png) no-repeat center bottom; padding-bottom:12px; margin-bottom:10px; background-size:100% auto}
.home-3box .read-more{float:right; color:#484949; text-decoration:underline}
.home-3box .read-more:hover{color:#9168ff}
.our-client-div{border:1px solid #dadad9; margin-bottom:30px;}
.our-client-div .inside-div{background:#fff; box-shadow:inset 0 0 80px rgba(0,0,0,.2); padding:30px 25px;border:1px solid #fff}
.our-client-div {text-align:center}
.our-client-div .carousel-control.right{background:url(../images/second-s-right.png) no-repeat center; right: -30px;}
.our-client-div .carousel-control.left{background:url(../images/second-s-left.png) no-repeat center;  left: -30px;}
.our-client-div .carousel-control{width:35px;}

.our-client-title{margin:0; font-size:16px; color:#245077; font-weight:700; text-transform:uppercase; margin-top:10px; padding-bottom:10px;}
.footer-div{background:#616161; padding:17px 0}
.footer-menu{text-align:center}
.footer-menu a{font-size:14px; display:inline-block; text-decoration:none; padding:0 10px; color:#a7a7a7; transition:All .5s ease;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease;}
.footer-menu a:hover{color:#9168ff; padding-left:10px;}
.copy-right-div{background:#434343; color:#adadad; padding:0 0; line-height:150px;}
.copy-right-div a{color:#adadad; }
.copy-right-div a:hover{color:#9168ff}
.inner-page-top h2{position:absolute; bottom:15px; left:15px; color:#9168ff; font-weight:700; }
.left-side-div h3{color:#000; text-transform:uppercase; line-height:35px; background:#FFCC33; margin:0; font-size:15px; text-align:center; margin-bottom:5px;}
.left-side-div ul{margin:0; padding:0; list-style:none;}
.left-side-div ul li{background:url(../images/body-img.png) repeat-x left top; line-height:18px; }
.left-side-div ul li a{color:#0c6ba2; text-decoration:none; text-transform:uppercase; background:url(../images/img03.png) no-repeat left center; padding:12px 0 8px 0; display:block; padding-left:30px;transition:All .5s ease;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease;}
.left-side-div ul li:hover a{background-position:10px center; padding-left:40px; color:#9168ff}
.home-3box:hover h3{color:#9168ff; padding-left:35px;}

.title-02{background-color:#FFCC33; repeat-x; color:#000; margin:0 0 10px 0}
.title-02 span{display:block; background:url(../images/img03.png) no-repeat left center; padding-left:30px; font-size:16px; line-height:33px}
.inner-img-shadow{background:url(../images/p-show.png) no-repeat center bottom; padding-bottom:10px; float:left; background-size:100% auto; margin-right:10px;}
.inner-img-shadow img{ padding:2px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.3);}
.our-client-div img{max-width:100%; height:auto}

.marq-div{background:#666666; padding:10px 0; margin-bottom:20px; margin-top:-10px; font-weight:400; text-transform:uppercase; font-size:16px;}

.home-p-text h2{font-size:18px; font-weight:700; text-transform:uppercase; color:#140045; margin:0; margin-bottom:15px;}
.home-p-text{margin-bottom:30px;}

.latest-updated a{display:block; line-height:7px; background:url(../images/icon-img.png) no-repeat left center; padding-left:20px; margin-left:10px; color:#000}


#breadcrumb a{color:#888888; background-color:inherit;}
#breadcrumb li:last-child a{color:#55ABDA;}

.container .sidebar nav a{color:inherit; border-color:#D7D7D7;}
.container .sidebar nav a:hover{color:#55ABDA;}

.pagination a, .pagination strong{border-color:#D7D7D7;}
.pagination .current strong{color:#FFFFFF; background-color:#06213F;}


@media (max-width:767px){
	.copy-right-div{text-align:center}
	.our-client-div img{margin-bottom:20px;}
	.copy-right-div .text-right{text-align:center}
	.top-logo-div{text-align:center}
	.top-logo-div img{max-width:100%; height:auto}
	.top-right-div{text-align:center; margin:0}
	.social-div{float:none}
	.navbar{float:none}
	.navbar-brand{display:inline-block; padding:15px; color:#fff !important; font-weight:400;}
	.navbar-nav{margin:0}
	
	.slider-content h3{font-size:20px;}
		.slider-content h1{font-size:30px;}
		.col-sm-12.pull-right{float:none !important}
		.col-sm-9.pull-right{float:none !important}
		.col-sm-3.pull-left{float:none !important}
	
}

@media (max-width:567px){
	.slider-content h3{font-size:15px;}
	.slider-content{bottom:5px;}
		.slider-content h1{font-size:20px;}
		.inner-page-top h2{font-size:15px;}
}



/* forms */
.wrapper {
	width:100%;
	overflow:hidden
}

#ContactForm {
	padding:0 0 0 10px;
	margin-top:-4px
}
#ContactForm span {
	width:150px;
	float:left;
	font-weight:bold;
	line-height:30px
}
#ContactForm .wrapper {
	min-height:40px
}
#ContactForm .textarea_box {
	width:70%;
	overflow:hidden;
	min-height:170px
}
#ContactForm {
}
#ContactForm {
}
#ContactForm a {
	margin-right:10px;
	float:left;
	margin-top:5px
}
#ContactForm .input {
	width:400px;
	height:32px;
	border:1px solid #d7d7d7;
	background:#fff;
	padding:5px;
	color:#000;
	font:14px Arial, Helvetica, sans-serif
}
#ContactForm textarea {
	overflow:auto;
	width:500px;
	margin:0;
	height:150px;
	border:1px solid #d7d7d7;
	background:#fff;
	padding:5px;
	color:#000;
	font:14px Arial, Helvetica, sans-serif
}
.button {
	margin-top:-35px;
	display:inline-block;
	color:#fff;
	line-height:35px;
	text-decoration:none;
	padding:0 17px;
	margin-left:5px;
	background:#13c5ff
}
.button:hover {
	background:#373737
}



#gallery {
	position:relative;
	height:520px
}
#gallery img {
	display:block;
	width:100%;
	height:100%
}
#gallery li {
}

.gallery {
	margin-top:-10px;
	padding-left:8px;
	width:100%;
	overflow:hidden
}
.gallery li {
	float:left;
	padding-right:10px;
	padding-top:10px
}
.gallery .end {
	padding-right:0
}


/* tabs begin */
.tabs {
}
.tabs ul.nav {
	margin-top:-5px
}
.tabs ul.nav li {
	line-height:30px
}
.tabs ul.nav li a {
	color:#0f0f0f;
	padding-left:16px;
	background:url(../images/marker_1.gif) 2px 6px no-repeat
}
.tabs ul.nav li a:hover, .tabs ul.nav .selected a {
	color:#13c5ff;
	text-decoration:none
}
.tabs .content {
}
.tabs .tab-content {
}
/* tabs end */

/* Lightbox image */
.lightbox-image {
	position:relative;
	overflow:hidden;
	display:block;
	background:#fff
}
.lightbox-image img {
	position:relative;
	z-index:2
}
.lightbox-image span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../images/magnify.png) no-repeat 50% 50%;
	z-index:1
}
.pp_details {
	display:none;
	height:0;
	padding:0;
	margin:0;
	font-size:0;
	line-height:0
}
.pp_description {
	display:none;
	height:0;
	padding:0;
	margin:0;
	font-size:0;
	line-height:0
}

.pad {
	padding:0
}


div#works {
	margin-top:10px;
	overflow:visible!important;
	width:725px;
}
div#works img {
	width:28%;
	min-height:150px;
	position:relative;
	margin-right:26px;
	margin-bottom:18px;
	float:left;
	cursor:pointer;
	transition:all 500ms;
	-webkit-transition:all 500ms;
	-moz-transition:all 500ms;
	-o-transition:all 500ms;
	background:#fff;
}
div#works img:hover {
	top:-10px!important;
	opacity:.5!important
}
ul#works_filter {
	margin-top:40px !important;
	float:left;
	clear:both;
	margin:15px 0 5px
}
ul#works_filter li {
	border:none;
	background:none;
	float:left;
	padding:0
}
ul#works_filter li a:link, ul#works_filter li a:visited {
	font-size:12px;
	text-decoration:none;
	display:block;
	color:#FFF;
	margin-right:1px;
	padding:2px 10px
}
ul#works_filter li a:hover, ul#works_filter li a.selected {
	background:#0D4667;
	color:#fff;
	opacity:1;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	/* IE hacks */
    zoom: 1;
 *display: inline;
}