@import url(https://fonts.googleapis.com/css?family=Raleway:800);
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);
body {
    overflow-x: hidden;
     
}


p {
    font-size: 15px;
}

p.small {
    font-size: 16px;
}

a,
a:hover,
a:focus, 
a:active,
a.active {
    outline: 0;
    color: #000;
}

h1,
h2, 
h3,

h5,
h6 {
    
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
	text-align:left;
}

.size25{font-size:28px; width:600px; max-width: 100%;
	background-size: 100% 100%;}

.violet{color:#eba249 ;}
.black{color:#000;}
.white{color:#fff;}
.bgproven{ 
    background-image: url(../images/homebody.png); 
   background-size: contain;
    background-repeat: repeat;
    margin:0px; padding:30px;
    
}

.oracbg{background-image: url(../images/bg1.jpg); background-size:cover; background-repeat:no-repeat; margin:0px; padding:30px;}
.oracbg p{font-size:15px;}


.bg2{ background-size:cover; background-repeat:no-repeat; margin:0px;}

.green{background-color:#99cf3e; margin:0; padding:20px;}

.alert-warning{background-color:#f2d9fc;}
.alert-warning p{color:#000; font-size:16px;}

.bgtesti{background-color:#9acf3f; margin:5px 0 0 0px; padding:10px; max-width:100%; }
.bgtesti p{font-size:14px;}
.big{font-size:55px;}
.testi{padding-bottom:50px;}

.div3 {
    position: absolute;
    left: 70px;
	top: 350px;
	width: 100%;
    height: 100%;
	z-index:5;
	 max-width: 100%;
	background-size: 100% 100%;
   }
   
   .div4 {
    position: absolute;
    left: 450px;
	top: 150px;
	width: 100%;
    height: 100%;
	 max-width: 100%;
	background-size: 100% 100%;
   }

hr.star-light,
hr.star-primary {
    margin: 25px auto 30px;
    padding: 0;
    max-width: 250px;
    border: 0;
    border-top: solid 5px;
    text-align: center;
}

.row{
    margin-left:0px !important;
     margin-right:0px !important;
}

hr.star-light:after,
hr.star-primary:after {
    content: "\f069";
    display: inline-block;
    position: relative;
    top: -.8em;
    padding: 0 .25em;
    font-family: FontAwesome;
    font-size: 1em;
	
}

hr.star-light {
    border-color: #fff;
}

hr.star-light:after {
    color: #fff; 
    background-color: #18bc9c; 
}

hr.star-primary {
    border-color: #2c3e50;
}   

hr.star-primary:after {
    color: #2c3e50;
    background-color: #fff; 
}
    
.img-centered {
    margin: 0 auto; 
}

header {
    text-align: center;
    color:#F30;
/*background: #eba249 ;*/
	background:url(../images/bg.png) no-repeat center;
	background-size:cover;
	margin-top:20px;
	
}

header .container {
    padding-top: 100px;
    padding-bottom: 50px;
} 

header img {
    display: block;
    margin: 0 auto 20px;
}

header .intro-text .benefits {
    display: block;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
    font-weight: 700;
	color:#FFF;
}

header .intro-text .sexy {
    font-size: 2.75em;
    font-weight: bold;
	color:#1a2739F;
	font-family: 'PT Sans', sans-serif;
	text-align:left;
	
}

header .intro-text h1{font-size: 2.5em; color:#fff;}
header .intro-text h2{color:#fff;}


@media (min-width: 768px) {
    .desktop-align {
        margin:0px;
    }
    
    .navbar-header{
        margin-left:30px !important;
    }
}


@media(min-width:768px) {
    header .container {
        padding-top: 150px;
        padding-bottom: 0px;
		margin-bottom:0px;
    }

    header .intro-text .benefits {
        font-size: 1.75em;
		color:#fff;
		text-align:left;
		padding-top:35px;
		margin-left:25px;
		
    }

    header .intro-text .sexy {
    font-size: 4.75em;
	color:#1a2739;
	font-family: 'PT Sans', sans-serif;
	text-align:left;

    }
    .page-scroll{
        margin-left:20px;
    }
}

/*===========================
  --- NavBar ----
=========================== */

.navbar-custom {
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: 'Montserrat-Light',Arial,Helvetica,sans-serif;
	background:rgba(64,119,187,1);
	
}



.navbar-custom .navbar-brand {
    background:url(../images/logo.png);
	width:350px;
	height:75px;
	margin-top:0px;
	max-width: 100%;
	background-size: 100% 100%;
	
}
.img1a{clear:both; padding-bottom:2px;}
.size2a ul{ margin:0px 0px 0px -25px !important;position:relative;list-style:square;}
.size2a ul li{position:relative;float:revert;}
@media (max-width:1199px){
    .navbar-custom .navbar-brand{
        background:url(../images/logo-xs.png);
        width:227px;
        height:50px;
        margin-top: 15px;
    }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
        margin-left:0px !important;
    }

    .container{
        width:auto;
    }

}



/*@media(max-width:845px){
 .navbar-header{
    float:none;
    display:flex;
    justify-content:center;
 }

 .navbar-right {
    float: none !important;
}
}

@media(max-width:767px){
    .navbar-header{
        float:left;
        display:block;
        margin-left:0px !important;
    }
}*/

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-left:40px;}


.navbar-custom .navbar-brand:focus {
    outline: 0;
}



.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
}

.navbar-custom a {
    color:white;
}



.navbar-custom .nav li a {
	font-size:14px;
	margin:16px 10px 0 10px;
	padding:10px;
	transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-webkit-transition:all .4s ease-in-out;
	
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a.active {
   outline: 0;
   border:1px solid white;
   background:none;
   
}


    .navbar {
        padding: 10px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        background:rgba(64,119,187,1) 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }
	
	.top-nav-collapse {
        
        background-color: #000;
    }

    .navbar-custom.top-nav-collapse {
        
		background:rgba(64,119,187,.8);
    }
	@media(max-width:992px) {
	    .img1a img{width:320px;}
	.navbar-custom .nav li a {
  font-size: 14px;
  margin: 16px 5px 0 5px;
	    padding-top: 1px;
    padding-bottom: 1px;
	    
	}}
	
	@media(min-width:768px) {
    .navbar {
        padding: 20px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        background:url('../images/white-bg.jpg');
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
      
        background-color: #000;
    }

    .navbar-custom.top-nav-collapse {
        
		background:rgb(255 255 255) 0 0;
    }
    
     .page-scroll{
            font-size: 41px !important;
    }
}

section {
    padding: 100px 0;
}

section h2 {
    margin: 0;
    font-size: 2em;
}

section.success {
    color: #fff;
    background: #18bc9c;
}

section.success a,
section.success a:hover,
section.success a:focus,
section.success a:active,
section.success a.active {
    outline: 0;
    color: #2c3e50;
}

@media(max-width:767px) {
    section {
        padding: 75px 0;
    }

    section.first {
        padding-top: 75px;
    }
    .img1a img{width:280px;}
    
    .page-scroll{
            font-size: 37px !important;
    }
}



@media(min-width:767px) {
    
}
 


footer {
    color: #fff;
}

footer h3 {
    margin-bottom: 30px;
}

footer .footer-above {
    padding-top: 5px;
    background-image: url(../images/homesmall.png); 
    background-size:cover; 
    background-repeat:no-repeat; 
}

footer .footer-col {
    margin-bottom: 50px;
}

footer .footer-below {
    padding: 25px 0;
    background-color: #000000;
}

footer a, 
a:hover,
a:focus,
a:active,
a.active{color:#FFF;}

footer .footer-below p{font-size:12px;}


.btn-social {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 45px;
}

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

.scroll-top {
    z-index: 1049;
    position: fixed;
    right: 2%;
    bottom: 2%;
    width: 50px;
    height: 50px;
}

.scroll-top .btn {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 28px;
}

.scroll-top .btn:focus {
    outline: 0;
}




.yt{
    width:400px;
    height: 300px;
    border:5px solid #fff;
    margin-top:35px;
    margin-bottom:15px;
}

@media (max-width:600px){
    .yt{
    max-width:400px;
    width:auto;
    height: auto;
    margin-top:15px;
    margin-bottom:15px;
    }
        .img1a img{width:260px;}
}

/**media query**/
@media(max-width:768px){
    .navbar-custom .nav li a {
    font-size: 12px;
    margin: 5px 5px 0 5px;
}

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

}


/**media query**/
@media(max-width:768px){
    .center {
    display: block;
  margin-left: auto;
  margin-right: auto;
  
}
}

@media(max-width:767px){
    .navbar{
        background:rgb(255,255,255) !important;
    }

    .navbar-header{
        margin-left:0px !important;
    }

    .intro-text > * {
    text-align: center !important;
    }

    .bg2 button {
    margin: 0 auto;
    display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  
  /* Grid system for col-md-* */
  .col-md-1 { width: 8.33333333%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-3 { width: 25%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-6 { width: 50%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-9 { width: 75%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-12 { width: 100%; }

  /* Container max-width */
  .container {
    max-width: 960px;
  }

  

  /* Visibility utilities */
  .d-md-none {
    display: none !important;
  }
  
  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }

  /* Other utility classes */
  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  /* Form controls */
  .form-control-md {
    font-size: 1rem;
    padding: .5rem .75rem;
    line-height: 1.5;
  }

  /* Buttons */
  .btn-md {
    font-size: .875rem;
    padding: .5rem 1rem;
  }

  /* Cards */
  .card-md {
    padding: 1rem;
  }

  /* Modals */
  .modal-dialog {
    max-width: 800px;
  }

  .modal-lg {
    max-width: 900px;
  }

  /* Alerts */
  .alert-md {
    font-size: 1rem;
    padding: .75rem 1.25rem;
  }

        .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    
    header .intro-text h1 {
        font-size: 2.2em;
        color: #fff;
    }
    
        header .intro-text .benefits {
        font-size: 1em;
        color: #fff;
        text-align: left;
        padding-top: 20px;
        margin-left: 25px;
    }
    
    .about-us-img{
        max-width: 300px !important;
    }
    
    .order-now-img{
        width: 300px;
                margin-bottom: 10px;
    }
    
        .order-now-div {
        width: 100%;
    }
    
    .home-bottom-order{
            margin-top: -30px;
    }
    
    .image-increase{
        padding:0px;
    }
    
  /* Other components and utilities */
  /* Add additional component or utility styles as needed */
}