body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

h1,h2,h3,h4,h5,h6{
	padding:0 0;
	margin:0 0;
}
p{
	padding:0 0;
	margin:0 0;
}
ul{
	padding:0 0;
	margin:0 0;	
}
@font-face {
    font-family: "Huntsman";
    src: url('../fonts/Huntsman.otf');
}
@font-face {
    font-family: "Exo", sans-serif;
    src: url('../fonts/Exo.otf');
}
@font-face {
    font-family: "Open Sans";
    src: url('../fonts/OpenSans.ttf');
}
body{
	padding:0 0;
	margin:0 0; 
	font-family: 'Open Sans';
}
.header-top {
    margin-top: 0em;
}

.navbar-nav {
    float: right;
    margin: 0;
}
.navbar-default {
    background: none!important;
    border: none!important;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
	font-family: 'Huntsman', sans-serif;
  font-size: 1.4em;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #1F527D;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #1F527D;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #1F527D;
}
.navbar-default {
    	padding: 0em 0;
}
.navbar-collapse {
    max-height: 340px;
    padding-right: 0px;
    padding-left: 0px; 
}

.number{
  font-size: 1.4em;
  font-weight: bold;
  color:#fff;
  text-shadow: 0px 0px 0 #0033ff;
}
.number:hover {
  background:#666666;
}
.number1{
  font-size: 1.4em;
  font-weight: 500;
  color:#ff3333;
  text-shadow: 1px 1px 0 #333333;
}
.number1:hover {
  background:#666666;
}

q{
  font-style: oblique;
  font-size: 1.2em;
  font-weight: 600;
  font-family: 'Huntsman', sans-serif;
  color: #1F527D;
}
.sogl{
  color: white;
}
.header{
	background:url(../images/banner2.jpg) no-repeat 0px 0px;
	background-size:contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  -ms-background-size: contain;
	min-height:774px;
	padding-bottom: 4em;
}

.sitename{
  position: absolute;
  margin: auto;
  color: white;
  font-family: 'Exo', sans-serif;
  font-size: 3em;
  padding-top:  0px;
  margin: auto;
}

.header-bottom {
    position: relative;
}
.header-grids {
    position: absolute;
    bottom: 1.5em;
    left: 0;
    width: 100%;
}
.header-grid h4 {
    font-size: 1.8em;
    padding: 0.5em 0 0;
    color: #fff;
    font-family: 'Huntsman', sans-serif;
}
.header-bg {
    background: #cc3333;
    padding: 1em 0.5em;
    color: black;
}
.header-grid p {
  font-size: 1em;
  padding: 0.5em 0;
  color: #fff;
  line-height: 1.2em;
}
.about {
	padding:7em 0 4em;
	text-align: center;
}
.about h2, {
  font-size: 3.5em;
  font-family: 'Huntsman', sans-serif;
  color: #1F527D;
	text-align: center;
}
.conversation h3, .dating h3 {
  font-size: 3.5em;
  font-family: 'Huntsman', sans-serif;
  color: #1F527D;
	text-transform: capitalize;
}
.conversation{
	padding: 1em 0;
	text-align:center;
  background-color: #d8d8d8;
}
.conversation-grid  h4 {
  font-size: 1.8em;
  font-family: 'Huntsman', sans-serif;
  color: #282828;
	text-transform: capitalize;
  margin: .5em 0;
}
.conversation-grid p {
    color: #646464;
    font-size: 1em;
    line-height: 1.8em;
}
.conversation-grids {
    margin-top: 1em;
}

.dating-info p {
    color: #646464;
    font-size: 1em;
    line-height: 1.8em;
}
.dating-info h5 {
  color: #282828;
  font-size: 1.4em;
	margin: 0.5em 0 0;
  font-family: 'Huntsman', sans-serif;
}
.dating {
    padding: 2em 0;
}
.dating-info p span {
    font-size: 2em;
    color: #222;
}
.dating-info {
    margin-top: 2em;
}

.dating-number {
    font-size: 1.4em;
    color: black;
    font-family: 'Huntsman', sans-serif;
}
.Works-grids {
    margin-top: 3em;
}
.Works-grid p{
  color: #646464;
  font-size: 1em;
  line-height: 1.8em;
	margin-top: 1em;
}
.footer-section{
	padding:2em 0;
	text-align:center;
	background: #222;
}
.footer-top p {
	font-size: 0.9em;
	color: #fff;
	font-weight: 400;
}
.footer-top  a {
	font-size: 1em;
	color:#fff;
	font-weight: 400;
	text-transform: capitalize;
}
.footer-top a:hover {
	color: #fff;
}
.footer-top a {
	margin: 0 0.3em
}

		/**responsive**/
@media screen and (max-width:1700px){
    .header {
      min-height: 700px;
  }
  .about{
    padding: 8em 0 3em;
  }
}

@media screen and (max-width:1440px){
  .header {
      min-height: 697px;
  }
  .about{
    padding: 3em 0 3em;
  }
}
@media screen and (max-width:1366px){
  .header {
      min-height: 600px;
  }
  .about{
    padding: 10em 0 3em;
  }
}
@media screen and (max-width:1280px){
  .sitename{
    font-size: 2.5em;
  }
  .header {
      min-height: 600px;
  }
  .about{
    padding: 5em 0 3em;
  }
}

@media screen and (max-width:1080px){
  .header {
      min-height: 554px;
  }
  .about{
    padding: 8em 0 3em;
  }
  .about h2 {
      font-size: 3em;
  }
  .conversation h3, .dating h3,  {
      font-size: 3em;
  }
  .dating-info h5 {
      font-size: 1.25em;
  }
  .sitename{
    font-size: 2.5em;
  }
}
@media screen and (max-width:991px){
  .sitename{
    font-size: 2em;
    left: 10px;
  }
  .navbar-default .navbar-nav > li > a {
      font-size: 1.2em;
      padding-right: 0px;
  }
  .header-grid {
    float: left;
    width: 33.3%;
  }
  .header-grid  img {
    display: block;  height: auto; margin: 0 auto; 

  }
  .header-bg {
    padding: 1em 1em;
  }
  .header {
    min-height: 385px;
  }
  .about h2, {
      font-size: 2.8em;
  }
  .conversation h3, .dating h3, {
      font-size: 2.7em;
  }
  .about {
      padding: 15em 0 3em;
  }
  .conversation, .dating, {
      padding: 1em 0;
  }
  .conversation-grid {
      float: left;
      width: 33.3%;
  }
  .dating-grid {
      float: left;
      width: 40%;
  }
  .dating-grid-right {
      float: left;
      width: 60%;
  }
  .Works-grid {
      float: left;
      width: 33.3%;
  	padding: 0 5px;
  }
}
@media screen and (max-width:800px){
  .header{
    min-height: 175px;
  }
  .sitename{
    font-size: 2em;
    left: 0px;
    margin-top: -5px;
    margin-left: 100px;
  }

  .navbar-nav {
      float: none;
      margin: 0;
      width: 100%;
      text-align: center;
      background: #4e4b4b;
      opacity: 0.9;
  }
  .navbar-collapse {
      margin-top: 1em;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
      border-color: #1F527D;
  }
  .navbar-toggle {
      margin: 2px;
  }
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #01939A;
  }
  .navbar-default .navbar-toggle {
      border-color: black;
  }
  .navbar-default .navbar-toggle .icon-bar {
      background-color: #fff;
  }
  .navbar-default .navbar-nav .open > li > a:hover, .navbar-default .navbar-nav .open > li > a:focus {
      color: #fff;
      background-color: transparent;
  }
  .navbar-default .navbar-nav .open > li > a {
      color: #fff;
      background-color: #1F527D;
  }
  .navbar-toggle {
       background-color: #5DC8CD;
  }
    .header-grid {
      float: none;
      width: 100%;
      margin-bottom: 1em;
  }
  .header-grid {
      float: none;
      width: 100%;
      margin-bottom: 1em;
  }
  .header-bottom {
      position: inherit;
  }
  .header-grids {
      position: inherit;
  }
  .about {
      padding: 0em 0 2em;
  }
  .conversation-grid {
      width: 100%;
  }
  .conversation-grid img {
      margin: 0 auto;
  }
  .conversation-grid:nth-child(2) {
      margin: 1em 0;
  }
  .about h2{
      font-size: 2.4em;
  }
  .conversation h3, .dating h3,  {
      font-size: 2.3em;
  }
}
@media screen and (max-width:640px){
  .sitename{
    font-size: 2em;
  }
  
  .header {
      min-height: 200px;
      background-size: cover;
      background-position: center;
  }
  .header-top {
      margin-top: 0em;
  }
  .about h2,  {
      font-size: 2.5em;
  }
  .conversation h3, .dating h3, {
      font-size: 2.5em;
  }
  .conversation, .dating, {
      padding: 1em 0;
  }
  .conversation-grids {
      margin-top: 1em;
  }
  .dating-grid {
      width: 100%;
  }
  .dating-grid-right {
    width: 100%;    
  	margin-top: 1em;
  }
}

@media screen and (max-width:570px){
  .header{
    min-height: 200px;
  }
  .sitename{
    font-size: 2em;
  }
}
@media screen and (max-width:480px){
  .sitename{
    font-size: 2em;
    color: red;
    text-shadow: 2px 2px 0 black, -1px -1px 0 black;
    margin-top: -5px;
    margin-left: 20px;
  }
  .header {
  	min-height: 160px;
  }
}
@media screen and (max-width:320px){
  .sitename{
    font-size: 1.5em;
    color: red;
    margin-top: -5px;
    margin-left: 0px;
  }
  .navbar-default {
      padding: 0em 0;
  }
  .header {

  	min-height: 100px;
  	padding-bottom:1em;
  }
  .navbar-toggle {
      margin-top: 6px;
      padding: 6px 7px;
  }
  .header-grid {
      padding: 0;
  }
  .about h2, {
      font-size: 2.2em;
  }
  .conversation h3, .dating h3, {
      font-size: 2em;
  }
  .conversation, .dating {
      padding: 1em 0;
  }
  .conversation-grids {
      margin-top: 1em;
  }
  .conversation-grid {
      padding: 0;
  }
  .dating-grid {
      padding: 0;
  }
  .dating-grid-right {
      padding: 0;
  }
  .Works-grid {
      width: 100%;
      padding: 0;
  }
  .Works-grid:nth-child(2) {
      margin: 1em 0;
  }
  .footer-section {
      padding: 1em 0;
  }
}