@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
	  body, html{width:auto; height:auto}

}
	 
	 
 header.masthead .iamge_logo {
	 margin-bottom:30px
 }
	 
 body{
	 min-width:640px;
	 font-family:Muli,Helvetica,Arial,sans-serif
	 }
	 
 a{
	 color:#fdcc52;-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s
     }
 
 a:focus,a:hover{
	 color:#2eb82e
	 }
	 
 hr{
	 max-width:444px;margin:25px auto 0;border-width:1px;border-color:rgba(34,34,34,.1)
	 }
	 
 hr.light{
	 border-color:#fff
	 }
	 
 h1,h2,h3,h4,h5,h6{
	 font-family:Catamaran,Helvetica,Arial,sans-serif;font-weight:200;letter-spacing:1px
	 }
	 
.mb-5{
	letter-spacing:2px;
	text-align:left;
	}	 
	 
 p{
	 font-size:18px;line-height:1.5;margin-bottom:40px
	 }
	 
 section{
	 padding:30px 0
	 }
	 
 section h2{
	 font-size:50px
	 }
	 
	 /* Navigation bar*/
	 
 #mainNav{
	 border-color:rgba(34,34,34,.05);background-color:#fff;-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s;font-family:Catamaran,Helvetica,Arial,sans-serif;font-weight:200;letter-spacing:1px
	 }
	 
 #mainNav .navbar-brand{
	 color:#1680C0;
	 font-family:Catamaran,Helvetica,Arial,sans-serif;
	 font-weight:600;
	 letter-spacing:1px;
	 }
	 
 #mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{
	 color:#000000
 	}
 
 #mainNav .navbar-toggler{
	 font-size:12px;padding:8px 10px;color:#222
	 }
	 
 #mainNav .navbar-nav>li>a{
	 font-size:11px;font-family:Lato,Helvetica,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase
	 }
	 
 #mainNav .navbar-nav>li>a.active{
	 color:#1680C0!important;
	 background-color:transparent
	 }
	 
 #mainNav .navbar-nav>li>a.active:hover{
	 background-color:transparent;
	 }
	 
 #mainNav .navbar-nav>li>a,#mainNav .navbar-nav>li>a:focus{
	 color:#000000;
	 }
	 
 #mainNav .navbar-nav>li>a:focus:hover,#mainNav .navbar-nav>li>a:hover{
	 color:#1680C0}@media (min-width:3200px){#mainNav{border-color:transparent;background-color:transparent}#mainNav .navbar-brand{color:fade(white,70%)}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff}#mainNav .navbar-nav>li>a,#mainNav .navbar-nav>li>a:focus{color:#1680C0)}#mainNav .navbar-nav>li>a:focus:hover,#mainNav .navbar-nav>li>a:hover{color:#fff}#mainNav.navbar-shrink{border-color:rgba(34,34,34,.1);background-color:#fff}#mainNav.navbar-shrink .navbar-brand{color:#222}#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:#1680C0}#mainNav.navbar-shrink .navbar-nav>li>a,#mainNav.navbar-shrink .navbar-nav>li>a:focus{color:#222}#mainNav.navbar-shrink .navbar-nav>li>a:focus:hover,#mainNav.navbar-shrink .navbar-nav>li>a:hover{color:#1680C0}
	 }
	 
	  /* CSS for timeline  */
 .row_about{margin-top:80px}	  
 .timeline{position:relative;padding:50px;list-style:none}
 .timeline:before{position:absolute;top:0;bottom:0;left:40px;width:2px;margin-left:-1.5px;content:'';background-color:#e9ecef}
 .timeline>li{position:relative;
 			  min-height:50px;
              margin-bottom:50px}
 .timeline>li:after,.timeline>li:before{display:table;content:' '}
 .timeline>li:after{clear:both}
 .timeline>li .timeline-panel{position:relative;float:right;width:100%;padding:0 20px 0 100px;text-align:left}
 .timeline>li .timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}
 .timeline>li .timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}
 .timeline>li .timeline-image{position:absolute;z-index:100;left:0;width:80px;height:80px;margin-left:0;text-align:center;color:#fff;border:7px solid #e9ecef;border-radius:100%;background-color:#fed136}
 .timeline>li .timeline-image h4{font-size:10px;line-height:14px;margin-top:12px}
 .timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 20px 0 100px;text-align:left}
 .timeline>li.timeline-inverted>.timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}
 .timeline>li.timeline-inverted>.timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}
 .timeline>li:last-child{margin-bottom:0}.timeline .timeline-heading h4{margin-top:0;color:inherit}
 .timeline .timeline-heading h4.subheading{text-transform:none}
 .timeline .timeline-body>p,.timeline .timeline-body>ul{margin-bottom:0}@media (min-width:768px){.timeline:before{left:50%}.timeline>li{min-height:100px;margin-bottom:100px}
 .timeline>li .timeline-panel{float:left;width:41%;padding:0 20px 20px 30px;text-align:right}
 .timeline>li .timeline-image{left:50%;width:100px;height:100px;margin-left:-50px}
 .timeline>li .timeline-image h4{font-size:13px;line-height:18px;margin-top:16px}
 .timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 30px 20px 20px;text-align:left}}@media (min-width:992px){.timeline>li{min-height:150px}
 .timeline>li .timeline-panel{padding:0 20px 20px}
 .timeline>li .timeline-image{width:150px;height:150px;margin-left:-75px}
 .timeline>li .timeline-image h4{font-size:18px;line-height:26px;margin-top:30px}
 .timeline>li.timeline-inverted>.timeline-panel{padding:0 20px 20px}}@media (min-width:1200px){.timeline>li{min-height:170px}
 .timeline>li .timeline-panel{padding:0 20px 20px 100px}
 .timeline>li .timeline-image{width:170px;height:170px;margin-left:-85px}
 .timeline>li .timeline-image h4{margin-top:40px; font-weight:bold}
 .timeline>li.timeline-inverted>.timeline-panel{padding:0 100px 20px 20px}}
	 
	 
	 /* Masthead*/
	 
 header.masthead{
	 position:relative;width:100%;padding-top:150px;padding-bottom:100px;color:#fff;background:url(../img/bg-pattern.png),#7b4397;background:url(../img/bg-pattern.png),-webkit-linear-gradient(to left,#7b4397,#dc2430);background:url(../img/bg-pattern_2.png),linear-gradient(to left,#999999,#8c8c8c)
	 }
	 
 header.masthead .header-content{
	 max-width:800px;margin-top:60px;
	 text-align:center;
	 }
	 
 header.masthead .header-content h1{
	 font-size:30px
	 }
	 
 header.masthead .device-container{
	 max-width:325px;margin-right:auto;margin-left:auto
	 }
	 
 header.masthead .device-container .screen img{
	 border-radius:1px}@media (min-width:320px){
		 header.masthead{
			 height:auto;
			 min-height:775px;
	 		 padding-top:0px;
	 	     padding-bottom:0}
	 header.masthead .header-content{margin-bottom:100px;text-align:center}header.masthead .header-content h1{font-size:50px}header.masthead .device-container{max-width:325px;margin-top:50px;margin-bottom:50px;}
	 }
	 
 section.download{
	 position:relative;padding:70px 0
	 }
	 
 section.download h2{
	 font-size:50px;margin-top:0
	 }
	 

	 
 section.features .section-heading{
	 margin-bottom:30px
	 }
	 			
 section.features .section-heading h2{
	 margin-top:0
	 }
	 
 section.features .section-heading p{
	 margin-bottom:0
	 }
	 
 section.features .device-container,section.features .feature-item{
	 max-width:325px;margin:0 auto
	 }
	 
 section.features .device-container{
	 margin-bottom:100px}@media (min-width:640px){section.features .device-container{margin-bottom:0}
	 }
	 
 section.features .feature-item{
	 padding-top:50px;padding-bottom:50px;text-align:center
	 }
	 
 section.features .feature-item h3{
	 font-size:30px
	 }
 section.features .feature-item i{
	 font-size:80px;display:block;margin-bottom:15px;background:-webkit-linear-gradient(to left,#1680C0,#1680C0);background:linear-gradient(to left,#1680C0,#1680C0);-webkit-background-clip:text;-webkit-text-fill-color:transparent
	 }
	 
	 /* Contact bar*/
	 
 section.cta{
	 position:relative;padding:250px 0;background-image:url(../img/bg-cta.jpg);background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover
	 }
	 
 section.cta .cta-content{
	 position:relative;z-index:1
	 }
	 
 section.cta .cta-content h2{
	 font-size:50px;max-width:450px;margin-top:0;margin-bottom:25px;color:#fff}@media (min-width:768px){section.cta .cta-content h2{font-size:80px}
	 }
	 
 section.cta .overlay{
	 position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)
	 }
	 
 section.contact{
	 text-align:center
	 }
	 
 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{
	 font-size:40px;line-height:80px;display:block;width:80px;height:80px;color:#fff;border-radius:100%
	 }
	 
 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
	 }
	 
 section#contact .form-group{margin-bottom:25px}
 section#contact .form-group input,section#contact .form-group textarea{padding:20px}
 section#contact .form-group input.form-control{height:auto}
 section#contact .form-group textarea.form-control{height:248px}
 section#contact .form-control:focus{border-color:#fed136;box-shadow:none}
 section#contact ::-webkit-input-placeholder{font-weight:700;color:#ced4da;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif}
 section#contact :-moz-placeholder{font-weight:700;color:#ced4da;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif}
 section#contact ::-moz-placeholder{font-weight:700;color:#ced4da;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif}
 section#contact :-ms-input-placeholder{font-weight:700;color:#ced4da;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif}
	 
	 /* Footer bar*/
	 
 footer{
	 padding:25px 0;text-align:center;color:rgba(255,255,255,.3);background-color:#222;color:#2eb82e;
	 }
	 
 footer p{
	 font-size:14px;
	 margin:0}footer ul{margin-bottom:0;
	 
	 }
	 
 footer ul li a{
	 font-size:14px;color:rgba(255,255,255,.3);
	 color:#2eb82e;
	 }
 footer ul li a.active,footer ul li a:active,footer ul li a:focus,footer ul li a:hover{
	 text-decoration:none;
	 
	 }
 .bg-primary{
	 background:#e9ecef !important;
	 }
	 
 .text-primary{
	 color:#fdcc52
	 }
 .no-gutter>[class*=col-]{
	 padding-right:0;padding-left:0
	 }
	 
 .btn-outline{
	 color:#fff;
	 border:1px solid;
	 border-color:#fff;
	 }
	 
 .btn-outline.active,.btn-outline:active,.btn-outline:focus,.btn-outline:hover{
	 color:#fff;
	 border-color:#fdcc52;
	 background-color:#fdcc52;
	 }
	 
 .btn{
	 border-radius:300px;font-family:Lato,Helvetica,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase
	 }
	 
 .btn-xl{
	 font-size:11px;padding:15px 45px}
	 
section#contact .section-heading{
	color:#fff
	}

section#contact{
	 position:relative;padding:50px 0;background-image:url(../img/bg-cta.jpg);background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover
	 }