/* ===============font family============= */
h1 h2 h3 h4 h5 h6
{
      

    
}
.p
{
    font-family: 'Roboto', sans-serif;
}
 .a
 {
     text-decoration:none !important;
     
 }   
  
/* ===========background color============= */
.bg-white
{
    background:#fff;
}
.bg-pink
{
    background: #A70769 !important;
    
}
.bg-cream
{
    background: #dcd1f2 !important;
}
.bg-blue

{
    background-image: linear-gradient(45deg,#00bffe75 , #05078e);
}
.text-orange
{
 color: #f7921d;
}
/* ===========color============= */
.text-pink-dark
{
    color:  #A70769 !important;
    
}
.text-blue
{
    color:#05078e !important;
}
.bg-info1
{
     background:red;
}


.text-gray
{
    color:#F1F5F3!important;
}
.text-violet
{
    color:#692CB5!important;
}
    
.text-dark
{
    color:#180000!important;
}
.text-green1
{
    color:#32640ce6!important;
}

/* =============== start font-size=============== */
.fs-100
{
    font-size:100px!important;
}
.fs-70
{
    font-size:70px!important;
}
.fs-55
{
    font-size:55px;
}
.fs-45
{
    font-size:45px;
}

.fs-40
{
    font-size:40px;
}
.fs-50
{
    font-size:50px;
}
.fs-35
{
    font-size:35px ;
}
.fs-25
{
    font-size:25px;
}

.fs-20
{
    font-size:20px;
}
.fs-18
{
    font-size:18px;
}
.fs-16
{
    font-size:16px;
}
.fs-15
{
    font-size:15px;
}
.fs-12
{
    font-size:12px;
}
.fs-13
{
    font-size:13px;
}
.fs-14
{
    font-size:14px;
}
.fs-10
{
    font-size:10px;
}
.fs-6
{
    font-size:6px;
}
.fb-color
{

    color: #05078e;
}
.yt-color
{
   color:#FF0000;
}
.pint-color
{
   color: #E60023;
}
.inst-color
{
    color:  #833AB4;
}
.linked-color
{
   color: #0e76a8;
}
.rs-color
{
	color:#3eae8d !important;
        
}
.bg-red
{
	background:#f7921d;
}
.text-red
{
	color:#881919!important;
}
.bg-red1
{
background:#881919 !important
}
/* ============== End font-size============== */
/* ============== width-size============== */
.custom-width250
{
	width:250 !important;
}

.fw-0
{
    font-weight:500 !important;
}
.fw-1
{
    font-weight:600 !important;
}
.fw-2
{
    font-weight:700!important;
}
 .stright-f
  {
      
    font-family: 'Ramabhadra', sans-serif;
  }
  .curve-f
  {
     font-family: 'Great Vibes', cursive!important;
  }
  .p-f
  {
      font-family: 'Roboto Condensed', sans-serif!important;
      letter-spacing: 1px!important;
     word-spacing: 1px!important;
    line-height: 24px!important;
    
  }
  .opacity
  {
      opacity:.8!important;
  }
  .zindex100
  {
	  position:relative ;
	  z-index:100;
	 
  }

 .zindex10000
  {
	  position:relative ;
	  z-index:10000;
	 
  }
    .zindex1
  {
	  position:relative ;
	  z-index:1000;
  }
 .model-z-index
 {
	 position:absolute;
	 z-index:1100000 !important;
 }
 /* =======letter-spacing==== */
 .ls-1
 {
     letter-spacing:1px;
 }
 .ls-4
 {
     letter-spacing:4px;
 }
 /* ============margin=========== */
 .mt
 {
     margin-top: -7px !important;
 }
 .img-50
 {
	 height:70px !important;
	 
 }
 

  /* ============box-shadow========== */
  .box-shadow-ad
  {
  box-shadow:0px 0px 2px 0px #0d0c0d1c;
  }
  .bx-shadow
  {
    background-image: linear-gradient(to top, #ffffff, rgba(158, 210, 125, 0.15));
    box-shadow: inset 0 -9px 23px 0 rgba(128,190,121,.15);
  }
   .bx-shadow1
  {
    
    box-shadow: inset 0 -9px 23px 0 rgba(128,190,121,.15);
  }
  
  .light-white
  {
    background: #cac7c721!important;
  }
 
  .gradient
{
  background: linear-gradient(145deg, rgb(236, 180, 11) 64%,rgb(167, 7, 105) 10% );
}
  .gradient2
  {
  background-image: linear-gradient(to top, #ffffff,
rgba(158, 210, 125, 0.15));
box-shadow: inset 0 -9px 23px 0
    rgba(128, 190, 121, 0.15);
}
.border-secondary1
{
    border: 2px solid #cdcec7;
}
.border-right-secondary
{
    border-right: 1px solid #cdcec7;
}
.border-bottom
{
	border-bottom:1px solid #8e8f85 !important;
}
.dot-border-bottom
{
	border-bottom: 2px dotted #858589;
}
/* ================bootstrap class impliment===== */

.media-width
{
	width:500px !important;
}

.table-bordered td,.table-bordered th {
    border: 1px solid #383c413d !important;
}
.table-hover tbody tr:hover {
    background-color: rgb(0 0 0 / 13%)!important;
}

.card {
    
    border: 1px solid rgb(0 0 0 / 19%)!important;
}

/* ===============css start===============*/
#more {display: none;}
#more1 {display: none ;}
#more2 {display: none ;}
#more3 {display: none ;}
#more4 {display: none ;}
#more5 {display: none ;}
#more6 {display: none ;}


.inner-img:hover {
  transform: scale(1.2);
}

/* Other styling elements, that are not necessary for the example */

.img-wrapper {
  display: inline-block;
  transition:0.5s ease-in-out ;
  box-sizing: border-box;
  //border: 1px solid #000;
  transition-timing-function: ease-in-out;
}





/* ===============top section===============*/
.nav-menu a:hover 
{
	color:#f7921d! important ;
}
.logo-30
{
	height:30px!important;
	 -webkit-height:30px!important;
	 -o-height:30px!important;
	-moz-height:30px!important;
	 -ms-height:30px!important;
	
}
/*-----dropdown start--------*/

.small-screen-menu-sec 
{
position: relative!important;
  z-index: 1!important;
}
.dropdown-menu-custom-width .submenu-head
{
	color:#fff ! important ;
}
.dropdown-menu-custom-width {
   
    min-width:750px!important;
  
}
.dropdown {
    position: relative !important;
    display: inline-block!important;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-menu-custom-width {
    display: none!important;
    position: absolute!important;
    background:#fff !important;
   
    z-index: 100;
	    border-radius: 0;
		margin:0px !important;

}

/* Links inside the dropdown */
.dropdown-menu-custom-width a {
    color: #003466!important;
    padding: 7px 12px!important;
    text-decoration: none!important;
    display: block!important;
	font-family: inherit!important;
}

/* Change color of dropdown links on hover */
.dropdown-menu-custom-width a:hover 
{
    background-color:#003466;
	color:#fff;
	
	
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-menu-custom-width {
    display: block!important;
	
}

/* ===========custom width set======= */
.dropdown-menu-custom-width1 .submenu-head
{
	color:#fff ! important ;
}
.dropdown-menu-custom-width1 {
   
    min-width:300px!important;
  
}
.dropdown {
    position: relative !important;
    display: inline-block!important;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-menu-custom-width1 {
    display: none!important;
    position: absolute!important;
    background:#fff !important;
   
    z-index: 100;
	    border-radius: 0;
		margin:0px !important;

}

/* Links inside the dropdown */
.dropdown-menu-custom-width1 a {
    color: #003466!important;
    padding: 7px 12px!important;
    text-decoration: none!important;
    display: block!important;
	font-family: inherit!important;
}

/* Change color of dropdown links on hover */
.dropdown-menu-custom-width1 a:hover 
{
    background-color:#003466;
	color:#fff;
	
	
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-menu-custom-width1 {
    display: block!important;
	
}

/*-----dropdown end--------*/

.sec2
{
position: relative!important;
    z-index: 1!important;
}

.follow-sec
{
        background:#881919 !important ;
    padding: 14px;
    /* margin-top: 0px; */
    padding-right: 0px;
}
.follow-sec:hover
{
    background: #000;
    color:#fff;
}
.sec-gradient {
    background-image: linear-gradient(rgb(255 255 255), rgb(202 252 203)) !important;
}
.sec-top
{
    line-height:0px !important;
}
.sec-top ul

{
    margin-top: 6px;
}
.bg1 {
    background: url("../img/slider2.png");
    background-size: cover;
    background-position: center;
    min-height: 658px;
}


.carousel-indicators li {
    background: #3dceb7!important;
    height:15px !important;
    width:15px !important;
    border-radius: 50% !important;
}

.carousel-indicators {
    
    bottom: -7px !important;
    left: 59px !important;

 
}
.form-section {
    font-family: 'Courgette', cursive;
}
.logo1
{
	height: 122px !important;
    position: relative;
    top: 113px;
}
a
{
text-decoration: none !important;
}
.courses-item a:hover
{
    color: #f7921d!important;
}
/*===============about section======================*/

.sub-title::before {
 
    content: '';
    height: 2px;
    width: 50px;
    background: #f7921d;
    position: absolute;
    right: 48%;
    top: 12%;
    display: block;
    transform: translateY(-50%);
}
.sub-title1::before {
 
    content: '';
    height: 2px;
    width: 50px;
    background: #f7921d;
    position: absolute;
    right: 49%;
    top: 14%;
    display: block;
    transform: translateY(-50%);
}



.btn-general
{
    color: black !important;
    /* padding: 10px 10px 10px 10px; */
    padding-left: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    border: 2px solid #f7921d;
}
.btn-general:hover
{
    color: #fff !important;
    background: #f7921d;
    border: 2px solid #fff;
    }
  /*===================top study places==============*/
  /* ========services======= */
  .bg-green1 {
    background: #32640ce6 !important;
}

  .bg-product
  {
    background-image: url(../img/product-bg.jpeg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important; 
    position: relative;
    left:0px;
    position:realative;
    box-sizing: border-box;
    background-position: center left !important; 
  }
  /*====================courses=====================*/
  .courses-item
  {
     position: relative !important;
  }
  .img {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #05078e;
    overflow: hidden;
    width: 100%;
    height: 77%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s ease;
    transition: 0.8s ease;
    transition: .5s ease in out;
}

.courses-item:hover .overlay {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.text {
  color: white;
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

  .rs-courses-categories .courses-item {
  text-align: center;
  /*background-color: #f0f0f0;*/
    
  padding: 30px 30px 22px;
  margin-bottom: 30px;
      border: 2px solid #05078e3d;
}
.rs-courses-categories .courses-item .courses-title {
  font-size: 20px;
  margin-bottom: 5px;
  margin-top: 18px;
}
.rs-courses-categories .courses-item .courses-title a {
  color: #212121;
}
.rs-courses-categories .courses-item .courses-title a:hover {
  color: #000000;
}
.rs-courses-categories .courses-item .courses-amount {
  font-size: 13px;
  font-weight: 600;
  color: #505050;
}
.rs-courses-categories .courses-item img {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
 background-color: #05078e;
  color: #ffffff;
  border-radius: 50%;
  font-size: 36px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  border: 3px solid #c3c4e4;
}

.rs-courses-categories .courses-item:hover img {
 background-color: #f7921d;
 color: #ffffff;
 transform: rotate(360deg);
}
.courses-item img
{

    position: absolute;
    top: 0px;
    right: 37%;
    margin-top: -47px;
}

 /* ===================Form section================= */
}
.form-section {
    font-family: 'Courgette', cursive;
}


.rotate1 {
  animation: rotation 10s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}


.form-img {
    position: absolute;
    right: 45%;
    z-index: 1;
    /* bottom: 193px; */
    top: -66px;
}





/*=====================about section=================*/

.about-sec {
    background: linear-gradient(0deg, #f7921d, transparent);
}
 /* ===================video section================= */



.bg-video-img {
    background: url(../img/bg-video.webp) no-repeat;

    min-height: 400px;

   
}




.vedio-icon
{
    background: #f7921c;
    height: 118px;
    width: 118px;
    border-radius: 50%;
    box-shadow: 1px 1px 64px #fff;
    position: absolute;
    top: 0px;
    left: 44%;
    margin-top:158px
}
.vedio-icon i 
{
    font-size: 122px;
    padding-left: 47px;
}
.vedio-icon:hover
{
    background:red;
}


/*======================list of engineering =============*/
.card-sec1 img
{
        width:35% !important;
}
.nav-pills .tab-bg1.active, .nav-pills .show>.tab-bg1 {
    color: #fff;
    background-color: #a29d968f
	;
}

.table-bangalore-s1 .thead-dark th {
    color: #fff;
    /* background-color: #0068fb; */
    border-color: #32383e8f;
    background: linear-gradient(#00bffe30, #0049fee0, #00bffe);
	text-shadow: 0 2px 3px black;
}
.college-logo
{
	height:50px !important;
}
/* ================youtube section===================== */

.yt-bg {
 background:
url("../img/vecter-bg1.webp") !important;
   
  background-repeat: no-repeat!important;

  background-size: 100% 100%;
}
/* ===================backgroung color change=============== */
.animation-move
{
	padding-top: 59px;
}
img.animation-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
img.animation-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.main {
  
  padding-top: 16px;
  border:14px solid #b02a2a;

}

.wrapp
{
	position:relative !important;
	overflow:Hidden!important;
	padding-top: 59.26% !important;
}
.wrapp iframe
{
	position:absolute!important;
	top:0!important;
	left:0!important;
	width:100%!important;
	height:100%!important;
}

/* ====================rv engineering sec============== */
 .bg-rv
{

  background: url("../img/rv/rv-bg.png");
     background-attachment: fixed;
  background-size: cover;
}
.tab-link:hover
{
	color:#d48c07 !important;
}

.tab-link:after 
{
   content: '';
    width: 85px;
    border-bottom: 4px solid orange;
    position: absolute;
    top: 41px;
    left: 20px;
    border-radius: 20px;
	
}


.nav-item1:hover
{
	border-bottom: 4px solid #000;
}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  
    background-color: #fdfdfd!important;
}
.table td, .table tr th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #2d2f3075!important;
	
}
.rv-table .rv-td 

{
	 border-right: 1px solid #2d2f3075!important;
}
/*--------------ribbon----------------*/
.tsc_ribbon_wrap .left-edge.fork {
    width: 239px !important;
}
 .ribbon-wrapper {
    position: relative;z-index:998;
}
  .ribbon-front {
    background-color: #cc3333;  height: 50px;
    width: 376px;
    position: relative;
    left:-10px;
    z-index: 2; font:20px/50px bold Verdana, Geneva, sans-serif; color:#f8f8f8; text-align:center;text-shadow: 0px 1px 2px #cc6666;
}

  .ribbon-front,
  .ribbon-back-left,
  .ribbon-back-right
{
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
    -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
    -o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright,
  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
    position: absolute;
    z-index: 1;
    border-style:solid;
    height:0px;
    width:0px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright {
}

  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
    top: 50px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-bottomleft {
    left: -10px;
    border-color: transparent #9B1724 transparent transparent;
}

  .ribbon-edge-topleft {
    top: -5px;
    border-width: 5px 10px 0 0;
}
  .ribbon-edge-bottomleft {
    border-width: 0 10px 0px 0;
}

  .ribbon-edge-topright,
  .ribbon-edge-bottomright {
    left: 351px;
    border-color: transparent transparent transparent #9B1724;
}

  .ribbon-edge-topright {
    top: 0px;
    border-width: 0px 0 0 10px;
}
  .ribbon-edge-bottomright {
    border-width: 0 0 5px 10px;
}


@-webkit-keyframes flow {
    0% { left:-20px;opacity: 0;}
    50% {left:100px;opacity: 0.3;}
    100%{ left:180px;opacity: 0;}
}
@keyframes flow {
    0% { left:-20px;opacity: 0;}
    50% {left:100px;opacity: 0.3;}
    100%{ left:180px;opacity: 0;}
}



.glow {
    background: rgb(255, 255, 255);
    width: 40px;
    height: 100%;
    z-index: 999;
    position: absolute;
    -webkit-animation: flow 1.5s linear infinite;
    -moz-animation: flow 1.5s linear infinite;
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(1%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
    border-left: 1px solid #fff;
}

.back_ribbon {
    width: 356px;
    height: 418px;
	background:#D6E5FC !important;
}
.back_ribbon ul li a{
	color:#0047B5 !important;
}

  

/* ====================gallery=========================== */


a.gal {
    display: block;
    background: url(../img/magnify.png) center center no-repeat #06a68bd1!important;
}
.gallery img 
{
	height:254px !important;
}
/*==================help you section=====================*/


#wrap {/* margin-top: 300px; *//* margin-left: 40%; */position:fixed!important;right: 0px!important;bottom: 10%!important;}

.steam {

    position: absolute;
    height: 140px;
    width: 140px;
    border-radius: 50%;
    background-color: #061a17;
    margin-top: -25px;
    margin-left: -23px;
    z-index: 0;
    opacity: 1;

}
.circle p {

    position: absolute;
    left: 28px;
    top: 20px;
    font-size: 13px;
    font-weight: 500;

}

.circle {

    height: 90px;
    width: 90px;
    border-radius: 50%;
    background-image: linear-gradient(#13f3bf, #0d4fe6);
    box-shadow: 0px 2px 0px 0px #222625;
  

}


#steam-one {
  -webkit-animation: steam-one 4s ease-out infinite;
  animation: steam-one 4s ease-out infinite;
}


@-webkit-keyframes steam-one {
  0% {transform: scale(0.25); opacity: 0.6;}
  100% {transform: scale(1); opacity: 0;}
}

@keyframes steam-one {
  0% {transform: scale(0.25); opacity: 0.6;}
  100% {transform: scale(1); opacity: 0;}
}

.steam-2 {

 position: absolute;
height: 100px;
width: 100px;
border-radius: 50%;
background-color: #061a17;
margin-top: -4px;
margin-left: -2px;
z-index: 0;
opacity: 1;
}
#steam-two{
  -webkit-animation: steam-one 4s ease-out infinite;
  animation: steam-one 4s ease-out infinite;
}


@-webkit-keyframes steam-two {
  0% {transform: scale(0.25); opacity: 0.6;}
  100% {transform: scale(1); opacity: 0;}
}

@keyframes steam-two {
  0% {transform: scale(0.25); opacity: 0.6;}
  100% {transform: scale(1); opacity: 0;}
}



a,
a:visited {
  text-decoration: none;

}

a:focus, a:hover {
    color: #0f5cea !important;
}
a {
    color: #191b1c !important;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.bg-gradient {
    /* background-image: linear-gradient(rgb(39 237 162) ,#17a2b8 ); */
	background-image: linear-gradient(rgb(4 166 243 / 44%) ,rgb(39 236 162 / 75%) );
}



}

 .btn-youtube> i:after {
   
    top: 13px !important;
    right: -17px !important;
}

h1 {font-size:1.5em;
   }

#social-platforms {
  position:relative;

  font-size:1rem;
  text-align:center;
 
  overflow:hidden;
}

/*Pen code from this point on*/
.btn {
  clear:both;
  white-space:nowrap;
  font-size:.8em;
  display:inline-block;
  border-radius:5px;
  box-shadow:none;
  margin:2px;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  transition:all .5s;
  overflow:hidden
}

.btn-icon:hover
{
    transform: scaleY(1.1) !important;
    background:#9e9696 !important;
}
.btn:hover {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.45);
}

.btn:focus {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);
}

.btn > span,.btn-icon > i {
  float:left;
  padding:13px;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  transition:all .5s;
  line-height:1em
}

.btn > span {
  padding:14px 18px 16px;
  white-space:nowrap;
  color:#FFF;
  background: #ff0000;
}

.btn:focus > span {
  background:#9a9a9a
}

.btn-icon > i {
  border-radius:5px 0 0 5px;
  position:relative;
  width:13px;
  text-align:center;
  font-size:1.25em;
  color:#fff;
  background:#212121
}

.btn-icon > i:after {
  content:"";
  border:8px solid;
  border-color:transparent transparent transparent #222;
  position:absolute;
  top:13px;
  right:-16px
}

.btn-icon:hover > i,.btn-icon:focus > i {
  color:#FFF
}

.btn-icon > span {
  border-radius:0 5px 5px 0
}

/*Facebook*/
.btn-facebook:hover > i,.btn-facebook:focus > i {
  color:#3b5998
}

.btn-facebook > span {
  background:#3b5998
}

/*Twitter*/
.btn-twitter:hover > i,.btn-twitter:focus > i {
  color:#55acee
}

.btn-twitter > span {
 background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf)
}

/*Google*/
.btn-googleplus:hover > i,.btn-googleplus:focus > i {
  color:#dd4b39
}

.btn-googleplus > span {
  background:#dd4b39
}

/*Pinterest*/
.btn-pinterest:hover > i,.btn-pinterest:focus > i {
  color:#cb2028
}

.btn-pinterest > span {
  background:#cb2028
}

/*LinkedIn*/
.btn-linkedin:hover > i,.btn-linkedin:focus > i {
  color:#007bb6
}

.btn-linkedin > span {
  background:#007bb6
}





.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "	";
    border-top: 0px solid;
    border-right: 0px solid transparent;
    border-bottom: 0;
    border-left: 0px solid transparent;
}


/* ============= Animation background ========= */




.circles {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(134, 23, 23, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 100px;
    height: 100px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 20s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 100px;
    height: 100px;
    animation-delay: 0s;
    animation-duration: 11s;
    border-radius:50% !important;
}
.circles li:nth-child(11){
    left: 85%;
    width: 100px;
    height: 100px;
    animation-delay: 0s;
    animation-duration: 11s;
    border-radius:50% !important;
}



@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}


}


/* <---=========form validation=========----> */

#modal 
{
    display: none;
    position: absolute;
    top: 25%;
    left: 45%;
    width: 100px;
    height: 100px;
    padding:30px 15px 0px;
    border: 3px solid #ababab;
    box-shadow:1px 1px 10px #ababab;
    border-radius:20px;
    background-color: white;
    z-index: 1000000002;
    text-align:center;
    overflow: auto;
}
#fade {
    display: none;
    position:absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #ababab;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .70;
    filter: alpha(opacity=80);
}