.heading-font {
  font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 1px;
}
.body-font {
  font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
  
}
.alt-font {
  font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  text-transform: uppercase;
  letter-spacing: 2px;
}
html,
body {
  height: 100%;
  width: 100%;
}
body {
  font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
  font-size:15px;
}
a {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  color: #fdcc52;
}
a:hover,
a:focus {
  color: #fcbd20;
}
hr {
  max-width: 100px;
  margin: 25px auto 0;
  border-width: 1px;
  border-color: rgba(34, 34, 34, 0.1);
}
hr.light {
  border-color: white;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 1px;
}
p {
  line-height: 1.5;
  margin-bottom: 20px;
}

.navbar-default {
  background-color: white;
  border-color: rgba(34, 34, 34, 0.05);
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 1px;
  box-shadow: 0 4px 3px -2px rgba(0, 0, 0, 0.08);
}
.navbar-brand { height:auto;}
.navbar-brand img{ display:inline-block; margin-right:20px;border: solid 1px #ccc; padding: 10px;}
.navbar-default .navbar-header .navbar-brand {
  font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 1px;
  color:#222;

}

.navbar-default .navbar-header .navbar-toggle {
  font-size: 12px;
  color: #222222;
  padding: 8px 10px;
}
.navbar-default .nav > li > a {
  font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 11px;
}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
    color: #222222;
border-bottom: solid 2px #ccc;
border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
border-radius:20px;
margin-left:20px;
padding:10px 15px;
margin-top:22px;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
 color:#d1283c;
 border-top: solid 1px #d1283c;
border-left: solid 1px #d1283c;
border-right: solid 1px #d1283c;
 border-bottom: solid 2px #d1283c;
 
}
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
  color:#d1283c !important;
  background-color: transparent;
   border-bottom: solid 2px #d1283c;
    border-top: solid 1px #d1283c;
border-left: solid 1px #d1283c;
border-right: solid 1px #d1283c;
}
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
  background-color: transparent;
}
@media (min-width: 768px) {
  .navbar-default {
  
  }

 
  .navbar-default .nav > li > a,
  .navbar-default .nav > li > a:focus {
 
  }
  .navbar-default .nav > li > a:hover,
  .navbar-default .nav > li > a:focus:hover {
  
  }
  .navbar-default.affix {
  
  }
  .navbar-default.affix .navbar-header .navbar-brand {
  
  }
  .navbar-default.affix .navbar-header .navbar-brand:hover,
  .navbar-default.affix .navbar-header .navbar-brand:focus {
  
  }
  .navbar-default.affix .nav > li > a,
  .navbar-default.affix .nav > li > a:focus {
 
  }
  .navbar-default.affix .nav > li > a:hover,
  .navbar-default.affix .nav > li > a:focus:hover {
   
  }
}
header {
  position: relative;
  width: 100%;
  min-height: auto;
  overflow-y: hidden;
  background: url("../img/bg-pattern.png"), #7b4397;
  /* fallback for old browsers */
  background: url("../img/bg-pattern.png"), -webkit-linear-gradient(to left, #7b4397, #00bc74);
  /* Chrome 10-25, Safari 5.1-6 */
  background: url("../img/bg-pattern.png"), linear-gradient(to left, #7b4397, #00bc74);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: white;
 
}
header .header-content {
  text-align: center;
  padding: 150px 0 50px;
  position: relative;
}
header .header-content .header-content-inner {
  position: relative;
  max-width: 500px;
  margin: 0 auto;
}
header .header-content .header-content-inner h1 {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 30px;
}
header .header-content .header-content-inner .list-badges {
  margin-bottom: 25px;
}
header .header-content .header-content-inner .list-badges img {
  height: 50px;
  margin-bottom: 25px;
}
header .device-container {

}
header .device-container .screen img {
     border-radius: 10px;
	    border: solid 5px #fff;

	}
@media (min-width: 768px) {
  header {
	  padding-top:200px;
	  padding-bottom:100px;
   
  }
  header .header-content {
   
  }
  header .header-content .header-content-inner {
   
  }
  header .header-content .header-content-inner h1 {
   
  }
  header .device-container {
 
  }
}
@media (min-width: 992px) {
  header .header-content .header-content-inner h1 {
    font-size: 32px;
	 margin-top: -90px;
	 background: rgba(255,255,255,0.1);
padding: 20px 10px;
border-radius: 10px;
  }
}
section {
  padding: 80px 0;
  line-height: 2;
}
section h2 {
  font-size: 30px;
  color:#d1283c;
  background: linear-gradient(to bottom, #7b4397, #dc2430);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-weight:bold;
	letter-spacing:.5px;
}




@media (min-width: 992px) {
  section.features .device-container {
    margin-bottom: 0;
  }
}

section.features .feature-item i {
  font-size: 80px;
  background: -webkit-linear-gradient(to left, #7b4397, #dc2430);
  background: linear-gradient(to left, #7b4397, #dc2430);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

section.cta .overlay {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}

.contact h3{ color:#000; font-weight:bold; font-size:20px;}
section  img{ border-radius:10px;}
section.contact h2 {
  margin-top: 0;
  margin-bottom: 25px;
}
section.contact h2 i {
  color: #dd4b39;
}
section.contact ul.list-social {
  margin-bottom: 0;
}
section.contact ul.list-social li a {
  display: block;
  height: 80px;
  width: 80px;
  line-height: 80px;
  font-size: 40px;
  border-radius: 100%;
  color: white;
}
section.contact ul.list-social li.social-twitter a {
  background-color: #1da1f2;
}
section.contact ul.list-social li.social-twitter a:hover {
  background-color: #0d95e8;
}
section.contact ul.list-social li.social-facebook a {
  background-color: #3b5998;
}
section.contact ul.list-social li.social-facebook a:hover {
  background-color: #344e86;
}
section.contact ul.list-social li.social-google-plus a {
  background-color: #dd4b39;
}
section.contact ul.list-social li.social-google-plus a:hover {
  background-color: #d73925;
}
footer {
  background-color: #ccc;
  padding: 25px 0;
  color: #222;
  text-align: center;
}
footer p {
  font-size: 12px;
  margin: 0;
}
footer ul {
  margin-bottom: 0;
}
footer ul li a {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.3);
}
footer ul li a:hover,
footer ul li a:focus,
footer ul li a:active,
footer ul li a.active {
  text-decoration: none;
}
.bg-primary {
	background:#fff;
	color:#222;

}
.text-primary {
  color: #fdcc52;
}
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
.btn-outline {
  color: white;
  border-color: white;
  border: 1px solid;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
  color: white;
  background-color: #fdcc52;
  border-color: #fdcc52;
}
.btn {
  font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  text-transform: uppercase;
  letter-spacing: 2px;
  border-radius: 300px;
}
.btn-xl {
  padding: 15px 45px;
  font-size: 11px;
}
::-moz-selection {
  color: white;
  text-shadow: none;
  background: #222222;
}
::selection {
  color: white;
  text-shadow: none;
  background: #222222;
}
img::selection {
  color: white;
  background: transparent;
}
img::-moz-selection {
  color: white;
  background: transparent;
}
body {
  webkit-tap-highlight-color: #222222;
}
.navbar-brand{font-size:32px;}
.navbar-brand strong, .contact strong,.contact i{color:#d1283c;background: linear-gradient(to bottom, #7b4397, #dc2430);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
	.navbar-brand strong{font-size:36px;}
	.contact strong{}
	
.navbar-brand:hover{ color:inherit;}
@media (max-width: 1200px) {
	.navbar-brand {
    font-size: 26px;
}
.navbar-default .nav > li > a, .navbar-default .nav > li > a:focus {
   
       margin-left: 10px;
    padding: 5px 10px;
    margin-top: 28px;
}
	}
	.grey-bg{ background:#f1f1f1;}
	
	/*footer go  to top*/

.cd-top {
   background: linear-gradient(to bottom, #7b4397, #dc2430);
    bottom: 20px;
    color: #000;
    display: inline-block;
    font-size: 0px;
    height: 36px;
	width:36px;
    line-height: 36px;
    opacity: 0;
    overflow: hidden;
    padding: 0 6px 0 30px;
    position: fixed;
    right: 20px;
    transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    visibility: hidden;
    white-space: nowrap;
    z-index: 99;
	font-family:'FontAwesome';
	border-radius:100%;
}
.cd-is-visible {
    opacity: .8;
    visibility: visible;
}
.cd-top:after {	
	content:"\f077";
	position:absolute;
	top:0px;
	font-size:12px;
	left:12px;
	color:#fff; 
}
.cd-is-visible:hover{
	 opacity: 1;
	}
	
	.lft-img{}
.img-section{ width:40%; float:left; }
.info-section{ width:60%; text-align:left;float:left; padding-left:40px; padding-right:40px;}
.lft-img img{
box-shadow: 7px 7px 42px -24px rgba(0,0,0,0.75);
    border: solid 5px #fff;

}
.owl-box { position:relative}
.owl-box h3{ position:absolute; bottom:10px; font-size:20px; background: linear-gradient(to bottom, #bb3155, #dc2430); padding:5px 10px;  text-align:left; right:20px; border-radius:5px;font-weight: bold;}
.navbar-header i{color: #d1283c;
}
@media (max-width: 800px) {
	.img-section,.info-section{ width:100%;  }
	.navbar-default .nav > li > a, .navbar-default .nav > li > a:focus {
    margin-left: 5px;
    padding: 5px 10px;
    margin-top: 10px;
	width:85%;
	margin:5px auto;
	
}
	}
	
	@media (max-width: 600px) {
		header .header-content{
			padding: 200px 0 50px;
		}
		.navbar-brand {
    font-size: 18px;
}
.navbar-brand strong {
    font-size: 26px;
}
.navbar-brand img {
      margin-right: 10px;
    padding: 5px;
}
header .header-content .header-content-inner h1 {
      font-size: 25px;
}
	
	}