body{margin: 0px;  font-family: 'Montserrat', sans-serif; font-size: 20px; color:#fff; background: #000 url(../img/bg.jpg) no-repeat center center fixed; background-size:cover; height:100%; }

p{font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold; color: #fff; font-weight: 300;}

h1,h2,h3{font-family:'Montserrat';}

a,div,input{outline:none;}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('fonts/Montserrat-Bold');
    src: url('fonts/Montserrat-Light');
         url('fonts/Montserrat-Regular');
         url('fonts/Montserrat-SemiBold');
         url('fonts/HindMadurai-Regular');
        url('fonts/Lora-Italic');
    font-weight: normal;
    font-style: normal;
}

.row{ max-width: 1370px;}

.top-bar {background: transparent; max-width: 1370px; margin: 0 auto;}
.top-bar .name a {
	padding: 0 !important;
}

/*--nav-section--*/

.top-bar {background:transparent; max-width:1370px;margin: 0 auto;}
.nav-outer {padding:50px 0 20px;}
.top-bar-section li:not(.has-form) a:not(.button) {transition: all ease 0.5s; background-color:transparent; font-size: 16px; color:#919191; font-family: 'Montserrat', sans-serif;padding:0; line-height:1.813rem; padding:0; letter-spacing:2px;
text-transform:uppercase;}
.top-bar-section li:not(.has-form) a:hover:not(.button) {background-color:transparent;}
.top-bar-section ul li {background:transparent; margin-left:33px; margin-top: 10px;  }
.top-bar-section{margin-top: 20px;}
.top-bar-section li.active:not(.has-form) a:not(.button) {background:transparent; color:#fff; padding:0; line-height:1.813rem; border-bottom:2px #00afef solid;  font-weight:600;}
.top-bar-section li.active:not(.has-form) a:hover:not(.button) {background:transparent;color:#fff; border-bottom:2px #00afef solid;  font-weight:600;}
.top-bar-section ul li:hover:not(.has-form) > a {color:#00afef; background:transparent; color:#fff; border-bottom:2px #00afef solid;  font-weight:600;}
.top-bar.expanded .title-area {background:transparent;}
.name h1{text-align: left; padding-top: 0;}
.name h1:before{background:none;}


.top-bar-section ul {
	margin-right: 114px;
}



.btn-contact {
	background-color: #00afef;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	width: auto;
	height: auto;
	border-radius: 8px;
	text-align: center;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 25px;
	font-size: 15px;
	padding: 0 8px;
	line-height: 31px;
	transition: all ease 0.5s;
}
.btn-contact:hover{background-color: #fff; color:#00afef;}
/*--header-section--*/

.header-outer{}

.header{background-repeat: no-repeat; width:100%; padding-bottom: 70px;}
.header h1 {color: #00afef;font-size:100px; margin:0 auto; line-height:100px; margin-bottom:10px; padding: 0px; font-family: 'Hind Madurai', sans-serif; font-weight:700; text-transform: uppercase;}

.header h2 {color: #fff;font-size:100px; margin:0 auto; line-height:135px; margin-bottom:10px; padding: 0px; font-family: 'Montserrat'; font-weight: 600;}

/*.header h3 {color: #fff;font-size:111px; margin:0 auto; line-height:135px; margin-bottom:10px; padding: 0px; font-family: 'Montserrat'; font-weight: normal;}*/

.slide-content {width: auto; margin-left: 0px;color: #fff; margin-top:60px;position:relative; padding-left: 30px;}
.single-item .row{ max-width:1274px;}

.slide-content p {
	font-size: 33px;
	max-width: 620px;
	line-height: 50px;
	margin-top: 67px;
	font-family: 'Lora', serif;
	color: #ADADAD;
	font-style:italic;
}

.slide-content h3{font-size: 32px; margin-top:68px; font-family: 'Hind Madurai', sans-serif; color: #e2e2e2; margin-bottom:30px;}

#p1{font-size: 38px; margin-top:68px; font-family: 'HindMadurai'; color: #e2e2e2;}
#p-txt{font-size: 54px; line-height: 143px; font-family: 'lora'; color: #fff; margin-right: 35px; width: 70%; float: left;}

.right-text{font-size: 20px; max-width: 100%;line-height: 44px; margin-top: 254px; font-family: 'Montserrat'; color: #c4c4c4; float: right;}
.about-img { width:100%; float: left;}


.leran-btn a {
	background-color: #00afef;
	color: #fff;
	    font-family: 'Montserrat', sans-serif;
	font-weight:600;
	text-transform: uppercase;
	width: 178px;
	height: 40px;
	border-radius: 10px;
	text-align: center;
	padding-top: 6px;
	display: inline-block;
	transition: all ease 0.5s;
}
.leran-btn a:hover{background-color: #fff; color:#00afef;}

.clearfix{
  content: "";
  clear: both;
  display: table;
}


/*--branding page--*/

#branding-txt {
	color: #fff;
	font-size: 56px;
	line-height: 69px;
	margin-bottom: 10px;
	padding: 0px;
	font-family: 'Montserrat';
	font-weight: 600;
	margin-left: 0;
	max-width:88%;
}
.header h4 {color: #fff;font-size:73px; margin:0 auto; line-height:100px; margin-bottom:10px; padding: 0px; font-family: 'Montserrat'; font-weight: normal; max-width: 80%; margin-left: 38px;}
#branding-ptxt{font-size: 43px;max-width: 80%;line-height: 70px; margin-top:100px; font-family: 'lora'; color: #adadad; margin-left: 38px;}

#branding-p-txt{font-size: 56px; line-height: 76px; font-family: 'lora'; color: #00afef; margin-top: 100px; width: 70%; float: left; margin-left: 38px;}

/*--IT page--*/
.it-text{font-size: 45px; max-width:100%;line-height: 76px; margin-top: 100px; font-family: 'lora'; color: #fff; float: right;}
#it-p-txt{font-size: 74px; line-height: 106px; font-family: 'Montserrat'; font-weight: normal; color: #fff; margin-top: 100px; float: left; margin-left: 38px;}


/*--contact page--*/
#cont-txt{font-size: 74px; line-height: 106px; font-family: 'Montserrat'; font-weight: normal; color: #fff; float: left; margin-left: 38px;}
#cont-p-text{font-size: 30px; max-width:100%;line-height: 76px; font-family: 'lora'; color: #fff; float: right;}


.contact-section{padding:50px 0;}

.contact-form input {
	height: 62px;
	box-shadow: 0 0 0 0;
	font-size: 20px;
	padding-left: 24px;
	border: 0px;
	background: transparent;
	border: 1px #c4c4c4 solid;
	font-family: 'Montserrat', sans-serif;
	color:#fff;
}
.contact-form input:focus{background:transparent; border-color:#00afef;}
.contact-form textarea {
	height: 218px;
	box-shadow: 0 0 0 0;
	font-size: 20px;
	padding-left: 24px;
	border: 0px;
    color: #fff;
	background: transparent;
	border: 1px #c4c4c4 solid;
	padding-top:24px;
	font-family: 'Montserrat', sans-serif;
	color:#fff;
}
.contact-form textarea:focus{background:transparent; border-color:#00afef;}
.contact-form input[type="submit"] {
	height: auto;
	font-size: 21px;
	padding: 16px 40px;
	transition: background-color 300ms ease-out 0s;
	background: #00afef;
	color: #fff;
	margin-top: 0px;
	float: left;
	cursor: pointer;
	text-transform: uppercase;
	border-radius: 8px;
	border: 0;
	margin-top:20px;
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
}

.contact-form input[type="submit"]:hover {background:#fff; color:#000;}

/*--web design page--*/

.web-right-text {
	font-size: 38px;
	width: 100%;
	line-height: 60px;
	font-family: 'lora';
	color: #fff;
	float: right;
	font-style: italic;
}
.web-p-txt{font-size: 30px; line-height: 46px; font-family: 'Hind Madurai'; color: #fff; width: 100%; float: left; font-weight: normal;}

.e-commerce-section{background:#e2e2e2 url(../img/ecommerce-bg.png) no-repeat center; padding: 80px 0;}
.e-commerce-section .btn {
	background-color: #00afef;
	padding: 8px 0;
	text-align: center;
	color: #fff;
	border-radius: 8px;
	width: 179px;
	font-weight: 600;
}
/*.btn:hover{color: #fff; background-color:#000;}*/
#web-txt {
	font-size: 55px;
	line-height: 75px;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	color: #000;
	float: left;
	margin-top: 50px;
}
#web-txt1{font-size: 40px; line-height: 68px; font-family: 'lora'; font-weight: normal; color: #000; float: right; margin-top: 50px;}
.web-h2txt{color: #e2e2e2; font-size: 86px; line-height: 78px; font-family: 'Montserrat'; font-weight: 600; float: left;}
.e-commerce-section-bottom h2{color: #e2e2e2; font-size: 76px; line-height: 78px; font-family: 'Montserrat'; font-weight: 600; float: left; margin-bottom: 70px;}
.web{color: #00afef;}

.about-section{padding-top:30px;}
.about-section h2 {color: #fff;font-size:88px; margin:0 auto 0; line-height:135px; padding: 0px;   font-family: 'Montserrat', sans-serif; font-weight:700;}
.about-section h2 span{color: #00afef;}
.about-section h3 {color: #fff;font-size: 88px;line-height: 100px;}
.about-text {
	font-size: 24px;
	width: 100%;
	line-height: 44px;
	    font-family: 'Montserrat', sans-serif;
	color: #c4c4c4;
	float: right;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: relative;
}
.about-section h4{margin-top: 80px; font-size: 50px; line-height: 46px; font-family: 'Lora', serif; color: #fff; width: 100%; float: left; font-weight: normal; font-style: italic;}

.row.about-section-bottom {
	display: flex;
	flex-flow: row wrap;
	margin-top: 90px;
	margin-bottom: 100px;
	padding-left: 70px;
	padding-right: 50px;
}


.branding-section{padding-top:30px;}

.text-blue{color:#00AEEF;}
.branding-txt-normal{font-weight:normal;}
.row.about-section-top {
	padding-left: 70px;
}

.branding-section h3 {
	color: #ADADAD;
	margin-top: 56px;
	font-size: 40px;
	line-height: 55px;
	font-family: 'Lora', serif;
	width: 100%;
	float: left;
	font-weight: normal;
	font-style: italic;
	margin-bottom: 84px;
	max-width: 90%;
}

.row.branding-section-bottom{display: flex;	flex-flow: row wrap; padding-left: 70px; padding-right: 60px;}
.row.branding-section-bottom .about-img{top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: relative;}



.branding-section h4 {
	margin-top: 60px;
	font-size: 50px;
	line-height: 64px;
	font-family: 'Lora', serif;
	max-width: 740px;
	float: left;
	font-weight: normal;
	font-style: italic;
	color: #00AEEF;
	padding-left: 70px;
}
.branding-section {
	padding-top: 30px;
	padding-bottom: 70px;
}

.branding-section.it-section h3 {
	padding-left: 60px;
	max-width:100%;
}

.branding-section.it-section h2 {
	color: #fff;
	font-size: 60px;
	line-height: 75px;
	margin-top: 70px;
	padding-left: 70px;
	padding-right: 60px;
}

.contact-outer h2 {
	color: #fff;
	font-size: 50px;
	line-height: 65px;
	padding-left: 70px;
}
.contact-form p {
	font-family: 'Lora', serif;
	font-style: italic;
	font-size: 31px;
	margin-bottom: 40px;
}
.contact-section .contact-form {
	width: 81%;
	float: right;
	margin-top: 60px;
	padding-right: 70px;
}

.webdesign-section-1 h2 {
	color: #fff;
	font-size: 88px;
	line-height: 100px;
	font-weight: 600;
}
.webdesign-section-2 .about-img {
	text-align: center;
}

.row.webdesign-section-2 {
	padding:80px 60px 90px;
}
.web-wrapper {
	background: #151515;
}


.top-bar.expanded {
	background: transparent;
}

.row.branding-section-top {
	padding-left: 70px;
}
.contact-outer {
	padding-top: 30px;
}

.webdesign-outer .large-12.columns {
	padding: 70px 20px 30px 80px;
}
.row.webdesign-section-3 {
	padding:0px 20px 80px 80px;
}
.e-commerce-section .row {
	padding: 0 70px;
}


.e-commerce-section-bottom {padding:100px 0;}
.e-commerce-section-bottom .row {
	padding: 0 70px;
}

.row.e-commerce-section-bottom2 {
	margin-top: 70px;
	display: flex;
	flex-flow: row wrap;
}

.e-commerce-section-bottom2-content{
top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: relative;
	padding-left:40px;
}
.e-commerce-section-bottom2-content p:nth-child(2) {
	margin: 0;
}
.top-bar .toggle-topbar.menu-icon a span:after {
	box-shadow:0 0 0 0 !important;
	width:27px;
	height:17px;
	background:url(../img/togglemenu.png) no-repeat;
	margin-top: -12px;
}