@import "http://fonts.googleapis.com/css?family=Muli:400,300italic,300,400italic";
@import "http://fonts.googleapis.com/css?family=Oswald:400,700)";
@import url(http://fonts.googleapis.com/css?family=Dancing+Script:400,700);
/*font-family: "Muli",sans-serif;  font-family: "Oswald",sans-serif; font-family: 'Dancing Script', cursive; */
/*http://www.fatbit.com/portfolio/Dynamic-Websites.html*/
@font-face {
	font-family: 'bahamaslightregular';
	src: url('bahamaln.eot');
	src: url('bahamaln.eot?#iefix') format('embedded-opentype'), url('bahamaln.woff2') format('woff2'), url('bahamaln.woff') format('woff'), url('bahamaln.ttf') format('truetype'), url('bahamaln.svg#bahamaslightregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'beast_vs_spreadtallregular';
	src: url('spread.eot');
	src: url('spread.eot?#iefix') format('embedded-opentype'), url('spread.woff2') format('woff2'), url('spread.woff') format('woff'), url('spread.ttf') format('truetype'), url('spread.svg#beast_vs_spreadtallregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'newsgoth_cn_btregular';
	src: url('tt0375m.eot');
	src: url('tt0375m.eot?#iefix') format('embedded-opentype'), url('tt0375m.woff2') format('woff2'), url('tt0375m.woff') format('woff'), url('tt0375m.ttf') format('truetype'), url('tt0375m.svg#newsgoth_cn_btregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'calibriregular';
	src: url('calibri_0-webfont.eot');
	src: url('calibri_0-webfont.eot?#iefix') format('embedded-opentype'), url('calibri_0-webfont.woff') format('woff'), url('calibri_0-webfont.ttf') format('truetype'), url('calibri_0-webfont.svg#calibriregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'oxidaregular';
	src: url('oxida_alternate.eot');
	src: url('oxida_alternate.eot?#iefix') format('embedded-opentype'), url('oxida_alternate.woff2') format('woff2'), url('oxida_alternate.woff') format('woff'), url('oxida_alternate.ttf') format('truetype'), url('oxida_alternate.svg#oxidaregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'euphemiaregular';
	src: url('euphemia_0.eot');
	src: url('euphemia_0.eot?#iefix') format('embedded-opentype'), url('euphemia_0.woff2') format('woff2'), url('euphemia_0.woff') format('woff'), url('euphemia_0.ttf') format('truetype'), url('euphemia_0.svg#euphemiaregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	background-color: #fff;
	height: 100%;
	font-family: calibriregular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
}
a:hover {
	text-decoration: none;
}

b {
    color: #71456E;
}

.container {
	height: 100%;
	width: 95%;
}
.row {
	height: 100%;
}
header {
	background: url(../images/header_bg.jpg) top center;
	background-size: cover;
	padding: 1% 0 0 0;
	border-bottom: 30px solid #004868;
}
.logo {
	margin: 10px 0 0 0;
}
.contact_top {
	float: right;
	margin: 8px 22px 12px;
}
.contact_top p {
	font-family: 'bahamaslightregular';
	color: #fff;
	font-size: 23px;
}
.navbar {
	margin: -12px 0 0 0;
}
.navbar-nav {
	float: none;
}
.navbar-inverse {
	background-color: transparent;
	border: none;
}
/*.navbar-nav { float:right;}*/
.navbar-inverse .navbar-nav > li > a { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0 ); /* IE6-9 */
	border-radius: 2px;
	color: #fff;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cf0404+0,ff3019+100 */
	background: #cf0404; /* Old browsers */
	background: -moz-linear-gradient(top, #cf0404 0%, #ff3019 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cf0404), color-stop(100%, #ff3019)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cf0404 0%, #ff3019 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cf0404 0%, #ff3019 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cf0404 0%, #ff3019 100%); /* IE10+ */
	background: linear-gradient(to bottom, #cf0404 0%, #ff3019 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#ff3019', GradientType=0 ); /* IE6-9 */
}
.navbar-nav > li {
	margin: 0 4px 4px 0;
}
.navbar-nav > li > a {
	padding-bottom: 6px;
	padding-top: 6px;
}
.carousel-control.left, .carousel-control.right {
	display: none;
}
.welcome_gs {
	background-color: #2e5d8d;
	padding: 2% 0;
}
.welcome_gs h1 {
	margin: 0 0 7px 0;
	font-family: 'bahamaslightregular';
	font-size: 35px;
	color: #fff;
	text-align: center;
}
.welcome_gs p {
	color: #fff;
	margin: 0px;
	line-height: 28px;
	font-family: 'bahamaslightregular';
	text-align: center;
	font-size: 20px;
}
.people_desc {
	background-color: #d5e3ed;
	padding: 39px 0;
}
.people_point h2 {
	color: #aa2404;
	font-size: 21px;
	margin: 0 0 11px 0;
}
.people_point ul {
	margin: 0px;
	padding: 0px;
}
.people_point ul li {
	list-style: none;
	color: #7c7586;
	font-family: "bahamaslightregular";
	background: url(../images/check_icon.png) no-repeat;
	padding: 0 0 0 28px;
	font-size: 18px;
	margin: 5px 0;
}
.people_point p {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	line-height: 22px;
	color: #7c7586;
	margin: auto;
	width: 85%
}
.mob_dev p {
	font-family: 'bahamaslightregular';
	text-align: center;
	font-size: 30px;
	color: #000;
	margin: 40px 0;
	line-height: 37px;
}
.btn {
	background-color: #C52E03;
	color: #FFF;
	text-align: center;
}
.our_ser_sec {
    background-color: rgb(31, 61, 85);
	/*background: url(../images/ser_bg.jpg) top center !important;
	background-size: cover !important; */
	padding: 2% 0 2% 0;
	background-attachment: fixed !important;
}
.our_ser_sec h1 {
	margin: 0 0 7px 0;
	font-family: 'bahamaslightregular';
	font-size: 27px;
	color: #fff;
	text-align: center;
}
.our_ser_sec p {
	color: #fff;
	margin: auto;
	width: 80%;
	line-height: 28px;
	font-family: 'bahamaslightregular';
	text-align: center;
	font-size: 18px;
}
.web_services {
	background: url(../images/pattt_trans.png) repeat;
}
.web_potion {
	background-color: #fff;
	padding: 2%;
	margin: 3% 0%;
	border: 1px solid #ededed;
	box-shadow: 0 0 4px #d4d4d4;

}
.web_potion h2 {
	color: #C52E03;
	font-family: 'beast_vs_spreadtallregular';
	font-size: 35px;
}
.web_potion h2 img {
	vertical-align: bottom;
	margin: 0 10px 0 0;
    height: 40px;
    opacity: 0.7;
}
.web_potion p a {
	color: #C52E03;
}
.dsgn_proces {
	background-color: #ef4c94;
	padding: 2% 0;
}
.dsgn_proces h1 {
	margin: 0 0 7px 0;
	font-family: 'bahamaslightregular';
	font-size: 35px;
	color: #fff;
	text-align: center;
}
.dsgn_proces p {
	color: #fff;
	margin: 0px;
	line-height: 28px;
	font-family: 'bahamaslightregular';
	text-align: center;
	font-size: 20px;
}
.work_desgn {
	background: url(../images/pattt_trans.png) repeat;
}
.main_design_port {
	background: url(../images/work_bg.jpg) repeat;
	overflow: hidden;
	padding: 10px 0;
	width: 75%;
	margin: auto;
}
.desgn_set {
	transition: 0.5s all;
}
.desgn_set h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: 5d5d5d;
	text-align: center;
	font-size: 25px;
}
.desgn_set p {
	text-align: left;
	color: 5d5d5d;
	font-family: "Muli", sans-serif;
}
.desgn_set:hover {
	opacity: 0.5;
}
.service_title {
	background: url(../images/service_title_bg.png);
	background-size: cover;
	padding: 2% 0 2% 0;
	background-attachment: fixed;
}
.service_title_web {
	background: url(../images/pattren_bg.jpg) repeat;
}
.service_title h1 {
	margin: 0 0 7px 0;
	font-family: 'bahamaslightregular';
	font-size: 27px;
	color: #fff;
}
.service_panel {
	background: url(../images/pattt_trans.png) repeat;
}
.designing_panel {
	padding: 20px;
	background-color: #fff;
	margin: 5% 0 3% 0;
}
.designing_panel h2 {
	color: #A12B98;
	font-family: 'beast_vs_spreadtallregular';
	font-size: 60px;
	border-bottom: 1px solid #A12B98;
	padding: 0 0 21px 0;
}
.designing_panel h2 img {
	vertical-align: bottom;
}
.designing_panel h3 {
	color: #A12B98;
	font-family: 'beast_vs_spreadtallregular';
	font-size: 50px;
	padding: 0 0 10px 0;
}
.designing_panel p {
	font-family: 'bahamaslightregular';
	font-size: 18px;
	text-align: justify;
}
.designing_service {
	padding: 15px 15px 28px 15px;
	background-color: #fff;
	margin: 0 0 30px 0;
}
.designing_service h3 {
	color: #A12B98;
	font-family: 'beast_vs_spreadtallregular';
	font-size: 38px;
	margin: 0px 0 15px 0;
}
.designing_service p {
	font-family: 'bahamaslightregular';
	text-align: justify;
	color: #000;
	font-size: 18px;
}
.btn2 {
	-moz-user-select: none;
	background-image: none;
	border: 1px solid transparent;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	position: absolute;
	bottom: 29px;
	right: 12px;
	line-height: 1.42857;
	margin-bottom: 0;
	color: #000;
	padding: 6px 12px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #e5e5e5;
}
.slogen_title {
	background-color: #004868;
	padding: 1% 0;
}
.slogen_title h2 {
	color: #fff;
	text-align: center;
	font-family: 'bahamaslightregular';
}
.service_panel1 {

}
.designing_panel1 {
	padding: 20px;
	background-color: #fff;
	margin: 5% 0 3% 0;
}
.designing_panel1 h2 {
	color: #004868;
	font-family: 'beast_vs_spreadtallregular';
	font-size: 60px;
	border-bottom: 1px solid #004868;
	padding: 0 0 21px 0;
}
.designing_panel1 h3 {
	color: #004868;
	font-family: 'beast_vs_spreadtallregular';
	font-size: 50px;
	padding: 0 0 10px 0;
}
.designing_panel1 p {
	font-family: 'bahamaslightregular';
	font-size: 18px;
	color: #000;
	text-align: justify;
}
.designing_service1 {
	padding: 15px 15px 28px 15px;
	background-color: #fff;
	margin: 0 0 30px 0;
}
.designing_service1 h2 {
	color: #004868;
	font-family: 'beast_vs_spreadtallregular';
	font-size: 38px;
	margin: 0px 0 15px 0;
}
.designing_service1 p {
	font-family: 'bahamaslightregular';
	text-align: justify;
	color: #000;
	font-size: 18px;
}
.web_design {
	background-color: #fff;
	margin: 5% 0 0 0;
	padding: 20px;
	overflow: hidden;
}
.title_heading {
	border-bottom: 1px solid #91438b;
	padding: 0 0 12px 0;
	margin: 0 0 15px 0;
}
.web_icon {
	float: left;
	margin: 0 20px 0 0;
}
.web_heading {
	float: left;
}
.web_heading h1 {
	color: #004868;
	font-family: 'beast_vs_spreadtallregular';
	font-size: 46px;
	color: #A12B98;
	margin: 0px;
}
.web_heading p {
	margin: -4px 0 0 29px;
	color: #004868;
	font-family: 'oxidaregular';
	font-size: 18px;
}
.web_design_desc p {
	color: #000;
	text-align: justify;
}
.web_panel_services {
	margin: 31px auto;
	width: 95%;
}
.web_category {
	border: 1px solid #e3e3e3;
	padding: 20px 10px;
	margin: 0 0 15px 0;
}
.web_category:hover {
/*	background-color: #F6F3FF; */
    box-shadow: 0px 0px 8px #CCAFDD;
}
.web_cate_icon {
	margin: auto;
	width: 118px;
}
.web_category h1 {
	font-family: 'newsgoth_cn_btregular';
	text-align: center;
	font-size: 25px;
}
.web_category p {
	margin: 0px;
	font-size: 14px;
	text-align: justify;
}
.web_ser_add p {
	text-align: center;
	color: #000000;
	font-family: 'bahamaslightregular';
	font-size: 26px;
}
.web_adverstise {
	padding: 20px 0;
	background-color: #d5e3ed;
}
.client_testimonial {
	background-color: #fff;
	overflow: hidden;
	padding: 20px 0;
}
.web_mark {
	float: left;
	margin: 17px 0 10px;
}
.web_left {
	float: left;
	margin: 0 10px 0 0;
}
.web_bro_des {
	float: left;
	margin: 24px 0 0 0;
}
.web_bro_des p {
	margin: 0px;
	font-family: 'bahamaslightregular';
	font-size: 19px;
}
.testimonial {
	margin: auto;
	width: 90%;
}
.testimonial h1 {
	font-family: 'beast_vs_spreadtallregular';
	color: #A12B98;
	font-size: 46px;
	margin: 20px 0 10px 0;
}
.testimonial p {
	color: #000;
	text-align: justify;
	line-height: 23px;
}
.web_list {
	padding: 20px;
	background: url(../images/right_panel_bg.gif) repeat;
	overflow: hidden;
	margin: 46px 0 0 0;
}
.web_list ul {
	margin: 0px;
	padding: 0px;
}
.web_list ul li {
	list-style: none;
	padding: 9px 0;
	margin: 0 30px;
	color: #fff;
	border-bottom: 1px solid #c8a1c5;
}
.web_list1 {
	padding: 20px;
	background: url(../images/bg_pattren1.gif) repeat;
	overflow: hidden;
	margin: 46px 0 0 0;
}
.web_list1 ul {
	margin: 0px;
	padding: 0px;
}
.web_list1 ul li {
	list-style: none;
	padding: 9px 0;
	margin: 0 30px; color:#004868;
	border-bottom: 1px solid #26799e;
	font-family: 'calibriregular';
	font-size: 20px;
}
.work_btn {
	text-align: center;
	margin: 15px 0 0 0;
}
.work_btn a {
	display: block;
	padding: 8px;
	color: #fff;
	background-color: #91438b;
	font-family: 'bahamaslightregular';
	font-size: 16px; cursor:pointer;
}

.portfolio_panel {
	margin: 0 0 39px 0;
}
.portfolio_picture {
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #eeeeee;
	box-shadow: 0 0 3px #dedede;
}
.portfolio_picture img {
	border: 1px solid #eeeeee;
}
.portfolio_description h2 {
	font-family: 'beast_vs_spreadtallregular';
	color: #A12B98;
	font-size: 20px;
	margin: 0 0 10px 0;
}
.portfolio_description p {
	text-align: left;
	font-size: 13px;
	margin: 0px;
}
.portfolio_description p a {
	color: #A12B98;
}
.gallery_pics ul {
	margin: 0;
	padding: 0;
}
.gallery_pics ul li {
	background-color: rgba(255, 255, 255, 0.7);
	border: 1px solid #fff;
	list-style: outside none none;
	padding: 1%;
	transition: all 0.5s ease 0s;
}
.gallery_pics ul li a {
	display: block;
}
.form-control {
	border-radius: 0px;
}
.form-horizontal .control-label {
	font-weight: normal;
}
.error {
	border: 2px solid #a94442;
}
label.error {
	display: none;
	list-style: circle;
	border: none;
	font-weight: normal;
	color: #a94442;
	margin: 0 15px 0 0;
}
.add_bar {
	padding: 2%;
	background-color: #d5e3ed;
}
address h2 {
	margin: 0px;
	font-family: "beast_vs_spreadtallregular";
	font-size: 45px;
	color: #2E5D8D;
	margin: 0 0 15px 0;
}
address p {
	font-family: 'bahamaslightregular';
	font-size: 22px;
}
.social_links {
	margin: 20px 0 0 0;
}
.social_links ul {
	margin: 0px;
	padding: 0px;
}
.social_links ul li {
	list-style: none;
	margin: 0 0 10px 0;
}
.social_links ul li a {
	color: #2e5d8d;
}
.social_links ul li a img {
	margin: 0 7px 0 0;
}
.social_links ul li a:hover {
	color: #A12B98;
}
.Flexible-container {
	position: relative;
	padding-bottom: 43.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 96%;
}
.subscribe_sec {
	border-radius: 5px;
	margin: 12% 0 0 0;
	border: 1px solid #c6c6c6;
	padding: 5%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9fcf7+0,f5f9f0+100;L+Green+3D */
	background: #f9fcf7; /* Old browsers */
	background: -moz-linear-gradient(top, #f9fcf7 0%, #f5f9f0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9fcf7), color-stop(100%, #f5f9f0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9fcf7 0%, #f5f9f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9fcf7 0%, #f5f9f0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f9fcf7 0%, #f5f9f0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f9fcf7 0%, #f5f9f0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0', GradientType=0 ); /* IE6-9 */
}
.subscribe_sec h3 {
	font-family: 'calibriregular';
	color: #004868;
	font-size: 20px;
	margin: 0px 0 15px 0;
}
/*.ser_link {
	margin: 55px 0 0 0;
}
.ser_link ul {
	margin: 0px;
	padding: 0px;
}
.ser_link ul li {
	list-style: none;
}
.ser_link ul li a {
	display: block;
	background: url(../images/right_panel_bg.gif) repeat;
	font-family: 'bahamaslightregular';
	padding: 10px 25px;
	margin: 0 0 1px 0;
	color: #fff;
	font-size: 18px;
}*/
.sb_btn {
	background-color: #004868;
	border: 1px solid #004868;
}
.sb_btn:hover {
	background-color: #A12B98;
	border: 1px solid #A12B98;
	color: #fff;
}
.dropdown:hover .dropdown-menu {
	display: block;
	margin-top: 0;
// remove the gap so it doesn't close
}
.about_matter h2 {
	font-family: 'beast_vs_spreadtallregular';
	color: #004868;
	font-size: 35px;
}
.about_matter p {
	font-family: 'bahamaslightregular';
	font-size: 19px;
	text-align: justify;
}
.about_content h3 {
	font-family: 'beast_vs_spreadtallregular';
	color: #A12B98;
	font-size: 30px;
}
.about_content ul {
	margin: 0px;
	padding: 0px;
}
.about_content ul li {
	list-style: disc;
	margin: 0 0 10px 17px;
	font-family: 'bahamaslightregular';
	font-size: 19px;
}
footer {
	background-color: #004868;
	padding: 1% 0;
}
footer p {
	color: #fff;
	text-align: center;
	margin: 0px;
	font-size: 14px;
	font-family: "Muli", sans-serif;
}
footer p a {
	color: #EF4C94;
}
footer p a:hover {
	color: #E83E1B;
}

ul#footer {display:block;}

ul#footer > li {float:left; list-style:none; margin:0 20px; 0 0}

ul#footer > li > a:hover {color:#AAD3EA;}

@media (min-width:768px) {
    .no-padd-left {
        padding-left: 0px;
    }
    .no-padd-right {
        padding-right: 0px;
    }
}
@media (max-width:992px) {
    .no-padd-left {
        padding-left: 0px;
        padding-right: 0px;
    }
    .no-padd-right {
        padding-right: 0px;
        padding-left: 0px;
    }
}
@media (min-width:752px) {
    .mainmenu >ul>li {
        width: 19.3%;
        text-align: center;
    }
}