body {
    overflow-x: hidden;
    font-family: Muli-Regular;
}
.setTop{
	
	 font-family: "Open Sans",sans-serif;
}
.navbar-nav > li {
    display: inline-block;
    float: none;
}
@media (max-width: 1000px) {
  .navbar-header {
      float: none !important;
  }
  .navbar-default {
    background-color: #222 !important;
    border-color: transparent;
    padding:0px !important;
}
.nav > li {
    display: block !important;
    position: relative;
}
.navbar-left, .navbar-right {
    float: none !important;
}
.navbar-nav > li.navbar-right {
    float: none !important;
}
.navbar{
	
	min-height:50px;
	position:relative;
}
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block !important;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none !important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none !important;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}
.form-control-signup::-moz-placeholder {
    color: #fff !important;
}

/* Webkit */
::-webkit-input-placeholder {  color: #fff !important;
 }

/* Firefox 4-18 */
:-moz-placeholder {  color: #fff !important;
}

/* Firefox 19+ */
::-moz-placeholder {  color: #fff !important;
}

/* IE10+ */
:-ms-input-placeholder {  color: #fff !important;
}


.navbar > .container{
	
    margin: auto !important;

}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}
.navbar > .container .navbar-brand {
   margin-left: 10px !important;
}
.navbar-collapse.in {
    overflow-y: hidden;
}
.navbar {
	margin-bottom:0px;
}
.navbar-right a{
	text-decoration:none;
}
.navbar-right a:hover{
	text-decoration:none !important;
}
.price-tag {
    font-size: 24px;
    line-height: 34px;
}
.intro-lead-in{
	line-height: 54px;
	margin-bottom:0px !important;
	font-size:50px;
}
.intro-lead-in-right{	
	font-size:24px;
}
.block {
    background-color: rgba(0, 0, 0, 0.1);
    margin-bottom: 25px;
	border-color: #bbadaa #bbadaa #ddd #ddd;
    border-style: solid;
    border-width: 1px;
}

.tooltip-inner a{
	color:#428bca !important;
	
}
.tooltip-inner{
background-color:#F3F6FA !important;
}
.tooltip-arrow{
	border-top-color: #F3F6FA !important;
    border-bottom-color: #F3F6FA !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: inherit;
    font-weight: 500 !important;
    line-height: 1.1;
}

.intro-lead-in-right {
    font-size: 28px;
}

.service-heading:visited {
    color: #777 !important;
}

@import "https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700";
@font-face {
    font-family: 'twcenmt';
    src: url('/font-awesome-4.0.3/fonts/ufonts.com_tw_cen_mt.eot?v=4.2.0');
    src: url('/font-awesome-4.0.3/fonts/ufonts.com_tw_cen_mt.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('/font-awesome-4.0.3/fonts/ufonts.com_tw-cen-mt.ttf?v=4.2.0') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'century';
    src: url('/font-awesome-4.0.3/fonts/ufonts.com_century_gothic__2_.eot?v=4.2.0');
    src: url('/font-awesome-4.0.3/fonts/ufonts.com_century_gothic__2_.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('/font-awesome-4.0.3/fonts/ufonts.com_century-gothic.ttf?v=4.2.0') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Muli-Light';
    src: url('/font-awesome-4.0.3/fonts/Muli-Light.ttf?v=4.2.0') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.medium_desc_grey{
	 font-family: Muli-Regular !important;
}
p, div {
   font-family: Muli-Regular !important;
}
@font-face {
    font-family: 'Muli-Regular';
    src: url('/font-awesome-4.0.3/fonts/Muli-Regular.ttf?v=4.2.0') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Muli-ExtraLight';
    src: url('/font-awesome-4.0.3/fonts/Muli-ExtraLight.ttf?v=4.2.0') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat Light';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Light'), local('Montserrat-Light'),
        url(/font-awesome-4.0.3/fonts/montserrat-light_d508f4bcd80b35f5ab68ae7d0e466277.woff) format('woff'),
        url(/font-awesome-4.0.3/fonts/montserrat-light_d508f4bcd80b35f5ab68ae7d0e466277.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat ultra Light';
    font-style: normal;
    src: local('Montserrat ultra Light'), local('Montserrat-ultra-Light'),
        url(/font-awesome-4.0.3/fonts/Montserrat-UltraLight.otf) format('opentype');
}



.text-muted {
    color: #777
}

.text-primary {
    color: #fed136
}

p {
    font-size: 14px;
    line-height: 1.75
}

p.large {
    font-size: 16px
}

h4 {
    font-size: 14px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0
}

a {
    color: #fff;
}

a:hover,
a:focus,
a:active,
a.active {
    color: #fff
}

.img-centered {
    margin: 0 auto
}

.bg-light-gray {
    background-color: #f7f7f7
}

.bg-darkest-gray {
    background-color: #222
}

.btn-primary {
    color: #fff;
    background-color: #fed136;
    border-color: #fed136;
    text-transform: uppercase;
    font-weight: 700
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #fec503;
    border-color: #f6bf01
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #fed136;
    border-color: #fed136
}

.btn-primary .badge {
    color: #fed136;
    background-color: #fff
}

.btn-xl {
	color: #1c1c1c;
    background-color: #fff;
    border-color: #fff;
    #text-transform: uppercase;
    font-weight: 500;
    border-radius: 3px;
    font-size: 14px;
    padding: 10px 20px;
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    color: #1c1c1c;
    background-color: rgba(255,255,255,0.8) !important;
    border-color: #ddd !important;
	-webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
}

.btn-xy {
	color: #1c1c1c;
    background-color: #fff;
     border-color: #ccc !important;
	 
    #text-transform: uppercase;
    font-weight: 500;
    border-radius: 3px;
    font-size: 14px;
    padding: 6.5px 12px;
}

.btn-xy:hover,
.btn-xy:focus,
.btn-xy:active,
.btn-xy.active,
.open .dropdown-toggle.btn-xy {
    color: #1c1c1c;
    background-color: rgba(255,255,255,0.8) !important;
    border-color: #ccc !important;
	-webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    background-image: none
}

.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
    #background-color: #fed136;
    #border-color: #fed136
}

.btn-xl .badge {
    color: #fed136;
    background-color: #fff
}

.navbar-default {
    background-color: #222;
    border-color: transparent
}

.navbar-default .navbar-brand {
    color: #fed136;
}

.navbar-default .navbar-nav > .active-class > a,
.navbar-default .navbar-nav > .active-class > a:focus,
.navbar-default .navbar-nav > .active-class > a:hover {
    background-color: none !important;
    color: #fff;
    font-weight: 600 !important;
}

.active-class > a,
.active-class > a:focus,
.active-class > a:hover {
    background-color: none;
    color: #fff;
    font-weight: 600 !important;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #fec503
}

.navbar-default .navbar-collapse {
    border-color: rgba(255, 255, 255, .02)
}

.navbar-default .navbar-toggle {
    background-color: #fff;
    border-color: #fff
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #666
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #fff
}

.navbar-default .nav li a {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #e4e4e4;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    color: #fff;
    outline: 0
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #fff;
    background-color: none !important;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #fec503
}

@media (min-width:768px) {
    .navbar-default {
        background-color: transparent;
        padding: 25px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
        border: 0
    }
    .navbar-default .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s
    }
    .navbar-default .navbar-nav>.active>a {
        border-radius: 3px
    }
    .navbar-default.navbar-shrink {
        background-color: #666;
        padding: 10px 0
    }
    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 1.5em
    }
}

.image-div {
    #background: url(../img/yoga-1366.jpeg) no-repeat center top; 
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	color: #fff;
	background-size:cover;
	text-align: center;
	#text-shadow: 0 1px 3px rgba(0,0,0,.5);
}
.layer {
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.image-div1 {
    background: url(../img/livemusic-1366.jpeg) no-repeat center top; 
	background-size:cover;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	color: #fff;
	text-align: center;
	#text-shadow: 0 1px 3px rgba(0,0,0,.5);
}

.image-div2 {
    background: url(../img/running3-1366.jpg) no-repeat center top; 
	height: 100%;
	background-size:cover;
	background-color: rgba(0, 0, 0, 0.2);
	color: #fff;
	text-align: center;
	#text-shadow: 0 1px 3px rgba(0,0,0,.5);
}









.nav > li > a {
    padding-left: 25px;
    padding-right: 25px;
}





section {
    padding: 100px 0
}

section h2.section-heading {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 15px
}

section h3.section-subheading {
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 75px
}




.service-heading {
    margin: 10px 0;
    text-transform: none;
    color: #777;
}

.service-heading:hover {
    margin: 10px 0;
    text-transform: none;
    color: #777;
    text-decoration:none;
}

.timeline {
    list-style: none;
    padding: 0;
    position: relative
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: "";
    width: 2px;
    background-color: #f1f1f1;
    left: 40px;
    margin-left: -1.5px
}

.timeline>li {
    margin-bottom: 50px;
    position: relative;
    min-height: 50px
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table
}

.timeline>li:after {
    clear: both
}

.timeline>li .timeline-panel {
    width: 100%;
    float: right;
    padding: 0 20px 0 100px;
    position: relative;
    text-align: left
}

.timeline>li .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto
}

.timeline>li .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto
}

.timeline>li .timeline-image {
    left: 0;
    margin-left: 0;
    width: 80px;
    height: 80px;
    position: absolute;
    z-index: 100;
    background-color: #fed136;
    color: #fff;
    border-radius: 100%;
    border: 7px solid #f1f1f1;
    text-align: center
}

.timeline>li .timeline-image h4 {
    font-size: 10px;
    margin-top: 12px;
    line-height: 14px
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
    text-align: left;
    padding: 0 20px 0 100px
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto
}

.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
}



.team-member {
    text-align: center;
    margin-bottom: 50px
}

.team-member img {
    margin: 0 auto;
    border: 7px solid #fff
}

.team-member h4 {
    margin-top: 25px;
    margin-bottom: 0;
    text-transform: none
}

.team-member p {
    margin-top: 0
}

aside.clients img {
    margin: 50px auto
}

section#contact {
    background-color: #222;
    background-image: url(../img/map-image.png);
    background-position: center;
    background-repeat: no-repeat
}

section#contact .section-heading {
    color: #fff
}

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: 236px
}

section#contact .form-control:focus {
    border-color: #fed136;
    box-shadow: none
}

section#contact::-webkit-input-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #bbb
}

section#contact:-moz-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #bbb
}

section#contact::-moz-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #bbb
}

section#contact:-ms-input-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #bbb
}

section#contact .text-danger {
    color: #e74c3c
}

footer {
    padding: 25px 0;
    text-align: center
}

footer span.copyright {
    line-height: 40px;
    text-transform: uppercase;
    text-transform: none
}

footer ul.quicklinks {
    margin-bottom: 0;
    line-height: 40px;
    text-transform: uppercase;
    text-transform: none
}

ul.social-buttons {
    margin-bottom: 0
}

ul.social-buttons li a {
    display: block;
    background-color: #222;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    outline: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    background-color: #fed136
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
    outline: 0
}

.portfolio-modal .modal-content {
    border-radius: 0;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    min-height: 100%;
    padding: 100px 0;
    text-align: center
}

.portfolio-modal .modal-content h2 {
    margin-bottom: 15px;
    font-size: 3em
}

.portfolio-modal .modal-content p {
    margin-bottom: 30px
}

.portfolio-modal .modal-content p.item-intro {
    margin: 20px 0 30px;
    font-size: 16px
}

.portfolio-modal .modal-content ul.list-inline {
    margin-bottom: 30px;
    margin-top: 0
}

.portfolio-modal .modal-content img {
    margin-bottom: 30px
}

.portfolio-modal .close-modal {
    position: absolute;
    width: 75px;
    height: 75px;
    background-color: transparent;
    top: 25px;
    right: 25px;
    cursor: pointer
}

.portfolio-modal .close-modal:hover {
    opacity: .3
}

.portfolio-modal .close-modal .lr {
    height: 75px;
    width: 1px;
    margin-left: 35px;
    background-color: #222;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 1051
}

.portfolio-modal .close-modal .lr .rl {
    height: 75px;
    width: 1px;
    background-color: #222;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    z-index: 1052
}

.portfolio-modal .modal-backdrop {
    opacity: 0;
    display: none
}

::-moz-selection {
    text-shadow: none;
    background: #fed136
}

::selection {
    text-shadow: none;
    background: #fed136
}

img::selection {
    background: 0 0
}

img::-moz-selection {
    background: 0 0
}

.text-muted {
    color: #999;
}

.service-heading {
    cursor: pointer;
    font-family: century !important;
    font-size: 14px;
}

.font-class {
	font-family: 'Montserrat Light' !important;
    font-size: 12px !important;
}

.pricing-round-color {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 50px;
    height: 80px;
    padding: 15px 0;
    width: 80px;
}

.pricing-round {
    #background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 50px;
    height: 80px;
    padding: 28px 0;
    width: 80px;
    color: #fff;
}

sup {
    font-size: 14px;
    right: -4px;
    top: -18px;
}

.colored-circle {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 100%;
    color: #666;
    height: 80px;
    position: relative;
    text-align: center;
    top: 0;
    width: 80px;
}

.btn-xz {
   
	background-color: #428bca;
    border-color: #357ebd;
    color: #fff;	
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 0px;
    font-size: 14px;
    padding: 16px 36px;
}

.btn-xz:hover,
.btn-xz:focus,
.btn-xz:active,
.btn-xz.active,
.open .dropdown-toggle.btn-xz {
    color: #fff;
    background-color: #3276b1;
    border-color: #285e8e;
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}


.no-colored-circle {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    border: 1px solid #fff;
    #background: #fff;
    text-align: center;
    padding: 6px;
}

.nav-list > li {
    cursor: pointer;
    height: auto !important;
	margin-top: -20px;
}
.navbar-collapse.in {
    overflow-y: hidden;
}





	/* Extra Small Devices, Phones */ 
	@media only screen and (min-width : 480px) {
		/* body{
			background:orange !important;
		} */
		.intro-lead-in-platform{
			font-size:30px !important;
		}
		.box-margin{
	margin-top:8px;
}
		
		.padding-text{
			padding:50px;
		}
		.block-box-platform{
			padding: 34px 22px;
		}
		.block-text-pricing{
			padding:14px;
		}
		.intro-lead-in-signup{
			font-size:30px !important;
		}
		.intro-lead-in-pricing{
			font-size:30px !important;
		}
		.block-box-pricing {
			padding: 22px;
		}
		.block-box-signup {
			padding: 22px;
		}
		.intro-lead-in {
			font-size: 35px;
			line-height: 54px;
			margin-bottom: 0 !important;
		}
		.price-tag {
			font-size: 22px;
			line-height: 34px;
			position: relative;
			top: -27px;
		}
		.intro-lead-in-right-platform{
			font-size:28px;
		}
		.margin-class{
			margin-right:8px;
		}
	}
	@media (max-width: 320px) {
  .block-text-pricing {
			padding:12px !important;
		}
		.block-text-signup {
			padding:2px !important;
		}
		.form-group{
			margin-bottom: 10px;
		}
		.padding-text{
			padding:50px;
		}
		.block-box-pricing {
			padding: 6px;
		}
		.block-box-signup {
			padding: 10px;
		}
		.block-box-platform{
			padding:25px;
		}
		.intro-lead-in-right-platform{
			font-size: 20px;
		}
		.block-text-platform{
			padding: 2px;
		}
		.price-tag {
			font-size: 22px;
			line-height: 34px;
			position: relative;
			top: -27px;
		}
		.intro-lead-in {
			font-size: 30px !important;
			line-height: 34px;
			margin-bottom: 0 !important;
		}
		.intro-lead-in-signup  {
			font-size: 22px;
			 line-height: 38px;
			margin-bottom: 0 !important;
		}
		.intro-lead-in-platform{
			font-size: 30px !important;
			 line-height: 38px;
			
		}
		.block-text-platform{
			margin-bottom:15px;
		}
		.block-text-pricing {
		margin-bottom:15px;
		}
		.margin-class{
			margin-right:5px;
		}
		.box-margin{
	margin-top:8px;
}
.price-tag {
    font-size: 16px;top: -2px;}
    
    #platform .col-xs-12{
    padding:0px;
    }
    
    .no-colored-circle {
  
    height: 70px;
  
    width: 70px;
}
.block-text-signup {
	
	margin-bottom:15px;
}
.no-colored-circle > span{
	font-size:12px !important;
}
}


		/* Custom, iPhone Retina */ 
	@media only screen and (min-width : 320px) {
		/* body{
			background:red !important;
		} */
		.intro-lead-in-platform{
			font-size:22px !important;
		}
		.intro-lead-in-signup{
			font-size:24px;
		}
		.block-text-pricing {
			padding:12px !important;
		}
		.block-text-signup {
			padding:2px !important;
		}
		.form-group{
			margin-bottom: 10px;
		}
		.padding-text{
			padding:50px;
		}
		.block-box-pricing {
			padding: 6px;
		}
		.block-box-signup {
			padding: 10px;
		}
		.block-box-platform{
			padding:25px;
		}
		.intro-lead-in-right-platform{
			font-size: 20px;
		}
		.block-text-platform{
			padding: 2px;
		}
		.price-tag {
			font-size: 22px;
			line-height: 34px;
			position: relative;
			top: -27px;
		}
		.intro-lead-in {
			font-size: 30px;
			line-height: 34px;
			margin-bottom: 0 !important;
		}
		.intro-lead-in-signup  {
			font-size: 22px;
			line-height: 28px;
			margin-bottom: 0 !important;
		}
		.margin-class{
			margin-right:5px;
		}
		.box-margin{
	margin-top:8px;
}
 .no-colored-circle {
  
    height: 70px;
  
    width: 70px;
}

.no-colored-circle > span{
	font-size:12px !important;
}
.price-tag {
    font-size: 16px;top: -2px;}
	}
	/* Small Devices, Tablets */
	@media only screen and (min-width : 768px) {
		/* body{
			background:yellow !important;
		} */
		.box-margin{
	margin-top:15x;
}
.no-colored-circle {
  
    height: 80px;
  
    width: 80px;
}
.no-colored-circle > span{
	font-size:14px !important;
}
		.block-text-signup{
			padding:18px !important;
		}
		.block-box-signup {
			padding: 32px 22px;
		}
		.intro-lead-in-signup{
			font-size:30px !important;
		}
		
		.padding-text{
			padding:50px;
		}
		.nav > li > a {
			padding-left: 8px;
			padding-right: 8px;
		}
		.block-box-platform {
			padding: 50px 22px;
		}
		.block-box-pricing{
			padding: 50px 22px;
		}
		
		.block-text-pricing{
			padding: 20px;
		}
		.block-box-pricing {
			padding: 20px 22px;
		}
		.intro-lead-in {
			font-size: 40px;
			line-height: 36px;
			margin-bottom: 0 !important;
		}
		.price-tag {
			font-size: 22px;
			line-height: 34px;
			position: relative;
			top: -27px;
		}
		.margin-class{
			margin-right:10px;
		}
	}
	/* Medium Devices, Desktops */
	@media only screen and (min-width : 992px) {
		/* body{
			background:cyan !important;
		} */
		
		.fullscreen-platform {
			padding: 60px 0;
		}
		.fullscreen-pricing {
			padding: 60px 0;
		}
		.fullscreen-signup {
			padding: 60px 0;
		}
		.nav > li > a {
			padding-left: 8px;
			padding-right: 8px;
		}
		.padding-text{
			padding:50px;
		}
		.block-box-platform{
			padding: 90px 22px;
		}
		.block-text-platform{
			padding: 45px  48px !important;
		}
		.block-text-signup{
			padding: 10px  48px !important;
		}
		.block-text-pricing{
			padding: 45px  48px !important;
		}
		.block-box-pricing{
			padding: 30px 22px;
		}
		.block-box-signup{
			padding: 30px 22px;
		}
		.intro-lead-in{
			text-align:left !important;
		}
		.intro-lead-in {
			font-size: 50px !important;
			line-height: 54px;
			margin-bottom: 0 !important;
		}
		.price-tag {
			font-size: 18px;
			line-height: 34px;
			position: relative;
			top: 10px;
		}
		.margin-class{
			margin-right:12px;
		}
	}
	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1200px) {
		/* body{
			background:grey !important;
		} */		
		.nav > li > a {
			padding-left: 24px;
			padding-right: 24px;
		}
		.hr-line{
			margin-left:24px;
			margin-right:24px;
		}
		.fullscreen-platform{
			padding: 75px 0;
		}
		.fullscreen-pricing{
			padding: 75px 0;
		}
		.fullscreen-signup{
			padding: 74.6px 0;
		}
		.padding-text{
			padding:60px !important;
		}
		.block-box-platform{
			padding: 90px 22px;
		}
		.block-box-pricing{
			padding: 30px 22px;
		}
		.block-box-signup{
			padding: 20px;
		}
		.intro-lead-in{
			text-align:left !important;
		}
		.intro-lead-in{
			line-height: 54px !important;
			margin-bottom:0px !important;
			font-size:50px;
		}
		.intro-lead-in-right-platform {
			font-size: 28px;
		}
		.margin-class{
			margin-right:15px;
		}
		.price-tag {
			font-size: 18px;
			line-height: 34px;
			position: relative;
			top: 12px;
		}
	}
	
	.immediate_access,.facebook,.gift{
	background-color:#fff;
	#border:1px solid #fff;
	padding:18px;
	margin:10px 0px 10px 0px;
	/* box-shadow: 1px 1px 8px 0 rgba(208, 207, 214, 0.44); */
	min-height:268px;	
	background-repeat:no-repeat;
	height:79px;
	text-align:center;
	font-size:20px;
	position:relative;
	box-shadow: 0px -10px 0px #eb8823 inset;
	font-family: Muli-Regular;
	color: #999999;
}

.orange_bar {
    background-color: #eb8823;
    float: none;
    margin: 97px 0 0;
    min-height: 20px;
    padding: 0;
}

.btn-xl {
	color: #1c1c1c;
    background-color: #fff;
    border-color: #fff;
    #text-transform: uppercase;
    font-weight: 500;
    border-radius: 3px;
    font-size: 14px;
   padding:16px 36px;
    
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    color: #1c1c1c;
    background-color: rgba(255,255,255,0.8) !important;
    border-color: #ddd !important;
	-webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
}

.learn_more_hover{
	
	border:1px solid #fff;
	border-radius:0px;
	margin:99px auto;
	color: #1c1c1c;
	font-weight:500;
    background-color: #fff;
	text-align:center;
	padding:16px;
  	 font-family: Montserrat Light !important;
   	font-size:12px;
	text-transform: uppercase;
	 font-weight: 500;
     
}

 .learn_more_hover:hover{
	border:1px solid #ddd;
	 color: #1c1c1c;
    background-color: rgba(255,255,255,0.8) !important;
    border-color: #ddd !important;
	-webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
	border-radius:0px;
	font-family: Montserrat Light !important;
	font-size:12px;
	margin:99px auto;
	padding:16px;
    font-weight:500;
	text-align:center;
	
   
	text-transform: uppercase;
	
}

.learn_more{
	font-size:25px;
	border:2px solid #2b53a2;
	color:#2b53a2;
	border-radius:0px;
	margin:0px auto;
}
.learn_more:hover{
	color:#2b53a2;
}

.effects {
  padding-left: 15px;
}
.effects .img {
  position: relative;
  float: left;
  margin-bottom: 5px;
  
  overflow: hidden;
}
.effects .img:nth-child(n) {
  margin-right: 5px;
}
.effects .img:first-child {
  margin-left: -15px;
}
.effects .img:last-child {
  margin-right: 0;
}
.effects .img img {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(0, 0, 0, 0.2);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}

/* ============================================================
  EFFECT 5 - ICON BORDER ANIMATE
============================================================ */
#effect-5 .overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
#effect-5 .overlay a.expand {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
#effect-5 .img.hover .overlay {
  opacity: 1;
}
#effect-5 .img.hover .overlay a.expand {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
#searchevtbtn{
	border-radius:0px !important;
}
#searchcontent {
	border-radius:0px !important;
}
#searchcontent::-moz-placeholder {
    color: #777 !important;
    opacity: 1;
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(0, 0, 0, 0.2);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  border:0px solid #eb8823;
  transition: border-width 0.1s ease-out-in;
}
.overlay:hover {
	border:10px solid #eb8823;
}