body{
  overflow-x: hidden;
}

.padtop27{
	padding-top:30px;
}

.padtop35{
	padding-top:11px;
}

.padtop20{
	padding-top:20px;
}

.padlft20{
	padding-left: 20px;
}

.martop0{
	margin-top:0px !important ;
}

.marlft8{
	margin-left:15px;
}

.padlftryt0{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.fltlft{
	float:left;
}

#backclrhead{
	height:65px;
	/*background-color: #f7f7f7;
	border-bottom: 1px solid #e9e9e9;*/
	background-image: url(../images/128-168.jpg);
}

.parahead{
	font-size: 14px;
}

.navbar-brand
{
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    margin:0 auto;
}
.navbar-toggle {
    z-index:3;
}

#mynavsecnd{
	background-color: transparent;
	margin-bottom: 0;
}

.padlft0{
	padding-left: 0px !important;
}

#secondparaend{
	padding-top: 40px;
    font-size: 15px;
    color: #e65353;
    font-style: italic;
    font-weight: 600;
    text-decoration: underline;
}

#headpremium{
	color:#6494bd;
	font-weight: 700;
	font-size:39px;
	padding-top: 40px;
	padding-bottom: 60px;
}

#headpremium1{
	color:#6494bd;
	font-weight: 700;
	font-size:39px;
	padding-bottom: 30px;
	margin-top:0px;
}

#headpremium2{
	color: #0295da;
	font-weight: 700;
	font-size:39px;
	padding-bottom: 30px;
	padding-top:40px;
}

#thumbnail h4{
	font-weight: 700;
	color: #383738;
	font-size: 26px;
}

#thumbnail{
	background-color: #f7f7f7;
	border-radius:2px;
	box-shadow: 3px 3px 10px rgba(0,0,0,0.1);
    border: 1px #dedede solid;
    border-radius: 3px;
	
}

.padtop60{
	padding-top: 60px !important;
}

#paravid{
	padding-top: 50px;
    font-size: 15px;
    color: #e65353;
    font-style: italic;
    font-weight: 600;
}
#paravid a {
    color: #cfcfcf;
    font-weight: 300;
    text-decoration: none !important;
}
#paravid1{
	padding-top: 30px;
    font-size: 15px;
    color: #676767;
}
#secondparaend a {
    color: #e65353;
}
#section3{
	padding-bottom: 45px;
}

/*--carousel testimonial--*/
.carousel-indicators .active {
    background: #31708f;
}

.content {
    margin-top: 20px;
}

.adjust1 {
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.adjust2 {
    margin: 0;
}

.carousel-indicators li {
    border: 1px solid #ccc;
}

.carousel-control {
    color: #31708f;
    width: 5%;
}

.carousel-control:hover,
.carousel-control:focus {
    color: #31708f;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

.media-object {
    margin: auto;
    margin-top: 15%;
}

#carousel-testi{
	background-color:#f7f7f7;
}

#thumbnail-testi{
	background-color: transparent;
	border: none;
}

/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
    height: 100vh;
}
.fade-carousel .carousel-inner .item {
    height: 100vh;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #f39c12;
    border-color: #f39c12;
    opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: left;
    
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 6em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: .7;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  background-image: url(../images/banner.jpg); 
  
}

.fade-carousel .slides .slide-2 {
  background-image: url(../images/banner1.jpg);
  background-size: cover;
}
.fade-carousel .slides .slide-3 {
  background-image: url(../images/banner2.jpg);
  background-size: cover;
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 4em; }    
}

#back-icon-thumb{
	background-color: #ffffff;
	border:1px solid #e5e5e5;
	padding-top: 15px;
	padding-left: 13px;
	padding-right: 10px;
	padding-bottom: 15px;
}

/*#section-icon-brand{
	background-color: #f7f7f7;
}*/

#headpremium4{
	color:#6494bd;
	font-weight: 700;
	font-size:39px;
	padding-bottom: 50px;
	padding-top:40px;
}

.testi-para{
	font-style: italic;
	font-size: 22px;
	color:#464f5e;
	font-weight: 300;
	line-height: 40px;
}

.testi-para1{
	padding-top: 50px;
	font-size: 19px;
	color:#80868f;
}

.testi-para1 > span{
	color:#262f41;
}

#thumbnail-testi{
	background-color: transparent;
	border:none;
}

.testimground{
	border-radius: 100px !important;
}

@media screen and (max-width: 768px) {
    .media-object {
        margin-top: 0;
    }
}

/*--images--*/

/*--.hero {

  background: url("../images/banner.jpg") no-repeat center center;
  background-size: cover;
  height: auto; }

  

  .hero .intro {
    padding: 3rem;
    position: relative;
    top: 50%;
    }

  .hero h1 {
    color: #fff;
    font-size: 45px;
    line-height: 1.5em;
    letter-spacing: -0.025em;
    font-weight: 300;
    text-align: center; }

  .hero p {
    color: #fff;
    line-height: 1.75em;
    font-weight: 200;
    text-align: center;
    font-size: 17px;
    margin-bottom: 2rem; }

    .mybtn{
    	background-color: transparent !important;
    	color:#ffffff;
    	border:2px solid #ffffff;
    }

    #stratone h1{
    	color:#0295da;
    }--*/

    .padtop50{
    	padding-top:50px !important;
    }

    .padtop25{
    	padding-top: 25px !important;
    }
  

  /*second footer*/
  #secfoterback{
  	background-image: url(../images/secondfooterback.jpg);
  	padding-top: 35px;
  	padding-bottom: 50px;
  	border-bottom: 1px solid #ffffff;
    background-size: cover;
  }

  #headfontclr{
  	color:#ffffff;
  	font-size: 30px;
  	font-weight: 700;
  	padding-bottom: 40px;
  }

  #media-heading{
  	color:#ffffff;
  	font-weight: 400;
  	font-size: 20px;
  }

#media-para{
	color:#ffffff;
	font-weight: 400;
	font-size: 15px;
}

#btn-default{
	background:transparent;
	border:2px solid #ffffff;
	color:#ffffff;
	margin-top: 35px;
	padding-right: 20px;
	padding-left:20px; 
}

#secondfootersecnd{
	color:#ffffff;
	
}
#secondfootersecnd h1{display:none;}
#footer-para{
	color:#ffffff;
	font-size: 15px;
}

#footer a{
	color:#ffffff;
	text-decoration: none;
}

#footer{
	background-color: #5c5c5c;
	padding-top: 25px;
	padding-bottom: 15px;
}

/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}
/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 90%; }    
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 4em; }    
}

  /*--@media only screen and (min-width: 40.063em) {

    .hero .tech-img {
      height: 18rem;
      width: 18rem; }

    .hero h1 {
      padding-top: 4.5rem;
      text-align: left;
      font-size: 49px; }

      .hero h1 span{
      	font-size:45px;
      }

    .hero p {
      text-align: left; } }--*/


/*main carousel*/
.hero hgroup h1{
	font-size:50px;
	font-weight: 400;
  font-family: 'roboto' sans-serif;
}

.hero hgroup h2{
  font-size:45px;
  font-weight: 800;
  font-family: 'roboto' sans-serif;
}

.hero hgroup p{
  font-size:17px;
  font-weight: 200;
  font-family: 'lato' sans-serif;
  text-shadow: none;
}

#mycolbtn{
  background-color: transparent;
  border-color: #ffffff;
  cursor: pointer;
}

#hero{

}




/* how it works*/

/* section2 */
#howsectwo{
  padding-bottom: 50px;
}

#howsectwo h1{
color:#0295da;
font-size: 50px;
font-weight: 300;
}

#howsectwo h2{
  font-family: 'roboto' sans-serif;
  font-weight: 700;
  font-size: 31px;
  color:#0295da;
}

#media2{
  padding-top: 35px;
}

#media2 h4{
  font-size: 20px;
  font-family: 'roboto' sans-serif;
}

#media2 p{
  color: #616060;
  font-size: 15px;
   font-family: 'Lato', sans-serif;
}

#media-object{
  margin-top: -15px !important;
  padding-right: 40px;
}

.padtop25{
  padding-top:25px;
}

#secondsecht{
  background-color: #fafafa;
}

#media23, #media24{
  padding-top: 22%;
}

.media-body, .media-left, .media-right {
	vertical-align: middle !important;
}

#media-body h4{
	font-size: 33px;
	color:#000000;

}

#media-body p{
	font-size: 18px;
	color:#a1a0a0;
	font-weight: 300;
	
    font-family: 'Lato', sans-serif;

}

/*second sec h*/

#secondsech2 h2{
  font-family: 'roboto' sans-serif;
  font-size:39px;
  font-weight: 700;
  color: #0295da; 
  padding-bottom: 40px;
}

#secondsech2{
  padding-bottom: 50px;
}

#mediafoot img{
  margin-top: -42px;
  padding-right:30px;
}


#media-bodyfoot h4{
  font-size: 20px;
  color: #000000;
  font-family: 'roboto' sans-serif;
  padding-bottom: 10px;

}

#media-bodyfoot p{
  font-size: 15px;
  color: #616060;
  font-family: 'Lato', sans-serif;

}

#secondsech{
  background-image: url('../images/backh.png');
  background-size: cover;
  padding-top: 36px;
  opacity: 0.8;
}

#secondsech h1{
  color:#0295da;
  font-size: 61px;
  font-weight: 700;
}

#secondsech h2{
  color:#0295da;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 30px;
}

#secondsech p{
  color:#ffffff;
  font-size: 22px;
  padding-top: 20px;
}

/*section fouth how*/

#secfourthhow{
  background-color: #e6e5e5;  
  padding-bottom: 50px;
}

#secfourthhow h6
{
  font-size: 20px;
  color:#4c4c4c;
  font-family: 'roboto';
}

#secfourthhow p{
  font-size: 15px;
  font-weight: 300;
  font-family: 'roboto';
  color:#717171;
}

/*sect-benefite*/

#sect-benefits h1{
  color:#0295da;
  font-size: 35px;
  padding-bottom: 30px;
  font-weight: 700;
}

#sect-benefits{
  padding-bottom: 50px;
}

#media-body-benefits h4{
  font-size: 20px;
  font-family: 'roboto' sans-serif;
  color:#000000;
}

#media-body-benefits p{
  color: #616060;
font-size: 15px;
font-family: 'Lato', sans-serif;
max-width:375px;
}

#media-left-benefits img{
  margin-top:-20px;
  padding-right: 23px;
}

/*sect-benefits1*/

#sect-benefits1{
  background-color: #f8f8f8;
  padding-top: 50px;
  padding-bottom: 50px;
}

#media-left-benefits1 img{
  margin-top: -65px;
}

#sect-benefits1 h1{
  color:#0295da;
  font-size: 35px;
  padding-bottom: 30px;
  font-weight: 700;
}

#sect-benefits1 p{
  color:#696969;
  font-family: 'lato' sans-serif;
  font-size: 15px;
}

/*slide section*/
#slidesection h1{
  color:#0295da;
  font-size: 39px;
  font-weight: 700;
  font-family: 'roboto' sans-serif;
}

#slidesection{
  padding-bottom: 30px;
}

@media (max-width:650px){
  #howsectwo h1{
    font-size: 25px;
  }

  .padlft0mbl{
    padding-left:0px;
  }

  #media-body h4 {
    font-size: 28px;
  }
  #media-body p {
    font-size: 16px;
  }

  #btn-default {
    background: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    margin-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 20px;
}


#sect-benefits h1 {
  padding-left: 15px;
  font-size:30px;
}

 .padlftryt10mbl{
  padding-left: 10px !important;
  padding-right: 10px !important;  
 }
  #slidesection h1 {
    font-size: 30px;
  }
}
@media (max-width: 768px) {.container .parahead span {display:none;}}
		.container a img {margin-top:10px;height:43px;}
		.navbar-nav {margin-left: 10px;}
		*{font-family: 'Open Sans', sans-serif;}
		.media-heading {font-size: 22px;color: #3d77ab;font-weight: bold;text-transform: uppercase;line-height: 1.5 !important;}
		#stratone h1 strong {color:#0295da;}
#section-icon-brand .container h1 {margin-bottom: 20px;font-size: 28px;color: #888;}
.media-left {vertical-align: top !important;}
.media-left a img {margin-top: 0;height: 69px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {background-color: #0295da;margin: 8px 0;padding: 8px 10px;border-radius: 4px;color: #FFF;}
.padlftryt10mbl .media {overflow:visible;}
.padlftryt0 {margin-top: 20px;}
.parahead > span {font-size: 14px;color: #555;}
.parahead > a {color: #ffffff;background-color: #1bbc9b;padding: 5px 10px;margin-left: 5px;border-radius: 3px;border: 1px #39b32b solid;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);text-decoration:none;}
/*#section-icon-brand,#carousel-testi {background-color: #f7f7f7;margin-top: 30px;box-shadow:0 -3px 10px rgba(0,0,0,0.1);border-top: 1px #e0e0e0 solid;border-bottom: 1px #e0e0e0 solid !important;}*/
.newstyle{color: #0295da !important;
font-weight: 700 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 36px !important;padding: 15px 0 0px !important;}


.fade-carousel .slides .sign-up {
    width: 100%;
}
.fade-carousel .slides .sign-up hgroup {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 0px;
    padding: 30px;
    padding-top: 20px;
    padding-bottom: 15px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
	text-shadow: none;
}


.fade-carousel .slides .bg1{	
	 background-image: url(../images/login-bg.jpg);
}
.fade-carousel .slides .bg1 {
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .sign-up hgroup .right-box {
    height: 100%;
    padding: 41px;
    min-height: 350px;
    position: relative;
    margin: 50px 0;
    -webkit-box-shadow: inset -9px 0px 23px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: inset -9px 0px 23px -4px rgba(0,0,0,0.75);
    box-shadow: inset -9px 0px 23px -4px rgba(0,0,0,0.75);
	background-image: url(../images/blue-bg.png);
}
.fade-carousel .slides .sign-up hgroup .left-box {
    background-color: rgb(255, 255, 255);
    height: 100%;
    padding: 41px;
    min-height: 450px;
    position: relative;
    -webkit-box-shadow: inset 0px 1px 23px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 1px 23px -4px rgba(0,0,0,0.75);
    box-shadow: inset 0px 1px 23px -4px rgba(0,0,0,0.75);
}
.fade-carousel .slides .sign-up hgroup .right-box h3 {
    font-family: roboto;
}
.fade-carousel .slides .sign-up hgroup .right-box h3 span {
    font-size: 22px;
    font-family: "open-sans",calibri,sans-serif,Arial;
}
.fade-carousel .slides .sign-up hgroup .right-box div {
    position: absolute;
    bottom: 14%;
}
.fade-carousel .slides .sign-up hgroup .right-box div .create{
    background-color: rgb(255, 255, 255);
    border-color: #ffffff;
    cursor: pointer;
    color: #0295da;
    font-size: 14px;
    padding: 9px 13px;
    border-radius: 0;
    font-family: roboto;
    margin: 0 5px 20px 0;
    letter-spacing: 0.5px;
    text-shadow: none !important;
}
.fade-carousel .slides .sign-up hgroup .right-box div p {
    font-size: 13px;
}
.fade-carousel .slides .sign-up hgroup .left-box .login-form .form-title {
    color: #000;
    margin-bottom: 0;
}
.fade-carousel .slides .sign-up hgroup .left-box .login-form hr {
    margin-top: 18px;
    margin-bottom: 12px;
}
.fade-carousel .slides .sign-up hgroup .left-box .login-form .form-group .form-control {
    border: 0;
    box-shadow: none;
	padding-left: 40px;
}
.fade-carousel .slides .sign-up hgroup .left-box .login-form .form-group hr {
    margin-top: 5px;
    margin-bottom: 6px;
}
.fade-carousel .slides .sign-up hgroup .left-box .login-form .form-actions button {
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 29px;
    border-radius: 0;
    background-color: #0295da;
}
.fade-carousel .slides .sign-up hgroup .left-box .login-form .form-actions a {
    color: #0295da;
    font-size: 13px;
    font-family: inherit;
    text-decoration: underline;
    margin-top: 12px;
	cursor: pointer;
}
.fade-carousel .slides .sign-up hgroup .left-box .login-form .form-group i.fa.fa-key{
    color: #fd9a00;
    font-size: 20px;
    display: block;
    position: absolute;
    margin: 7px 2px 4px 10px;
    z-index: 3;
    width: 16px;
    text-align: center;
	    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.fade-carousel .slides .sign-up hgroup .left-box .login-form .form-group i {
    color: #fd9a00;
    font-size: 20px;
    display: block;
    position: absolute;
    margin: 7px 2px 4px 10px;
    z-index: 3;
    width: 16px;
    text-align: center;
}
@media (max-width: 768px) {
	.fade-carousel .slides .sign-up hgroup .col-lg-7 {
    margin-bottom: 0 !important;
       margin-top: 0 !important;
    min-height: 315px !important;
}
.fade-carousel .slides .sign-up hgroup{
	width:100%;	
}	
.log-in{
	    height: 140vh;
}
.log-in .carousel-inner .item{	
	    height: 140vh;
}
.log-in .slides .bg1{
	height: 140vh;
}
}


.fade-carousel .slides .sign-up hgroup .left-box .login-form p {
    color: #000;
    font-size: 16px;
}
.fade-carousel .slides .sign-up hgroup .left-box .login-form .form-group .input-detail input {
    padding-left: 0;
	color: #000 !important;
    text-shadow: none;
    font-size: 15px;
}
.detail::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #505050;
  font-weight: 300;
}
.detail::-moz-placeholder { /* Firefox 19+ */
  color: #505050;
   font-weight: 300;
}
.detail:-ms-input-placeholder { /* IE 10+ */
  color: #505050;
   font-weight: 300;
}
.detail:-moz-placeholder { /* Firefox 18- */
  color: #505050;
   font-weight: 300;
}
.fade-carousel .slides .sign-up hgroup .left-box .login-form .form-group .captcha_text {
    width: 118px;
    float: right;
    padding-left: 10px;
    vertical-align: top;
    height: 25px;
    background-color: white;
    border-radius: 0;
    margin-bottom: 0;
}
.fade-carousel .slides .sign-up hgroup .left-box .login-form .form-actions button:hover {
    color: #eae9e9;
}

/*---------blog-----------*/
.line-p{
    width: 100%;
    height: 2px;
    background: #0295da;
    position: relative;
    display: block;
    margin: 4% 0 3% 0;
}
.line-p span{
    position: absolute;
    background: white;
    left: 22px;
    padding: 9px 5px;
    color: #000;
    top: -19px;
    font-weight: 500;
    font-size: 11px;
}
#Blogs a{
    color: #000;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 10px 0;
    width: 100%;
    float: left;
}
#Blogs .head-p{color: #000;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 10px 0;
    width: 100%;
	float: left;
	}
#Blogs p {
    color: #868686;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.42857143;
    font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	float: left;
}

#Blogs a:focus,#Blogs a:hover{
    color: #0295da;
    text-decoration: none;}
	
#Blogs a.active{
    color: #0295da;
    font-size: 13px;
    text-align: right;
    font-weight: 500;
}
#Blogs .img-blog{
    padding: 13px 0;
    display: block;
    width: auto;
}
.img-blog-left{
    width: 100%;
    float: left;
    margin-bottom: 10px;

}
.img-blog-left img{
	width: 100%;
    max-width: 100%;
    margin: 0;
    height: auto !important;
}
.line-p{
    width: 100%;
    height: 2px;
    background: #0295da;
    position: relative;
    display: block;
    margin: 4% 0 3% 0;
}
.line-p span{
    position: absolute;
    background: white;
    left: 22px;
    padding: 9px 5px;
    color: #000;
    top: -19px;
    font-weight: 600;
    font-size: 13px;
}
#Blogs .left hr {
    border: 1px solid #000;
    margin-top: 11px;
    margin-bottom: 6px;

}
#Blogs .left p {
    font-size: 15.5px !important;
    font-weight: bold !important;
    margin-bottom: 5px !important;
	color:#333;
}
#Blogs .pl{padding-right: 6%;}
#Blogs .left a{
    width: 100%;
    border: 0;
}
#Blogs .left a img{
    width: 100%;
   
}
		.dateUI{font-size: 12px;
    font-family: "open-sans",calibri,sans-serif,Arial;
    font-style: normal;
    font-weight: 300;
    display: inline-table;
    vertical-align: middle;
    padding: 0 5px;
    margin-left: 10px;
    background-color: #EFEFEF;}
	#foo {
	width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,0.9);
    top: 0;
    left: 0;
    z-index: 999999;
    display: none;
}
#foo .innervideoContainer {
	max-width: 660px;
    max-height: 500px;
    margin:5% auto;
    background-color: #FFF;
    border: 10px #FFFFFF solid;
    border-radius: 5px;
    position: relative;
    width: 90%;
	}
#foo .innervideoContainer .close_videoContainer {
	width: 35px;
    height: 35px;
    background-color: #FFF;
    border-radius: 30px;
    border: 3px #FFF solid;
    position: absolute;
    display: block;
    right: -30px;
    top: -30px;
}
.advertiserBrandImg > div > div > a,.publisherBrandImg > div > div > a {
	margin-bottom: 15px;border: none;
}
.publisherBrandImg > div > div > a{
	background-color:#f7f7f7;
}
#Platform div div div p {
	margin-bottom:0;
}
#Platform div div div p b{font-weight:500;}
.facebook a:hover {
	color:#8b9dc3 !important;
}
.twitter a:hover {
	color:#00aced !important;
}
.linkedin a:hover {
	color:#0077b5 !important;
}
#Blogs > div > div > div > a {
	width: 100%;
}
#Blogs > div > div > div > a > img {
	width: 100%;
}
#Blogs > div > div > div h4 {
	font-size: 19px;
    line-height: inherit;
    text-transform: uppercase;
}
#Blogs > div > div > div h4 span {
	font-size: 12px;
    font-family: "open-sans",calibri,sans-serif,Arial;
    font-style: normal;
    font-weight: 300;
    display: inline-table;
    vertical-align: middle;
    padding:0 5px;
    margin-left: 10px;
    background-color: #EFEFEF;
}
.CTN_login > div .tab-content > div{
	background-color:#FFF;	
}
.CTN_login > div {
	padding-top:150px;
}
.navbar-brand {
	padding: 10px 15px;
}
#footer-content > div > div > span > a {
	padding-left:5px;
}
.CTN_new_login #mainNav .container-fluid .navbar-collapse ul li a {
	margin:5px;padding:10px;
}
@media (min-width: 768px){
	.CTN_new_login #mainNav .container-fluid .navbar-collapse ul li a {padding:10px;}
}
.CTN_new_login #mainNav .container-fluid .navbar-brand{
	padding: 5px 10px;
}
.CTN_new_login .affix .container-fluid .navbar-header {
	height: 50px;
}
.CTN_new_login .navbar-fixed-top .container-fluid .navbar-header .navbar-brand img {
	height: 30px;
}
.CTN_login > div .tab-content > div {
	min-height:500px;
	background-color:#ECECEC;
	padding-top: 30px;
}
.CTN_login > div .container > ul {
	border-bottom: none;
	margin-bottom:0;
} 
.CTN_login div .tab-content div > div {
}
.content form .form-group .input-icon i {
	display: block;
}
.login-form .form-actions .checkbox,.register-form .form-group label {
	color:#000000;
}
.login .content{
	width:400px !important;
}
.login .content .form-title {
    margin-top: 0;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	background-color:#ECECEC;
}
.team-member img{
	border: none;
}
.ctn_banner_heading {
	color:#FFFFFF;
	font-size:25px;
}
.colombia_ctn_login a {background-color: rgba(218, 131, 0, 0.8) !important;}
.img-thumbnail img {height:200px !important;}
.blog .heading{
    margin-top: 0;
    padding-top: 39px;
    font-size: 50px;
    color: #0295da !important;
    font-weight: 700 !important;
    font-family: 'Open Sans', sans-serif !important;
}
.blog .sub-heading.text-center {
    font-size: 22px;
    color: #3d77ab;
    font-weight: bold;
}
.blog .row h5 {
    text-transform: uppercase;
    font-size: 18px;
    color: #000000;
    font-weight: bold;
	line-height: 1.6;
}
.blog .row ul li {
    color: #333;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.42857143;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 300;
}
.blog .row p {
    color: #333;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.42857143;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 300;
}
.blog .row h4 {
    font-size: 18px;
    color: #000000;
    font-weight: bold;
}
#Blogs .left .line-p{
    width: 100%;
    height: 1px;
    background: #0295da;
    position: relative;
    display: block;
    margin: 7% 0 4% 0;
}
.swiper-wrapper .slide-1{background-image:url(../images/banner.jpg);  background-size: cover; background-position: center center;background-repeat: no-repeat;
}
.swiper-wrapper .slide-2{background-image:url(../images/banner1.jpg);  background-size: cover; background-position: center center;background-repeat: no-repeat;
}
.swiper-wrapper .slide-3{background-image:url(../images/banner2.jpg);  background-size: cover; background-position: center center;background-repeat: no-repeat;
}
.swiper-wrapper .caption{position: absolute; top: 6%; left: 4%; z-index: 3; color: #fff; text-align: left; opacity: 0; -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s;  -ms-transition: 2s all ease-in-out .1s;-o-transition: 2s all ease-in-out .1s;transition: 2s all ease-in-out .1s;}
.swiper-slide-active .caption{    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;}
.swiper-wrapper .caption h1{font-size: 50px;font-weight: 400;}
.swiper-wrapper .caption h2{text-transform: uppercase; font-size: 45px; font-weight: 800;}
.swiper-wrapper .caption p{width: 380px; font-size: 17px;font-weight: 200;text-shadow: none;}

/*---------home page----------*/
.hp-head h4{color:#000; font-size:20px; text-transform: initial;}
.hp-head .media-body{color: #b8b8b8;font-size: 16px;font-weight: 300;}
.hp-head a img{height:69px;}
#secondparaend{text-decoration: none;}
#secondparaend a {color: #cfcfcf;font-weight: 300;text-decoration: none;}
#secondparaend a:focus, #secondparaend a:hover { color: #23527c; text-decoration: none;}
.hp-w-5{width: 18%; float: left; margin-right: 2%;}
.hp-w-5:last-child{margin-right:0;}
.hp-w-5 .thumbnail img{width: 54%;}
.hp-w-5 #thumbnail{box-shadow:none;}
.hp-m-t-0{margin-top:50px!important;}
.hp-w-5 #thumbnail h4 {margin:0; font-size:17px;}
#section-icon-brand .thumbnail {height:63px;}
#section-icon-brand .thumbnail img{height:100%;margin:auto;}
#section3 h4{color: #000; font-size: 20px;text-transform: initial;}
#carousel-testi .paratestimonial22{font-style:italic;font-weight:300;color: #939393;}
#carousel-testi blockquote{border-left:0;}
/*============responsive================*/
@media screen and (max-width: 767px){
.hp-slide .hero h1{font-size: 25px;}
.hp-slide .hero h2{font-size: 22px;margin: 8px 0;}
.hp-slide .hero p {font-size: 14px;}
.hp-slide .hero {top: 49%;}
.fade-carousel .hp-slide .slides .slide-1, .fade-carousel .hp-slide .slides .slide-2, .fade-carousel .hp-slide .slides .slide-3 {height:64vh;}
.fade-carousel {height: 62vh;}
.hp-slide #mycolbtn {padding: 5px 10px;margin: 4px 0;}
.hp-w-2{width:48%;}
.hp-w-5 #thumbnail h4 {font-size: 12px;}
.hp-w-5 .thumbnail .caption {padding: 3px;}
.hp-sty.newstyle{font-size: 24px !important;}
.fade-carousel .carousel-inner.hp-slide .item {height: 64vh;}
.hp-head h4{font-size:16px; }
.hp-head .media-body {font-size: 14px;}
.r-p-20{padding-top:20px !important;}
.hp-m-t-0{margin-top:0!important;}
#section3 .media-heading{font-size: 15px;line-height: 18px;}
.hp-mp-0{margin:0 !important;padding:0!important;}
#carousel-testi blockquote{border-left:0;}
#carousel-testi blockquote p, #carousel-testi blockquote  small {text-align:center;font-size: 14px;}
#secfoterback #headfontclr {font-size: 25px;padding-bottom: 9px;}
#secfoterback #media-heading {font-size: 16px;}
.ftr-p{margin-left:64px!important;}
.res-slide1{background-image: url(../images/banner-2.jpeg) !important;}
.res-slide2{background-image: url(../images/banner-3.jpeg)!important;}
.res-slide3{background-image: url(../images/banner-1.jpg)!important;}
#secondfootersecnd h3{font-size:10px;} 
#secondfootersecnd h1{font-size: 28px;}
#secondfootersecnd h4{font-size: 16px;}
}

@media screen and (min-device-width: 480px) and (orientation : landscape){
.hp-slide .hero {top: 51%;}	
.fade-carousel .hp-slide .slides .slide-1, .fade-carousel .hp-slide .slides .slide-2, .fade-carousel .hp-slide .slides .slide-3 {height: 81vh !important;}	
.fade-carousel {height: 81vh;}	
.fade-carousel .carousel-inner.hp-slide .item {height: 81vh;}
.hp-slide .hero hgroup p{width:400px !important;}
}
@media screen and (min-width: 768px) and (max-width:990){
.hp-slide .hero h1{font-size: 25px;}
.hp-slide .hero h2{font-size: 22px;margin: 8px 0;}
.hp-slide .hero p {font-size: 14px;}
.hp-slide .hero {top: 16%;}
.fade-carousel .hp-slide .slides .slide-1, .fade-carousel .hp-slide .slides .slide-2, .fade-carousel .hp-slide .slides .slide-3 {height:33vh;}
.fade-carousel {height: 35vh;}
.hp-slide #mycolbtn {padding: 5px 10px;margin: 4px 0;}
.res-slide1{background-image: url(../images/banner-1.jpg) !important;}
.res-slide2{background-image: url(../images/banner-2.jpeg)!important;}
.res-slide3{background-image: url(../images/banner-3.jpeg)!important;}
.hp-w-5 #thumbnail h4 {margin: 0;font-size: 12px;}
.r-p-20{padding-top:20px !important;}
.hp-m-t-0{margin-top:0!important;}
.hp-sty.newstyle{font-size: 24px !important;}
#section3 .media-heading{font-size: 15px;line-height: 18px;}
}
#paravid a:hover {
    color: #23527c;
    text-decoration: none;
}

.contact .heading {
    margin-top: 0px;
    padding-top: 37px;
    font-size: 50px;
    color: #0295da !important;
    font-weight: 700 !important;
    font-family: 'Open Sans', sans-serif !important;
}
.contact .sub-heading {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
}
.contact p {
    color: #616060;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
}
.contact h3 {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
	margin-top: 16px;
}
/*=============full width header, footer, Nav==============*/
#backclrhead .container, #mynavsecnd .container, #footer .container{width:100%;}
.swiper-pagination-bullet {
    background-color: #fff !important;
}
#secfoterback #btn-default {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}
@media screen and (max-width: 767px){
	#sect-benefits1 .media-left, #sect-benefits .media-left, #howsectwo .media-left {}
#sect-benefits #media-left-benefits img, 
#howsectwo #media-object, #secondsecht #media-object{padding-right:0;}
#section3 .media-heading, 
#sect-benefits #media-body-benefits h4, 
#sect-benefits1 #media-body-benefits1 h4, 
#howsectwo h4, 
#secondsecht h4,
#secondsech h2,
#secondsech p{font-size: 15px;line-height: 18px;}
.hp-sty.newstyle, #sect-benefits h1, #sect-benefits1 h1, #slidesection h1, #howsectwo h2, #secondsech h1{font-size: 24px !important;}
#sect-benefits, #sect-benefits1 {padding:20px 0;}
#headfontclr{font-size:22px;padding:0;}
#secfourthhow h6 {font-size: 18px;}
#secondsech h1{padding-left:15px;}
#footer .muted.pull-right{float: left !important;text-align: left;}
.contact .heading{font-size: 35px;}

#section-icon-brand .w-20 {
    width: 49% !important;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}
/*==========slider============ 30-5*/
.swiper-wrapper .caption h1 {font-size: 25px!important;}
.swiper-wrapper .caption h2 {font-size: 22px!important;margin: 0 0 10px 0 !important;}
.swiper-wrapper .caption p {font-size: 14px!important;width: 294px!important;}
.swiper-container {height: 371px !important;}
}


#Blogs .inln-link{width: auto;float: none;color: #0295da;font-size: 13px;padding-left:10px;}
#mynavsecnd .navbar-header{margin: 0px !important;padding: 0px 10px !important;}
#backclrhead .parahead{color:#000000 !important; position: relative !important; z-index: 9999;}
#sect-benefits1 .media-heading{color:#000;}


#section-icon-brand .w-20{width:20%;padding-right:15px; padding-left:15px;float: left;}