Redesign

css/style.css

@@ -63,6 +63,9 @@ ul,p{
 .space100{
 	margin-top: 100px;
 }
+.space150 {
+	margin-top: 150px;
+}
 .space200{
 	margin-top: 200px;
 }
@@ -77,34 +80,45 @@ ul,p{
 	font-size: 35px;
 }
 .navbar-default {
-    background-color: #fff;
+    background-color: transparent;
     border: 0;
     min-height: auto;
     padding: 24px 0 16px;
 }
+
 .navbar-default .navbar-nav>li>a {
     font-weight: 300;
-    font-size: 16px;
+    font-size: 18px;
     padding: 0px 15px !important;
     letter-spacing: 1.2px;
+    color: #fff;
+}
+
+body.second .navbar-default .navbar-nav>li>a {
+	color: #26245f;
 }
  
 .navbar-default .navbar-nav>li>a.contact-large {
 	padding-top: 5px !important;
 	padding-bottom: 5px !important;
-	padding-left: 20px !important;
+	padding-left: 30px !important;
-	padding-right: 20px !important;
+	padding-right: 30px !important;
 
 	margin-left: 15px;
 	font-weight: 600;
-	color: #367edd;
+	border: 2px solid #fff;
-	border: 2px solid #367edd;
+	/*border-radius: 20px;*/
-	border-radius: 20px;
+}
+
+
+body.second .navbar-default .navbar-nav>li>a.contact-large {
+	border: 2px solid #26245f;
+	
 }
 
 .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
-    /*color: #fff;*/
+    color: #fff;
-    background-color: transparent;
+    /*background-color: transparent;*/
 }
 .navbar-brand {
     padding: 7px 15px;
@@ -151,7 +165,12 @@ ul,p{
     -moz-transition: .25s ease-in-out;
     -o-transition: .25s ease-in-out;
     transition: .25s ease-in-out;
+    /*background-color: #777;*/
+}
+
+body.second #nav-icon3 span {
     background-color: #777;
+
 }
 #nav-icon3 span:nth-child(1) {
     top: 0px;
@@ -191,16 +210,20 @@ ul,p{
     background-color: #fff;
 
 }
+.flexed {
+	display: flex;
+}
+
 /*============================================================*/
 .banner{
-	background:url(../img/banner.png)no-repeat;
+	background:url(../img/banner3.png)no-repeat;
 	width: 100%;
 	height: 100%;
 	background-size: cover;
 	display: table;
 }
 .banner h1 {
-    font-size: 64px;
+    font-size: 90px;
     font-weight:200;
     color: #fff;
     text-align: center;
@@ -238,8 +261,15 @@ ul,p{
 	font-size: 48px;
 	font-weight:400; 
 }
+.med-title2 {
+	margin-top: 20px;
+	margin-bottom: 20px;
+	color: #26245F;
+	font-size: 40px;
+	font-weight:400; 
+}
 .tag-line {
-    font-size: 24px;
+    font-size: 28px;
     color: #26245F;
     font-weight: 300;
 }
@@ -295,23 +325,31 @@ ul,p{
     background-size: 70px;
     background-position: 0 18%;
     /*padding: 130px 0 0 48px;*/
-    padding: 100px 0 0 48px;
+    /*padding: 100px 0 0 48px;*/
 }
 
 .numb-one {
-    background: url(../img/one.svg)no-repeat !important;
+    /*background: url(../img/one.svg)no-repeat !important;*/
 }
 
 .numb-two{
-	background: url(../img/two.svg)no-repeat !important;
+	/*background: url(../img/two.svg)no-repeat !important;*/
 }
 .numb-third{
-	background: url(../img/third.svg)no-repeat !important;
+	/*background: url(../img/third.svg)no-repeat !important;*/
 }
+/*========================expertise================================*/
+
+.expertise {
+	    /*background-color: #f6f7fe;*/
+    padding: 150px 0;
+    background-color: #f6f7fe
+}
+
 
 /*========================how-we-work================================*/
 .how-we-work{
-	background-color: #F6F7FE;
+	/*background-color: #F6F7FE;*/
 	padding: 150px 0;
 }
 .border-box {
@@ -328,7 +366,7 @@ ul,p{
 }
 .details2{
 	color:#27255e;;
-    font-size: 18px;
+    font-size: 22px;
     font-weight: 300;
 }
 /*===================our-work======================================*/
@@ -390,11 +428,12 @@ ul,p{
 }
 /*======================form-section=======================*/
 .form-section{
-	background:#DEEDFF url(../img/form-banner.png)no-repeat;
+	/*background:#DEEDFF url(../img/form-banner.png)no-repeat;*/
 	height: 100%;
 	width: 100%;
 	display: table;
-	background-size: cover;
+	/*background-size: cover;*/
+	background-color: #f6f7fe;
 }
 
 .form-section .form-control {
@@ -494,10 +533,11 @@ footer ul li a:hover{
 
 body.second .navbar
 {
-	/*background: #656bfd !important;*/
+	background: #fff !important;
 	position: fixed;
 	width: 100%;
 	z-index: 999;
+	box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 5px rgba(0,0,0,0.075);
 	/*transition: all 0.3s ease-in-out;*/
 }
 .owl-page.active{
@@ -526,7 +566,7 @@ body.second .navbar
 
 .full-width-img {
 	width: 100%;
-	max-height: 450px;
+	/*max-height: 450px;*/
 }
 /*==============Chnages(03-Oct)===============================*/
 footer .back-to-top{
@@ -615,11 +655,27 @@ footer .back-to-top{
 	margin-left: -1px;
 }
 
+.img-centered-block {
+    text-align: center;
+    fill: #367edd;
+    padding: 50px;
+    margin: auto 0;
+}
+    
+.text-highlight {
+    /*background-color: #deedff;*/
+    /*padding: 5px;*/
+}
+
+.around-svg {
+	width: 200px;
+	height: 200px;
+}
 
 /*========================Media Query================================*/
 @media(max-width: 1199px){
 	.details {
-	    font-size: 26px;
+	    font-size: 22px;
 	}
 	.med-title {
 	    font-size: 40px;
@@ -842,13 +898,18 @@ footer .back-to-top{
 	    margin-bottom: -1px;
 	}
 	.med-title {
-	    font-size: 23px;
+	    font-size: 38px;
 	}
 	.details {
 	    font-size: 16px;
+	    text-align: center;
+	}
+	.details2 {
+	    font-size: 16px;
+	    /*text-align: center;*/
 	}
 	.tag-line{
-	    font-size: 14px;
+	    font-size: 20px;
 	}
 	.what-we-do,.how-we-work {
 	    padding: 50px 0;
@@ -922,6 +983,44 @@ footer .back-to-top{
 	    padding: 0;
 	    background: none !important;
 	}
+
+	.flexed {
+		/*flex-direction: column-reverse;*/
+		flex-wrap: wrap-reverse;
+	}
+
+	.flexed2 {
+		flex-wrap: wrap;
+	}
+
+	.med-title2 {
+		text-align: center;
+		font-size: 28px;
+	}
+	.img-centered-block {
+		width: 100%;
+		padding: 10px;
+	}
+
+	.around-svg {
+		margin: 0 auto;
+	    max-width: 125px;
+	}
+
+	.space150 {
+		margin-top: 50px;
+	}
+
+	.space90 {
+		margin-top: 30px;
+	}
+
+	.expertise {
+		padding: 50px 0;
+	}
+	body.second .navbar-default .navbar-nav>li>a {
+	color: #fff;
+}
 }
 
 
@@ -963,4 +1062,3 @@ and (max-device-width : 568px)
 and (orientation : landscape) {
 
 }
-