/*!
 * Start Bootstrap - Creative v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE)
 */
body,
html {
  	width: 100%;
  	height: 100%;
	overflow: visible !important;
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 14px;
	color:#999999;
}

hr {
  	max-width: 50px;
  	border-width: 3px;
  	border-color: #F05F40; }

hr.light {
  	border-color: #fff; }
a:focus, button:focus{
	outline: none;
}
a {
	outline: none;
  	color: #F05F40;
  	-webkit-transition: all 0.2s;
  	-moz-transition: all 0.2s;
  	transition: all 0.2s; 
}
a:hover{
    color: #fff; 
}

h1,
h2,
h3,
h4,
h5,
h6 {
}

.bg-primary {
  background-color: #F05F40 !important; }

.bg-dark {
  background-color: #212529 !important; }
.bg-black{
  background-color: #090a0b !important; }

.bg-light {
  background-color: #f1f2f2 !important; }
.bg-light-grey {
  background-color: #f1f2f2 !important; }

.text-faded {
  color: rgba(255, 255, 255, 0.7); }

section {
  	padding: 0;
}
.section-padd-1{
	padding-top: 3%;
}
.section-padd-2{
	padding-top: 3%;
}
.section-padd-3{
	padding-top: 3%;
}
.section-padd-4{
	padding-top: 5%;
	padding-bottom: 5%;
}
.section-padd-5{
	padding-top: 3% !important;
	padding-bottom: 3% !important;
}
.section-padd-6{
	padding-top: 2%;
	padding-bottom: 0%;
}
.section-padd-7{
	padding-top: 3%;
	padding-bottom: 5%;
}
.section-padd-8{
	padding-top: 0%;
	padding-bottom: 5%;
}
.section-padd-9{
	padding-top: 0%;
	padding-bottom: 5%;
}
.section-heading{
  	margin-top: 0;
	font-weight: 700;
}
.slide_container{
	width: 100%;
    max-width: 100%;
	z-index: 99;
}
.control-mobinav{
	z-index: 999;
}
::-moz-selection {
  color: #fff;
  background: #212529;
  text-shadow: none; }

::selection {
  color: #fff;
  background: #212529;
  text-shadow: none; }

img::selection {
  color: #fff;
  background: transparent; }

img::-moz-selection {
  color: #fff;
  background: transparent; }

body {
  	-webkit-tap-highlight-color: #212529; 
}
.navbar-light .navbar-toggler-icon {
	background-image: url(../images/burger.png);
}
.navbar-toggler-icon{
	width: 46px;
	height: 46px;
	display: block;
	cursor: pointer;
}
.navbar-toggler{
	z-index: 9999;
}
.navbar>.container{
	z-index: 9999;
}
.navbar{
	z-index:999;
}
#mainNav {
  /*border-bottom: 1px solid rgba(33, 37, 41, 0.1);
  background-color: #000;*/
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s; }
  #mainNav .navbar-brand {
	  font-size: inherit !important;
    color: #fff; }
    #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
      color: #fff; }
  #mainNav .navbar-nav > li.nav-item > a.nav-link,
  #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
    font-size: .9rem;
    font-weight: 700;
    color: #fff; }
    #mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
    #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
      color: #fff; }
    #mainNav .navbar-nav > li.nav-item > a.nav-link.active,
    #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active {
      color: #3349e5 !important;
      background-color: transparent; }
      #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover,
      #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active:hover {
        background-color: transparent; }
  @media (min-width: 992px) {
    #mainNav {
      border-color: transparent;
      background-color: transparent; }
      #mainNav .navbar-brand {
        color: rgba(255, 255, 255, 1); }
        #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
          color: #fff; }
      #mainNav .navbar-nav > li.nav-item > a.nav-link {
        /*padding: 0.5rem 1rem;*/ }
      #mainNav .navbar-nav > li.nav-item > a.nav-link,
      #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
        color: rgba(255, 255, 255, 1); }
        #mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
        #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
          color: #3349e5; }
      #mainNav.navbar-shrink {
        /*border-bottom: 1px solid rgba(33, 37, 41, 0.1);*/
        background-color: #090a0b; }
        #mainNav.navbar-shrink .navbar-brand {
          color: #fff; }
          #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {
            color: #fff; }
        #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link,
        #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus {
          color: #fff; }
          #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover,
          #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover {
            color: #3349e5; } }

header.masthead {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 56px);
	background-color: #090a0b;
  /*background-image: url("../img/header.jpg");*/
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  header.masthead hr {
    margin-top: 30px;
    margin-bottom: 30px; }
  header.masthead h1 {
    font-size: 2rem; }
  header.masthead p {
    font-weight: 300; }
  @media (min-width: 768px) {
    header.masthead p {
      font-size: 1.15rem; } }
  @media (min-width: 992px) {
    header.masthead {
      height: 100%;
      min-height: 650px;
      padding-top: 0;
      padding-bottom: 0; }
      header.masthead h1 {
        font-size: 3rem; } }
  @media (min-width: 1200px) {
    header.masthead h1 {
      font-size: 4rem; } }

.service-box {
  max-width: 400px; }

.portfolio-box {
  position: relative;
  display: block;
  max-width: 650px;
  margin: 0 auto; }
  .portfolio-box .portfolio-box-caption {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    background: rgba(240, 95, 64, 0.9);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s; }
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
      position: absolute;
      top: 50%;
      width: 100%;
      transform: translateY(-50%);
      text-align: center; }
      .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
      .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        padding: 0 15px;
        font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; }
      .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase; }
      .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 18px; }
  .portfolio-box:hover .portfolio-box-caption {
    opacity: 1; }
  .portfolio-box:focus {
    outline: none; }
  @media (min-width: 768px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
      font-size: 16px; }
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
      font-size: 22px; } }

.text-primary {
  color: #F05F40 !important; }

.btn {
	cursor: pointer;
	color:#3349e5;
  border: none;
  border-radius: 300px;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; }

.btn-xl {
  padding: 1rem 2rem; }

.btn-primary {
  background-color: #F05F40;
  border-color: #F05F40; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    color: #fff;
    background-color: #ee4b28 !important; }
  .btn-primary:active, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(240, 95, 64, 0.5) !important; }



.top-minus{
	margin-top: -20%;
	z-index: 99;
}
.top-minus-l{
	margin-top: -30%;
}
.top-minus-xl{
	margin-top: -35%;
}
.blue-block{
	vertical-align: top;
	color:#fff;
	padding: 40px;
	margin: 10px;
	width: 280px;
	height: 460px;
	display: inline-block;
	background-color: #3349e5;
	-webkit-box-shadow: 10px 10px 26px -7px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 26px -7px rgba(0,0,0,0.75);
box-shadow: 10px 10px 26px -7px rgba(0,0,0,0.75);
}
.big-blue-block{
	vertical-align: top;
	color:#fff;
	padding: 40px;
	margin: 10px;
	width: 100%;
	height: auto;
	background-color: #3349e5;
	-webkit-box-shadow: 10px 10px 26px -7px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 26px -7px rgba(0,0,0,0.75);
box-shadow: 10px 10px 26px -7px rgba(0,0,0,0.75);
}
.white-block{
	vertical-align: top;
	color:#fff;
	padding: 40px;
	margin: 10px;
	width: 280px;
	height: 430px;
	display: inline-block;
	background-color: #fff;
	/*
	-webkit-box-shadow: 10px 10px 26px -7px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 26px -7px rgba(0,0,0,0.75);
box-shadow: 10px 10px 26px -7px rgba(0,0,0,0.75);
	*/
}
.blue-block img{
	max-width: 70%;
	width: 100%;
}

#who-are-we h1{
	margin-top: 15%;
}
#who-are-we img{
	width:100%;
}
section.bg-light {
  padding: 8rem 0 0rem 0; 
}
.btn-secondary{
	color:#999999;
	background: transparent;
	border: 1px solid #999999;
}
.btn-white{
	color:#fff;
	background: transparent;
	border: 1px solid #fff;
}
.btn-blue{
	color:#fff;
	background: #3349e5;
	border: 1px solid #3349e5;
}
.btn-green{
	color:#fff;
	background: #00e2b7;
	border: 1px solid #00e2b7;
}
.btn-red{
	color:#fff;
	background: #ff736c;
	border: 1px solid #ff736c;
}
.app-development .btn-blue{
	color:#fff;
	background: #00e2b7;
	border: 1px solid #00e2b7;
}
.game-development .btn-blue{
	color:#fff;
	background: #ff736c;
	border: 1px solid #ff736c;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link.active.app-development{
      color: #00e2b7 !important;
      background-color: transparent; 
}
#mainNav .navbar-nav > li.nav-item > a.nav-link.active.game-development{
      color: #ff736c !important;
      background-color: transparent; 
}
.black{
	color:#090a0b;
}
.cust-icons{
	vertical-align: top;
	display: inline-block;
}
#videoblock video{
	width: 100%;
	max-width: 1200px;
	cursor: pointer;
	max-height: 460px;
}
#videoblock{
	margin-top: 3%;
}

/* equal card height */
.row-equal > div[class*='col-'] {
    display: flex;
    flex: 1 0 auto;
}

.row-equal .card {
   width: 100%;
	display: table-cell !important;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0,0,0,.125) !important;
    border-radius: .25rem;
}
.card-inner{
	position: absolute;
	top:0;
	margin-left: 8%;
	margin-top: 8%;
}
.card-inner h2{
	color:#fff;
	font-size: 22px;
	font-weight: 700;
}
.carousel-inner{
	margin-top: 2%;
}
.carousel-item{
	margin: 0px auto;
	border: 0px solid yellow;
}
.carousel_content{
	border: 0px solid red;
	width: 100%;
	max-width: 60%;
	text-align: left;
	margin: 0px auto;
}
.carousel_content-news{
	border: 0px solid red;
	width: 100%;
	max-width: 100%;
	text-align: left;
	margin: 0px auto;
}
.carousel-width{
	max-width: 70%;
}
.carousel-width-news{
	max-width: 100%;
}
.carousel-width-test{
	max-width: 70%;
	margin: 0px auto;
}
.float-right{
	text-align: right;
}
.float-col-left{
	float: right;
	margin: 0px auto;
	max-width:70%;
}
.float-col-right{
	float: left;
	margin: 0px auto;
	max-width:70%;
}
.float-header h1{
	padding-left: 75px;
	color:#090a0b;
	padding-bottom: 16px;
}
.divider{
	position: absolute;
	display: block;
	margin-top: 11px;
	border-right: 1px solid #9e9e9e;
	width: 1px;
	height: 100%;
	flex: 0 0 1px;
    max-width: 1px;
	right: 0;
	height: 71.5%;
}
.no-padd{
	margin: 0;
	padding: 0;
}
.left-dot-copy{
	float: left;
	width: 80%;
}
.right-dot-copy{
	float: right;
	width: 80%;
}
.left-dot{
	margin-top: 5px;
	float: right;
	background-image: url(../images/left-dot.png);
	width: 58px;
	height: 13px;
}
.right-dot{
	margin-top: 5px;
	float: left;
	background-image: url(../images/right-dot.png);
	width: 58px;
	height: 13px;
}
.other-banners{
	text-align: left;
	max-width: 100%;
}
.other-banners p{
	max-width: 32%;
	font-size: 14px !important;
}
.carousel-indicators{
	display: none;
}
.contact-banner{
	text-align: center;
	max-width: 100%;
}
.contact-banner p{
	text-align: center;
	max-width: 100%;
}
.p-holder{
	margin: 0px auto;
	text-align: center;
	max-width: 40%;
	width: 100%;
}
.carousel-item h1{
	text-align: left;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
.carousel-item h1 strong{
	font-weight: 700;
}
.carousel-inner>.row-equal.active, .carousel-inner>.row-equal.next, .carousel-inner>.row-equal.prev {
    display: table-cell !important;
}
.item{
	width: auto !important;
	display: table-cell !important;
}
.item img{
	width: 100% !important;
}

/* ensure equal card height inside carousel */
.carousel-inner>.row-equal.active, 
.carousel-inner>.row-equal.next, 
.carousel-inner>.row-equal.prev {
    display: flex;
}

/* prevent flicker during transition */
.carousel-inner>.row-equal.active.left, 
.carousel-inner>.row-equal.active.right {
    opacity: 0.5;
    display: flex;
}


/* control image height */
.card-img-top-250 {
    max-height: 250px;
    overflow:hidden;
}

.work-slide{
	max-width: 600px;
	padding: 20px;
  	background: #FFF;
  	margin: 0 auto;
  	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.work-slide .image img{
	max-width: 280px;
}
.work-slide .image{
	width: 280px;
	float: left;
}
.work-slide .content{
	width: 280px;
	float: left;
	padding-left: 10px;
}
.work-slide .content h2{
	color:#000;
}
.clr{
	clear: left;
}
.clr-all{
	clear:both;
}
.btn-cust{
	line-height: 2;
	font-size: 10px;
	color:#fff;
	background-color: #3349e5;
	padding: 8px 15px 8px 15px !important;
}
.process-bg{
	background-position: bottom center;
	background-size: contain;
	background-image:url(../images/process-bg.jpg);
	background-repeat: no-repeat;
	padding-bottom: 18%;
}
.dots{
	background-repeat: no-repeat;
	background-image: url(../images/dots.png);
	width: 300px;
	height: 720px;
	position: absolute;
	background-position: center;
}
.floaters{
	padding-top: 2%;
	text-align: center;
	border: 0px solid red;
}
.floater{
	width: 32%;
	display: inline-block;
	vertical-align: top;
}
.floater h2{
	font-size: 22px;
    font-weight: 700;
	color:#3349e5;
}
.floater p{
	color:#cccccc;
}
.floater1{
	padding: 7% 5% 5% 0%;
}
.floater2{
	padding: 1% 5% 5% 0%;
}
.floater3{
	padding: 7% 5% 5% 0%;
}
#contact h2{
	font-size: 22px;
    font-weight: 700;
	color:#3349e5;
}
#contact .link{
	color:#999999;
}
#contact textarea{
	width: 97%;
}
#contact input{
	width: 90%;
}
#contact .formsubmit input{
	vertical-align: text-bottom;
	margin-bottom: 2px;
	width: 90px;
}
.form-div{
	display: inline-table;
	width: 100%;
	padding-top: 5px;
}
.form-left{
	display: inline-block;
	width: 42%;
	border:0px solid black;
}
.form-right{
	display: inline-block;
	width: 42%;
	border:0px solid black;
}
.form-left-txt{
	padding-top: 10px;
	border:0px solid black;
	display: inline-block;
	width: 82%;
}
.form-right-btn{
	border:0px solid black;
	display: inline-block;
	width: 10%;
	padding-bottom: 10px;
}
.btn {
    padding: 5px 25px 5px 25px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
}
input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    padding: 10px;
    border-width: 0px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	color:#999999;
}
input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
	padding: 10px;
	border-width: 0px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	color:#999999;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
	line-height: 2;
    font-size: 10px;
    color: #fff;
    background-color: none;
    padding: 0px !important;
	border-radius: 0px;
	background-size:auto;
}
.carousel-control-next-icon {
	background-image: url(../images/arrow-right.png);
	width: 46px;
	height: 46px;
}
.carousel-control-prev-icon {
    background-image: url(../images/arrow-left.png);
	width: 46px;
	height: 46px;
}
.customNavigation .prev1 {
	background-image: url(../images/arrow-left.png);
	width: 46px;
	height: 46px;
	text-indent: -999px;
}
.customNavigation .next1 {
	background-image: url(../images/arrow-right.png);
	width: 46px;
	height: 46px;
	text-indent: -999px;
}
.carousel-control-next, .carousel-control-prev{
	    opacity: 1;
}
.bg-phone{
	background-image: url(../images/HEADER-app-development.jpg);
}
.bg-news{
	background-image: url(../images/banner-news.jpg);
}
.bg-about{
	background-image: url(../images/about-banner.jpg);
}
.bg-game{
	background-image: url(../images/HEADER-game-development.jpg);
}
.bg-contact{
	background-image: url(../images/contact-bg.jpg);
}
.bg-laptop{
	background-image: url(../images/banner-laptop.jpg);
}
.bg-testimonials{
	background-image: url(../images/bg-test.jpg);
	min-height: 400px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}
.testimonials p{
	text-align: center;
}
.white-dotted-bg{
	background-image: url(../images/white-dotted-bg.jpg);
	background-size: cover;
}
.center-arrow{
	margin-top: -25px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../images/down-arrow.png);
	width: 100%;
	height: 100%;
	max-height: 46px;
	position: absolute;
	z-index: 99;
}
.headings h4{
	font-weight: bold;
	color:#090a0b;
}
.img-strech img{
	width: 100%
}
.headings span, .apps span{
	color:#00e2b7;
}
.marketing span{
	color:#3349e3;
}
.games span{
	color:#ff736c;
}
.contact span{
	color:#3349e3;
}
.row-nomargin{
	margin: 0 !important;
}
.col-nopadding{
	padding: 0 !important;
}
.floating-col{
	float: right;
	margin-right: 5%;
}
.fixed-top.navbar-shrink{
	background-color: #090a0b !important;
}
.techblock h5{
	min-height: 80px;
}
.techblock img{
	width: 100%;
	max-width: 230px;
}
.contactblock h5{
	min-height: 70px;
	color:#090a0b;
}
.contactblock a{
	color:#999999;
}
.contactblock img{
	max-height: 110px;
}
h1{
	font-weight: bold;
}
.about-us h1{
	text-align: right;
	padding-top: 8%;
}
.about-us p{
	text-align: left;
	margin: 8%;
}
.about-us img{
	width: 100%;
}
.paragraph-l{
	margin: 0px auto;
	max-width: 60%;
}
.about-3blocks h5{
	color:#090a0b;
}
.about-3blocks p{
	color:#979797;
}
#back-to-top{
	display:none;
}
.back-to-top-div{
	cursor: pointer;
	position: absolute;
	right: 2%;
	top: -36%;
	z-index: 999999;
}
.pos-rel{
	position: relative;
}
.news-left{
	float: right;
	width: 50%;
}
.news-right{
	float: left;
	width: 50%;
}
.news img{
	width: 100%;
}
.news h4{
	margin-bottom: 25px;
	max-width: 80%;
	font-weight: bold;
	color:#090a0b;
	width: 100%;
}
.date{
	letter-spacing: 2px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
.news-text-margin-left{
	margin-left: 10%;
}
.news-text-margin-right{
	margin-right: 10%;
}
.mt-7{
	margin-top: 7rem;
}
.mt-8{
	margin-top: 8rem;
}
.news-carousel img{
	width:100%;
}
.news-carousel{
	margin-top: 7%;
	-webkit-box-shadow: 30px 30px 60px -14px rgba(0,0,0,0.51);
-moz-box-shadow: 30px 30px 60px -14px rgba(0,0,0,0.51);
box-shadow: 30px 30px 60px -14px rgba(0,0,0,0.51);
}
.cs-news .carousel-control-next, .carousel-control-prev{
	/*width:-0%;*/
}
header.news-header.masthead{
	height: 100vh;
	background-color: transparent;
}
.blacktile{
	background-image: url(../images/blacktile.jpg);
	background-repeat: repeat-x;
}
blockquote{
	font-size: 16px;
	font-weight: bold;
	color:#090a0b;
}
.news-border{
	border-right: 1px solid #bebebe;
	padding-right: 80px;
}
.news-right-col{
	margin-left: 20px;
}
.news-right-col .arrow{
	max-width: 40px;
}
.news-right-col .blue{
	font-size: 16px;
	margin-left: 5px;
	font-weight: bold;
	color:#3349e3;
}
.arti-other{
	padding-top: 60px;
}
.arti-other h5{
	font-weight: bold;
	font-size: 16px;
	color:#090a0b;
}
@media screen and (max-width: 1199px){
	.form-left{
		width: 39%;
	}
	.form-right{
		width: 39%;
	}
	.form-left-txt{
		width: 77%;
	}
	.floater1{
		padding: 7% 0% 5% 0%;
	}
	.floater2{
		padding: 1% 0% 5% 0%;
	}
	.floater3{
		padding: 7% 0% 5% 0%;
	}
	.divider{
		height: 69.5%;
	}
}
@media screen and (max-width: 1007px){
	#mainNav .navbar-nav > li.nav-item > a.nav-link {
    	padding: 0.1rem 0.3rem;
	}
}
@media screen and (max-width: 991px){
	.navbar-collapse{
		position: absolute;
		border: 0px solid red;
		background-color: #000;
		width:100%;
		left:0;
		top:90px;
	}
	.nav-item{
		/*padding-left: 20px;*/
	}
	.dots{
		width: 220px;
	}
	.apps h4{
		font-size: 18px;
	}
	.float-col-left{
		float: right;
		margin: 0px auto;
		max-width:90%;
	}
	.float-col-right{
		float: left;
		margin: 0px auto;
		max-width:90%;
	}
	.divider{
		height: 71%;
	}
	.top-minus-xl{
		margin-top: -25%;
	}
	#navbarResponsive .ml-auto{
		border: 0px solid red;
		max-width: 720px;
		margin: 0px auto;
	}
	#navbarResponsive .ml-auto li{
		margin-left: -5px;
	}
}
@media all and (max-width: 992px){
	.other-banners p{
		max-width: 40%;
	}
}
@media only screen and (max-width: 767px){
	.floater {
    	width: 99%;
    	display: block;
	}
	.floater1{
		padding: 1% 5% 1% 5%;
	}
	.floater2{
		padding: 1% 5% 1% 5%;
	}
	.floater3{
		padding: 1% 5% 1% 5%;
	}
	.dots{
		display: none;
	}
	.other-banners p{
		max-width: 60%;
		border: 0px solid red !important;
	}
	.floating-col{
		float: none;
		margin-right: 0%;
	}
	.float-col-left{
		float: none;
		margin: 0px auto;
		max-width:100%;
	}
	.float-col-right{
		float: none;
		margin: 0px auto;
		max-width:100%;
	}
	.divider{
		display: none;
	}
	.left-dot{
		display: none;
	}
	.right-dot{
		display: none;
	}
	.float-right {
    	text-align: left;
	}
	.left-dot-copy {
    	float: none;
    	width: 100%;
	}
	.float-header h1 {
    	padding-left: 0px;
    	color: #090a0b;
    	padding-bottom: 10px;
	}
	.right-dot-copy {
    	float: left;
    	width: 100%;
	}
	.hidemobi{
		display: none;
	}
	.no-padd{
		margin: 0;
		padding-left:15px;
		padding-right: 15px;
	}
	.top-minus-l{
		margin-top: -0%;
	}
	.news-left{
		float: none;
		width: 99%;
	}
	.news-right{
		float: none;
		width: 99%;
	}
	.news-text-margin-left{
		margin-left: 0%;
	}
	.news-text-margin-right{
		margin-right: 0%;
	}
	.news .btn{
		margin-bottom: 30px;
	}
	.mt-7{
		margin-top: 2rem;
	}
	.news-border{
		border-right: 0px solid #bebebe;
		margin-left: 0px;
		padding-right: 0px;
		padding-left: 0;
	}
	#navbarResponsive .ml-auto{
		border: 0px solid red;
		max-width: 540px;
		margin: 0px auto;
	}
}
@media screen and (max-width: 695px){
	.carousel-width {
    	max-width: 100%;
	}
	header.masthead h1 {
    	font-size: 1.5rem;
	}
}
@media screen and (max-width: 590px){
	#navbarResponsive .ml-auto{
		border: 0px solid red;
		max-width: auto;
		margin: 0px auto;
		padding-left: 15px;
	}
}
@media screen and (max-width: 576px){
	.col-sm-6{
		width: 48% !important;
	}
	.big-blue-block{
		width: 94%;
	}
}

@media screen and (max-width: 480px){
	.blue-block{
		width: auto;
		display: inline-table;
		padding-bottom: 20px;
	}
	.navbar-expand-lg>.container{
		padding-right: 10px;
		padding-left: 10px;
	}
	.navbar-toggler{
		padding: 0 !important;
	}
	#mainNav .navbar-brand img{
		max-width: 70%;
	}
	#mainNav .navbar-brand{
		font-size: 12px !important;
		max-width: 180px;
	}
	.carousel_content{
		max-width: 100%;
		padding-left: 20px;
	}
	.carousel-width {
    	max-width: 66%;
	}
	.carousel-control-next{
		right: 10px;
	}
	#navbarResponsive .ml-auto{
		border: 0px solid red;
		max-width: auto;
		margin: 0px auto;
		padding-left: 25px;
	}
}

@media screen and (max-width: 440px){
	.h1, h1 {
    	font-size: 1.5rem;
	}
	.card-inner h2 {
    	color: #fff;
    	font-size: 18px;
    	font-weight: 700;
	}
}
@media screen and (max-width: 370px){
	.form-right-btn{
		display: inline;
	}
	#contact .formsubmit input{
		margin-top: 20px;
	}
}
@media screen and (max-width: 346px){
	
}
.customNavigation .fa{
	color:#fff !important;
}
.customNavigation {
    z-index: 999;
    width: 100%;
	right: 5%;
	text-align: right;
    position: absolute;
	border: 0px solid black;
}
.customNavigation .prev1 {

}
.customNavigation .next1 {

}
canvas{
	width: 100% !important;
	z-index: 1;
	position: relative;
}
#slide_container{
	z-index: -99px;
	top:100px;
	width: auto;
	position: absolute;
	min-width: 1px;
}
@media screen and (max-width: 480px){
	#slide_container{
		display: none;
	}
	.mobi-bg{
    	background-image: url(../img/header.jpg);
    	background-position: center center;
    	-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
    	background-size: cover;
	}
	.navbar-collapse{
		top:65px;
		padding-bottom: 20px;
	}
}