body{ padding: 0px; margin: 0px; font-weight: 400;font-family: 'Gotham-Book';}
h1, h2, h3, h4, h5, h6, ol, li, ul, a, img, p, span, strong{ padding: 0px; margin: 0px;}
a:hover,a:focus{ outline: none; text-decoration: none}
section{ float: left; width: 100%;}
.pad0{ padding: 0;}
img { max-width: 100%;}

/*-------------Font face------------------*/

@font-face {
  font-family: 'GothamMedium';
  src: url('../fonts/GothamMedium.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/GothamMedium.woff') format('woff'), 
       url('../fonts/GothamMedium.ttf')  format('truetype'), 
       url('../fonts/GothamMedium.svg#GothamMedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Book';
  src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/Gotham-Book.woff') format('woff'), 
       url('../fonts/Gotham-Book.ttf')  format('truetype'), 
       url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}


/*-------------Font face Close------------------*/

/**-------------------------Header--------------------------------*/
.header .navbar-brand { height: auto; padding: 15px 0;transition: width 1s ease, height 1s ease; margin: 0 !important; width: 230px}
.header .navbar.navbar-default{ background: transparent none repeat scroll 0 0; border: 0 none; border-radius: 0; margin: 0;}
.header .collapse.navbar-collapse{ float: right}
.slider { float: left; position: relative; width: 100%;}
.header { left: 0; position: absolute; top: 0; width: 100%; z-index: 99999;}
.header .navbar-default .navbar-nav > li > a { color: #fff; margin: 9px 14px; padding: 7px 0px;font-size: 14px; text-transform: uppercase}
.header .navbar-default .navbar-nav > li > a:hover { color: #4dc8b9; }
.header .navbar-default .navbar-nav > .active > a, 
.header .navbar-default .navbar-nav > .active > a:hover, 
.header .navbar-default .navbar-nav > .active > a:focus { background-color: transparent; color: #4dc8b9;}
.header .navbar.navbar-default ul.nav.navbar-nav{margin: 5px 0 0;}
.slider .carousel-caption { left: 0; padding-bottom: 30px; right: 0; text-align: left; top:17%;}
.slider_cover h2 { color: #fff; font-size: 57px; font-weight: normal; padding: 23px 0px 0px; text-shadow: none;font-family: 'GothamMedium';}
.slider_cover h3 { color: #fff; font-size: 57px; font-weight: normal; padding: 5px 0px 23px; text-shadow: none;font-family: 'Gotham-Book';}
.slider_cover p { color: #fff; font-size: 16px; font-weight: normal; padding: 5px 0px 23px; text-shadow: none;font-family: 'Gotham-Book';}
.app_btn{ display: inline-block; width: 100%;}
.app_btn span { display: inline-block}
.google_plays{ padding-left: 30px;}



.slider .carousel-inner{ text-align: left}
.slider .carousel-inner .item img{ display: inline-block; width: 100%;}
/*----------------------------Our-Features--------------------------------------*/
.our-features-section{ padding: 80px 0 40px}
.header-title{ font-size: 40px; color: #000;font-family: 'GothamMedium'; }
.our_features_bx { display: inline-block; padding-top: 50px; width: 100%;}
.our_features_bx .thumbnail { background-color: #fff; border: medium none; border-radius: 0; padding: 0;}
.features_icon { display: inline-block; height: 70px;}
.our_features_bx .thumbnail .caption { color: #333; padding: 20px 20px 0;}
.our_features_bx .thumbnail .caption h3{ color: #333;font-family: 'GothamMedium'; font-size: 16px; text-transform: uppercase; padding-bottom: 15px;}
.our_features_bx .thumbnail .caption p{ color: #333; font-size: 16px;  padding-bottom: 15px; }
/*-----------------------extremely-section-----------------*/
.extremely_bx { float: left; padding-top: 40px; text-align: center; width: 100%;}


/*----------------landing-section-------------*/

.landing-section{ padding: 140px 0 60px;}
.social-icon a:hover,
.footer,
.landing-section{ 
background: #fb6064; /* Old browsers */
background: -moz-linear-gradient(left, #fb6064 0%, #2652fd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fb6064 0%,#2652fd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fb6064 0%,#2652fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6064', endColorstr='#2652fd',GradientType=1 ); /* IE6-9 */}
.landing_right .jumbotron{ padding: 0; background: transparent; border-radius: 0}
.landing_right .jumbotron h2{ color: #fff; font-size: 43px;font-family: 'GothamMedium';}
.landing_right .jumbotron p{ color: #fff; font-size: 15px; padding: 20px 0}
.landing_right .jumbotron .btn-primary{ background: #fff; border-radius: 0; color: #333; font-size: 15px; border: none; padding: 15px 25px;font-family: 'GothamMedium';}
.landing_right .jumbotron .btn-primary:hover{ color: #fff;
   
background: #2652fd; /* Old browsers */
background: -moz-linear-gradient(left, #2652fd 0%, #fb6064 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #2652fd 0%,#fb6064 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #2652fd 0%,#fb6064 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2652fd', endColorstr='#fb6064',GradientType=1 ); /* IE6-9 */
}
/*-------------------features-section----------------*/
.features-section{ padding: 60px 0;}
.features-bx {  float: left;  padding-top: 70px;  width: 100%;}
.demand-card { margin: 82px 0;}
.demand-img { float: left; width: 100px;}
.demand-icon{ display: inline-block; width: 75px; text-align: center; height: 75px; border-radius: 50%; padding: 3px;
background: #2652fd; /* Old browsers */
background: -moz-linear-gradient(left, #2652fd 0%, #fb6064 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #2652fd 0%,#fb6064 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #2652fd 0%,#fb6064 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2652fd', endColorstr='#fb6064',GradientType=1 ); /* IE6-9 */
}
.demand-img i{ background: #fff; width: 100%; height: 100%;border-radius: 50%; float: left; color: #5A3D9A; font-size: 25px;line-height: 65px;}
.demand-content { float: left; width: calc(100% - 100px);}
.features-left { text-align: right;}
.demand-content h3{ color: #000; font-size: 20px;font-family: 'GothamMedium';}
.demand-content p{ color: #828282; font-size: 16px;}
.demand-card:hover .demand-img i{ background: transparent; color: #fff}
/*---------------testimonials-section-------------------*/
.testimonials-section{background: url(../img/bg1.png) no-repeat top center; padding: 80px 0 138px; background-size: cover}
.testimonials-titel{ display: inline-block; width: 100%; text-align: center;}
.testimonials-titel h2{ font-size: 40px; color: #fff;font-family: 'GothamMedium';}
.testimonials-titel p{ font-size: 18px; color: #fff; padding-top: 5px;}
.testimonial-bx{ float: left; width: 100%; padding-top: 50px;}
.testimonial-bx .thumbnail { background-color: transparent; border: medium none; border-radius: 0; padding: 0;}
.testimonial-bx .thumbnail .caption { color: #333; padding: 20px 0 0;}
.testimonial-bx .thumbnail .caption h3 a,
.testimonial-bx .thumbnail .caption h3{ color: #fff; font-size: 18px;font-family: 'GothamMedium'; }
.testimonial-bx .thumbnail .caption p{ color: #fff; font-size: 18px; padding-bottom: 20px; }
.testimonial-bx .thumbnail .caption h4{ color: #fff; font-size: 18px; padding-top: 10px; }
.clints-img{ display: inline-block; padding: 3px; border-radius: 50%; background: #684096}

/**-------------------faqs-section*****************/
.faqs-section{ padding: 70px 0}
.faqs_left .panel-default > .panel-heading { background-color: transparent; border: none; border-left: 2px #5A3D9A solid; color: #333;border-radius: 0; padding: 0;}
.faqs_left .panel-default{ border-radius: 0; border: none; box-shadow: 2px 1px 5px 0 #ccc; margin-bottom: 15px;}
.faqs_left .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: transparent;}
.faqs_left { padding-top: 37px;}
.faqs-bx {  float: left; padding-top: 60px; width: 100%;}
.faqs_left .panel-title a{ font-size: 18px; padding: 18px 15px; width: 100%; display: inline-block; position: relative}
.faqs_left .panel-title a.collapsed:before{ position: absolute; right: 10px; top: 12px; content: "+"; font-family: 'GothamMedium'; font-size: 27px; color: #5A3D9A}
.faqs_left .panel-title a:before{ position: absolute; right: 10px; top: 12px; content: "-"; font-family: 'GothamMedium'; font-size: 27px; color: #5A3D9A}
.faqs_left .panel-body{ color: #6d6d6d; font-size: 16px;}

.footer{ padding: 70px 0; float: left; width: 100%; text-align: center}
.social-icon{}
.social-icon a{ display: inline-block; width: 40px; height: 40px; border: 1px #fff solid; color: #fff; font-size: 18px; border-radius: 50%;
              margin: 0 3px; line-height: 38px;}
.footer p{ color: #fff; font-size: 17px; padding-top: 20px}
.social-icon a:hover{ color: #fff; border-color:#5A3D9A }
/*------------------------------------------------------------------------------------**/
.fixed-me{ background:rgba(253, 110, 112, 0.9) ; padding: 0px  !important; margin-bottom: 5px; position: fixed; top:0;z-index:9999;width: 100%;
 border-bottom: 3px solid #5A3D9A !important; left: 0;}
.navbar-me {   transition: all 1s ;}
.navbar-me{ padding: 5px 0px; top: 0px; border: 0px; border-radius: 0px; margin: 0}
.header .navbar.navbar-default .fixed-me ul.nav.navbar-nav { margin: 6px 0 0;}
.header .fixed-me .navbar-brand { height: auto; padding: 5px 0; width: 120px;transition: width 1s ease, height 1s ease;}
.header .fixed-me .navbar-brand { height: auto; padding: 10px 0;}
#toTop {  background: #FD6E70;  border-radius: 50%;  bottom: 10px;  cursor: pointer;  display: none;  font-weight: bold;  height: 40px;  line-height: 37px;
  padding: 0;  position: fixed;  right: 10px;  text-align: center;  transition: transform 0.5s ease 0s;  width: 40px;  z-index: 999999;}
::-moz-selection { /* Code for Firefox */ color: #333; background: transparent;}
::selection { color: #333; background: transparent;}



/*-------------------------------Media css-------------*/
@media only screen and (max-width:1100px){
.header .navbar-default .navbar-nav > li > a { margin: 9px 9px;}
.slider_cover h2 { font-size: 29px;}
.slider_cover h3 { font-size: 29px; padding: 5px 0 10px;}
.slider_cover p { font-size: 15px; padding: 5px 0 17px;}
.landing_right .jumbotron h2 {   font-size: 33px;}
.landing-section { padding: 90px 0 40px;}

}
@media only screen and (max-width:991px){
.header .navbar-default .navbar-nav > li > a { margin: 5px 3px; padding: 4px 5px; font-size: 14px;}
.header { background: #FD6E70;position: relative;}
.header .navbar.navbar-default ul.nav.navbar-nav { margin: 17px 0 0;}
.header .navbar-brand { width: 150px; padding: 7px 0}
.header .fixed-me .navbar-brand { width: 130px;padding9px 0;}
.fixed-me .search_social { margin-top: 5px;}
.slider_cover h3,
.slider_cover h2 { font-size: 35px;}
.slider .carousel-caption { top: 10%;}
.slider_cover p{ display: none}
.our_features_bx .thumbnail .caption { padding: 20px 0 0;}
.our_features_bx .thumbnail .caption p { font-size: 14px;}
.header-title { font-size: 30px;}
.landing_right .jumbotron h2 { font-size: 25px;}
.demand-img { width: 70px;}
.demand-content { width: calc(100% - 70px);}
.demand-content h3 { font-size: 15px;}
.demand-content p { font-size: 13px;}
.demand-card { margin: 52px 0;}
.testimonial-bx .thumbnail .caption p br { display: none;}
.demand-icon { height: 60px; width: 60px;}
.demand-img i { line-height: 50px;}
.landing-section {  padding: 60px 0 30px;}
}
@media only screen and (max-width:767px){
.header .navbar-collapse { float: right; left: 0; margin: 0; position: absolute; width: 100%; background: #000}
.header .navbar-toggle { margin-top: 30px;}
.header .navbar-toggle { margin-top: 12px;}
.header .navbar-brand{ margin-left: 10px !important;}
.header .navbar-default .navbar-nav > li > a { margin: 5px 3px; padding: 4px 5px; }
.header .navbar-brand { width: 200px;}
.header .fixed-me .navbar-brand { width: 130px;}
.our-features-section { padding: 30px 0 20px;}
.our_features_bx { padding-top: 20px;}
.landing-section { padding: 40px 0 30px;}
.landing_right .jumbotron h2 { font-size: 22px; padding-top: 20px;}
.features-bx { padding-top: 0;}
.demand-card { margin: 30px 0;}
.faqs-section,
.features-section{ padding: 30px 0}
.testimonials-section{ padding: 30px 0 60px;}
.testimonials-titel h2 { font-size: 20px;}
.testimonials-titel p { font-size: 13px;}
.testimonial-bx .thumbnail .caption p { font-size: 14px;}
.testimonial-bx .thumbnail .caption p br{ display: none}
#pay_slider2 .owl-dots { bottom: -40px;}
.faqs-bx { padding-top: 10px;}
.slider_cover h3{ font-size: 20px;}
.slider_cover p{ display: none}
.app_btn span{ width: 100px;}
.app_btn span.google_plays { padding-left: 0; width: 120px;}
}
@media only screen and (max-width:580px){
.faqs_left .panel-title a { font-size: 15px;}
.faqs_left .panel-body { font-size: 14px;}
.slider .carousel-caption { top: 0;}
.app_btn span{ width: 100px;}
.app_btn span.google_plays { padding-left: 0; width: 120px;}

}
@media only screen and (max-width:479px){
.slider .carousel-caption { top: -10%;}
.slider_cover h2 { font-size: 15px; padding-bottom: 2px;}
.slider_cover h3 { font-size: 15px;  padding: 0 0 20px;}
.slider_cover p{ display: none}
.app_btn span { width: 70px;}
.app_btn span.google_plays {  padding-left: 0; width: 80px;}
.header-title { font-size: 20px;}
.social-icon a {  margin: 0 1px;}
}