html,body
{
overflow:hidden !important;
overflow-y:scroll !important;
}
.container-1 {
width:300px;
vertical-align:middle;
white-space:nowrap;
/*position:relative;*/
}
.container-1 input#search {
width:245px;
height:50px;
background:#2d373f;
border:none;
font-size:14pt;
color:#fff;
/*float:left;*/
padding:left:75px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
margin-top:7px;
padding:10px;
}
.space
{
text-align:left;
}
.dropdown-menu.blue
{
width:111% !important;
}
.homeimage {
margin-left:-30px !important;

}
#oneprice {
padding-left:38px !important;	
	
}
#threeprice {
	padding-left:21px !important;
}
#twoprice {
	
	padding-left:30px !important;
}
.drop {
    padding: 6px 8px !important;
    font-size: 13px;
}
/*27-06-2016*/


/*27-06-2016*/
.rightside-content
{
float:right;
padding-top:2px;
width:73%;
margin-bottom:20px;
}
.btnscolor
{
	float:right !important;
	background-color:#a4a4a4 !important;
	border-color:#a4a4a4 !important;
	opcity:1.0;
}
.lanno
{
color:#000;
 font-size:13px;
 text-decoration:none;
}
.banner-two
{
padding-bottom:9%;
}
.member
{
background-color: #f14b05;
border: 1px solid #f14b05;
border-radius: 35px;
color: #fff;
font-size: 18px;
padding:12px;
text-align: center;
width: 164px;

}
.blank_boxes:hover
{
background-color:red;
border:1px solid red;
}
.callnumber
{
font-size:18px; 
float:left;
padding-left:10px;
padding-top:12px;
}
.photos {
 text-decoration: none;
}

.text_box1
{
margin-right:2%; 
width:200px; 
float:right;
}
.thittam1 {
width:182px;
height:54px !important;
padding:15px;
}
.thittam2 {
width:175px !important; 
height:54px !important;
padding:15px !important;
margin-left: 0px !important;
}
.thittam3 {
color:#F6600 !important;
width:152px !important;
height:54px !important;
padding:15px !important;
margin-left: 0px !important;
}
.france-text
{
font-family: Calibri;
font-size: 12px;
text-align: justify;
}
.niruvagam
{
font-family: Calibri;
font-size:12px;
text-align: justify;
}
.box
{
height: 100px;
width:20%;
}
.projet
{
bottom: 23px;
position: relative;
margin-left:7%;
}
.navibars
{
margin-top: 46px; 
border-bottom:2px solid red;
}

.left-img
{
height:100px;
width:20%;
}
.right-side
{
float:right; 
width:50%; 
/* padding-top:10%; */
}
.right-content
{
width:56%;
}
.left-img1
{
height:100px;
width:20%;
}
.right-content1
{
width:56%;
}
.gmail
{
color: hsl(60, 1%, 32%);
font-family: Calibri;
font-size: 17px;
margin-top:-9px;"
}
.students
{
color:#000; 
text-decoration:none;
font-size:18px;
text-decoration:none!important;
}
.left-img2
{
height:100px;
width:20%;
}
.mavatam
{
text-decoration:none; 
color:#000;
}
.right-content2
{
width:56%;
}
.matham
{
font-weight:bold; 
padding-bottom:2%;
font-size: 16px;
}
.unionalign1
{
 font-family: Calibri;
 font-size: 16px;
 text-align: justify;
}
.thittangal {
	bottom: 10px;
	position: relative;
	width:150%;
	left:10px;
	font-size:16px;
	}
.blank_boxes
{
border:1px solid #f14b05;
padding:10px; 
height:75px;
margin-top:20px;
background-color:#f14b05;
}
.union_textalign
{
color: hsl(18, 87%, 49%);
font-family: Calibri;
font-size: 16px;
font-weight:bolder;
line-height: 16px;
padding: 16px;
 position: relative;
 text-align: justify;
}
.green
{
	background-color:#70ae4b !important;
	border-color:#70ae4b !important;
}
.dhitam
{
 border-bottom:2px solid #d1d1d1;
 float: left;
 width: 100%;"
}
.dhitam2
{
 border-bottom:2px solid #d1d1d1;
 float: left;
 width: 100%; 
 padding-top:6%;
}


.dhitam-img
{
float: left;
padding-top: 10px;
width: 36%;"
}
.dhitam-right
{
float: right;
padding-top:35px;
width:60%;
}
.dhitam1
{
 border-bottom:2px solid #d1d1d1;
 float: left;
 width: 100%; 
 padding-top:3%;"
}

.searchstyle {
	position:relative;
	left:78%;
	top: 27px;
	
}
.number
{
color:#000; 
font-size:13px; 
text-decoration:none;
}
.thittamimg1 {
	
	float:left; 
	width:24%; 
	padding-top:1%;
	
}
.thittams {
	float:right;
	padding-top:2px;
	width:73%;
	margin-bottom:20px;
	}
.thittamimg2 {
	
	float:left !important; 
	width:24% !important; 
	padding-top:1% !important;
}

.thittamimg3 {
	
	float:left!important;  
	width:24% !important; ; 
	padding-top:1% !important; 
	
}

.donatebutton{
	
	background-color: hsl(18, 98%, 48%);
	
    border: 1px solid hsl(18, 98%, 48%);
	border-radius: 18px;
	color: hsl(0, 0%, 100%);
	float: left;
	font-family: Calibri;
    font-size: 16px;
	font-weight: bold;
	margin: 0 82px;
	position: absolute; 
	padding:8px;
    right: -80px;
	text-align: center;
	top: 368px;"
	}
.sliderwidth {
	cursor: default; 
	position: relative; 
	top: 0px; 
	left: 0px; 
	width: 940px; 
	height:476px; 
	overflow: hidden;
	}
.footerhelp {
	
	font-family:Century Gothic; 
	font-size:16px; 
	color:#fff; 
	font-weight:bold; 
	margin-left:8%;
	
}
.menu-text {
    color: #fff !important;
    font-size: 19px;
    font-weight: bold;
}
.unionalign2 {
	font-family: Calibri!important;
	font-size: 16px!important;
	line-height: 21px!important;
	text-align: justify!important;
	
	}
.mavattamimage {
	
	float:left; 
	width:35%;
}
.mavattamtext {
	float:right;
	width:63%;
	padding-top:0%;
	
}
.buttonimg {
	padding-top:10px !important;
	float:left !important;
	width:28% !important;
	}
.copyrightstext {
	
	color: #fff;
	float: left;
	font-family: Calibri;
	font-size:28px;
	margin-top: 12px;
	width:60%;
}
.espacealign {
	
	text-align:center !important;
}
.menu-sub
{
	 color: #fff !important;
    font-size: 16px;
    font-weight: bold;
}
.login,.login1
{ border-radius: 7px;
    height: 45px;
    width: 40%;
	}
.headerbutton {
	float:right !important;
	position:relative !important;
	right:30px !important;
	}
#tabletop {
	margin-top: 2% !important;
	
}
.btn.btn-success.btnlarge {
    height: 40px;
    width: 40%;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#70ae4b;
	border-color:#70ae4b;

}
.example-image-link {
    padding-left: 8% !important;
}
.gallery.clearfix.photo > li {
    list-style: outside none none;
    padding-left: 2%;
}

.gallery-box {
    margin-bottom: 50px;
    padding: 1% 2% 7% 1%;
	list-style:none;

	}
.france_gallery
{
font-size:16px;
font-weight:bold;
color: rgb(47, 50, 147);
}	
.gallery-box1 {
    border-radius: 10px;
    float: left;
    text-align: center;
    width: 20%;
	margin:2px 12px;
	}

.middle
{
	padding-left:41%;
	padding-bottom:20px;
	
}
.land-title {
    font-size: 25px;

}
.news-content
{
font-size:14px;
}
.fa.fa-facebook.one
{
color:#a4a4a4;	
font-size:17px;
}
.fa.fa-facebook.one:hover
{
color:red;	
}

.fa.fa-twitter.one
{
	color:#a4a4a4;
	font-size:17px;
}
.fa.fa-twitter.one:hover
{
	color:red;
}
.fa.fa-google.one
{
	color:#a4a4a4;
font-size:17px;	
}
.fa.fa-google.one:hover
{
	color:red;
}
.fa.fa-youtube-play.one
{
	color:#a4a4a4;
	font-size:17px;
}
.fa.fa-youtube-play.one:hover
{
	color:Red;
	}



.first-news {
    float: left;
    width: 100%;
}
.newsports
{
  font-size: 16px;
    font-weight: lighter;
	line-height:2px;
	margin-bottom:4%;

}
.login_escapeno
{
background-color: #f14b05;
border: 1px solid #f14b05;
border-radius: 35px;
color: #fff;
font-size: 18px;
padding:12px;
text-align: center;
width: 164px;
}
.dhitam-heading
{
margin-left:5px;

}
.news
{
  font-size: 25px;
    font-weight: lighter;
	line-height:2px;
	margin-bottom:4%;
	padding-top:3%;
	text-align:center;

}
.thittamtext2 {

}
.thidaam_txt
{
	border: 1px solid hsl(0, 100%, 50%);
    margin-left: 7%;
    position: relative;
    top: 101px;
}
.footer
{
background-color:#2c2c2a; 
padding:18px; 
height:323px;
 margin-top:82px;
}
.footertext {
color: #fff;
font-family: Calibri;
font-size: 15px; 
margin-top:12px;
}

.newsport
{
	font-size: 20px;
    font-weight: lighter;
	float:left;
	line-height:2px;
	margin-bottom:4%;
	bottom: 40px;
	color: #000;
	left: 230px;
	position: relative;
	text-decoration:none;

}
.col-sm-4 .address {
    bottom: 29px;
    font-size: 17px;
    position: relative;
}
.address1 {
    bottom: 56px;
    position: relative;
}
.lannumber
{
color:#000;
font-size:13px;
text-decoration:none;
}
.arrow
{
float: right;
padding-top: 2%;
}
.content-title
{
font-family:Century Gothic;
text-transform:capitalize;
color:red;
text-align:center;
font-weight:bolder;
}
.news-left
{
width:25%; 
float:left;
}
.news-right
{
float:right;
width:72%;
}
.img-left
{
 float:left; 
 width:24%; 
 padding-top:1%;

}
.news-heading
{
font-weight:bold;
 font-size:14px;
 font-family:Century Gothic;"
}
.date-text
{
color:#ed7148;
font-weight:bold;
 font-size:14px;
 font-family:Century Gothic; 
 line-height:10px;
}
<!---glyphiicon-->

.glyphicon
{
    margin-right:4px !important; /*override*/
	font-family:'Glyphicons Halflings';
}

.pagination .glyphicon
{
    margin-right:0px !important; /*override*/
	font-family:'Glyphicons Halflings';
	color:red;
}

.pagination a
{
    color:#555;
	font-family:'Glyphicons Halflings';
}

.panel ul
{
    padding:0px;
    margin:0px;
    list-style:none;
	font-family:'Glyphicons Halflings';
}

.news-item
{
    padding:4px 4px;
    margin:0px;
    
	font-family:'Glyphicons Halflings';
}
.news-item1
{
    padding:4px 18px;
    margin:0px;
	font-family:'Glyphicons Halflings';
}
.news-content
{
font-size:12px; 
text-align:justify;
font-family:Calibri; 
}
.thittamtext1 {
margin-top:10% !important;
}
.new-reader
{
padding-top:13%;
}
.extra
{
color: hsl(359, 84%, 63%);
float: right;
font-family: Century Gothic;
font-size: 14px;
font-weight: bold;
margin-top:8px;
}

.text_underline
{
border-bottom: 2px solid #b8b8b8;
left: 48%;
position: relative;
text-align: center;
width:30px;
top:10px;
}
.text_underline1
{
border-bottom: 2px solid #e8e8e8;
padding-top:2%;
}
.join_box
{
	background-color: #b2beb5;
    border: 1px solid #b2beb5;
    border-radius: 10px;
    color: #fff;
    font-size: 31px;
    margin: auto;
    padding: 5px;
    text-align: center;
	position:relative;
	bottom:10px;
    width: 50%;
}
.btn-go1
{
	    background-color: #ffd133;
    bottom: 36px;
    float: right;
    padding: 7px;
    position: relative;
  	border: 1px solid #3e3d3b;
}
.btn-go
{
	background-color: #ffd133;
    border:1px solid #3e3d3b;
    bottom:35px;
    float: right;
    padding: 7px;
    position: relative;
    right: 0;
}
.fab-one
{
	border: 1px solid hsl(204, 8%, 87%);
    border-radius: 68px;
    color: hsl(18, 98%, 48%);
    padding: 29% 32%;
}
.fab1-one
{
	border: 1px solid hsl(204, 8%, 87%);
    border-radius: 68px;
    color: hsl(18, 98%, 48%);
    padding: 23% 33%;
}
.icons 
{
	float:left;
	padding-left:5px;
	padding-top:20%;
}
.panel-footer.btns-up {
     bottom:165px;
    float: right;
    position: relative;
    width: 100px;
}

.social-news li {
    float: left;
    padding:5px;
}
.twt-one
{
	border: 1px solid hsl(204, 8%, 87%);
    border-radius: 68px;
    color: hsl(18, 98%, 48%);
    padding: 26% 28%;
}
.twt1-one
{
	border: 1px solid hsl(204, 8%, 87%);
    border-radius: 68px;
    color: hsl(18, 98%, 48%);
    padding: 21% 25%;
}


.plus
{
	border: 1px solid hsl(204, 8%, 87%);
    border-radius: 68px;
    color: hsl(18, 98%, 48%);
    padding: 27% 28%;
}
.plus1
{
	border: 1px solid hsl(204, 8%, 87%);
    border-radius: 68px;
    color: hsl(18, 98%, 48%);
    padding:22% 28%;
}

.tube-one
{
	border: 1px solid hsl(204, 8%, 87%);
    border-radius: 68px;
    color: hsl(18, 98%, 48%);
    padding: 27% 28%;
}
.tube1-one
{
	border: 1px solid hsl(204, 8%, 87%);
    border-radius: 68px;
    color: hsl(18, 98%, 48%);
    padding:23% 25%;
}
.ptr1-one
{
	border: 1px solid hsl(204, 8%, 87%);
    border-radius: 68px;
    color: hsl(18, 98%, 48%);
    padding: 24% 30%;
}
.ptr-one
{
	border: 1px solid hsl(204, 8%, 87%);
    border-radius: 68px;
    color: hsl(18, 98%, 48%);
    padding: 27% 32%;
}
/*.one
{
border:1px solid #000;

}*/
.text_box
{
width:75%;
height:47px;
background-color:#3e3d3b;
border:1px solid #3e3d3b;
}
.footer-copy
{
padding-top:10px;

}

.content-text
{
font-size:16px; 
font-family:Calibri;  
width:107%;
color:#484444;
}
.list-footer
{
list-style:none;
}
.social > li {
    font-size: 16px;
    list-style: outside none none;
    padding:7px;
	text-transform:capitalize;
	font-family:Calibri;
	color:#888881;
}
.social-images
{
	float: right;
    width: 36%;

}

.social-images > li {
    border: 1px solid #000;
    float: left;
    list-style: outside none none;
    margin-left: 7%;
    padding: 10px;
	margin-top:8px;
   
}
.btncolor
{
background-color:red !important;
border:1px solid red !important;
}

.link
{
	float:right;
    width:60%;

}
.link1
{
	float:right;
    width:30%;

}
.link1 > li {
   
    /*float: left;
    list-style: outside none none;
    margin-left:4%;
    padding: 10px;
	margin-top:8px;
	background-color:#fff;
	border-radius:5px;*/
	
	background-color: hsl(0, 0%, 100%);
    border-right: 1px solid hsl(0, 0%, 80%);
    float: left;
    list-style: outside none none;
    margin-left: 4%;
    padding: 6px;
	
	
   
}

.link > li {
    border: 1px solid #000;
    float: left;
    list-style: outside none none;
    margin-left:4%;
    padding: 10px;
	margin-top:8px;
	background-color:#fff;
	border-radius:5px;
   
}

.copyright
{
background-color:#131312;
}
.footer-heading
{
color:#fff;
font-family:Century Gothic; 
font-weight:lighter; 
font-size:19px;
margin-left:3%; 
padding-bottom:10px;
}
.footer-heading1
{
text-transform:capitalize;
 color:#fff;
 font-family:Century Gothic;
 font-weight:lighter; 
 margin-left:5%;
 font-size:19px;
  padding-bottom:10px;
}
.footer-heading2
{
text-transform:capitalize;
 color:#fff;
 font-family:Century Gothic; 
 font-weight:lighter;
  font-size:19px;
  padding-bottom:10px;;
}

.form-control1 {
width:45% !important;
background-color: #f5f5f5 !important;
height:55px !important;
}
.form-control2 {
width:100% !important;
background-color: #f5f5f5 !important;
height:290px !important;
margin-left:-15px;
}
.formtext {
color:red!important;
background-color: #f5f5f5 !important;
margin-left:-15px;
}


.text-content
{
color:#888881;
font-family:Calibri;
 font-size:16px;
}
.footer-text
{
color:#888881;
font-size: 16px;
padding-bottom:10px;
font-family:Calibri;
}

.address {
    color: #888881;
    font-family: Calibri;
    font-size: 16px;
    margin: 6px 10px;
}

.union_title
{
/*padding-top:1%; 
margin-bottom:2%;*/
}
.union_title1
{
 color: #fff;
    font-family: Century Gothic;
    font-size:27px;
    font-weight: lighter;
}

.img-down
{
padding-top:4%;
}
.box-sector
{
padding-bottom:12%;
}

.container-1.icon {
margin-left:17px;
margin-top:100px;
color:#ffffff !important;
}
.navigations_level
{
padding-top:1%;

}

<!--tabs-->

/**
 * Responsive Bootstrap Tabs by @hayatbiralem
 * 15 May 2015
 */

@mixin ellipsis(){
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
}

@mixin icon-styles(){
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@mixin transform($transform){
  -webkit-transform: $transform;
  -moz-transform: $transform;
  -ms-transform: $transform;
  -o-transform: $transform;
  transform: $transform;
}


@media screen and (max-width: 479px) {
  .nav-tabs-responsive {
    > li {
      display: none;
      width: 23%;
      > a {
        @include ellipsis();
        width: 100%;
        text-align: center;
        vertical-align: top;
      }
      &.active {
        width: 54%;
        &:first-child {
          margin-left: 23%;
        }
      }
      &.active,
      &.prev,
      &.next {
        display: block;
      }
      &.prev,
      &.next {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
      }
      &.next > a,
      &.prev > a {
        -webkit-transition: none;
        transition: none;
        .text {
          display: none;
        }
        &:after,
        &:after {
          @include icon-styles();
        }
      }
      &.prev > a:after {
        content: "\e079";
      }
      &.next > a:after {
        content: "\e080";
      }
      &.dropdown {
        > a > .caret {
          display: none;
        }
        > a:after {
          content: "\e114";
        }
        &.active > a {
          &:after {
            display: none;
          }
          > .caret {
            display: inline-block;
          }
        }

        .dropdown-menu {
          &.pull-xs-left {
            left: 0;
            right: auto;
          }
          &.pull-xs-center {
            right: auto;
            left: 50%;
            @include transform(translateX(-50%));
          }
          &.pull-xs-right {
            left: auto;
            right: 0;
          }
        }
      }
    }
  }
}



/**
 * Demo Styles
 */

.wrapper {
  padding: 15px 0;
}

.bs-example-tabs .nav-tabs {
  margin-bottom: 15px;
}
@media (max-width: 768px) { 
#tabletop {
margin-top:12% !important;
}
}
@media (max-width: 479px) {
  #narrow-browser-alert {
    display: none;
  }
}
@media (min-width:768px) {
.menumobile {
display:none;
}
}
@media (min-width:0px) and (max-width:480px)
{
.link1
{
 left: -44px;
 position: relative;
 width: 74% !important;
}
.headerbutton {
	right: 75px !important;
}
.sliderwidth {
	cursor: default; 
	position: relative; 
	top: 0px; 
	left: 0px; 
	width: 850px !important; 
	height:476px; 
	overflow: hidden;
	}
.member
{
background-color: #f14b05;
    border: 1px solid #f14b05;
    border-radius: 23px;
    color: #fff;
    font-size: 17px;
    margin-top: 21%;
    padding: 10px;
    text-align: center;
   }
   .text_box1{
	   margin-right: 0% !important;
	   height:38px !important;
	   bottom:49px !important;
	   padding:10px !important;
	   
   }
   .searchstyle {
	position:relative;
	left:88%;
	top: -44px !important;
	z-index:9999 !important;
	
}
.thittams {
	padding-top:10px !important;
	width:100% !important;
	line-height:25px !important;
}
.thittamimg1 {
	
	float:left; 
	width:100% !important; 
	padding-top:1%;
	
}
.thittamimg2 {
	
	float:left !important; 
	width:100% !important; 
	padding-top:1% !important;
}
.thittamimg3 {
	
	float:left!important;  
	width:100% !important; 
	padding-top:1% !important; 
	
}

.thidaam_txt {
	
	width: 156px !important;
}
.call
{
width:40%;
margin-top:10px !important;
}
.callnumber
{
position:relative;
right:54px !important;
margin-top:-5px !important;

}
.form-control1 {
width:100% !important;
background-color: #f5f5f5 !important;
height:55px !important;
}
.lannumber
{
color: rgb(0, 0, 0);
font-size: 13px;
text-decoration:none;
position: relative;
right: 108px;
top: 20px;

}
.footerhelp {
	
	font-family:Century Gothic; 
	font-size:16px; 
	color:#fff; 
	font-weight:bold; 
	margin-left:0% !important;
	
}
.matham
{
font-weight:bold; 
padding-bottom:30px!important;
}

.unionalign2 {
	font-family: Calibri!important;
	font-size: 16px!important;
	line-height: 21px!important;
	text-align: justify!important;
	margin-left:-15px !important;
	}
.login_escapeno
{
background-color: #f14b05;
border: 1px solid #f14b05;
border-radius: 35px;
color: #fff;
font-size: 18px;
padding:12px;
text-align: center;
width: 164px;
margin-top:58px!important;
}
.copyrightstext {

width:100% !important;
}
.espacealign {
	
	text-align:left !important;
}

.buttonimg {
	padding-top:10px !important;
	float:left !important;
	width:33% !important;
	}
.callno
{
float:right;
color:#000;
font-size:16px;
font-weight:bold;
}
.btnlarge {
    height: 40px;
    width:100%!important;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#70ae4b;
	border-color:#70ae4b;
}
.middle { 
padding-left: 0% !important;
}
.mavattamtext {
	float:right;
	width:100%;
	padding-top:0%;
	margin-top:10px !important;
	
}
.number {
float:right !important;
margin-left:-237px !important;
margin-top: 13px !important;
position: absolute !important;

}
.mavattamimage {
	
	float:left; 
	width:100% !important;
	}
.text_box1
{
bottom: 45px;
float: right;
margin-right: 2%;
position: relative;
width: 120px;
}
.banner1
{
padding:20px !important;
padding-bottom:10px !important;
}
.login,.login1
{ border-radius: 7px;
    height: 45px;
    width:100% !important;
	}
.table  {
	
	display:inline-block !important;
	overflow-x: auto !important;
	width:100% !important;
}
.banner-two
{
margin-top:10px !important;
height:70px;
}
#box-image
{
width:20px!important;
}
.left-img
{
height:100px;
width:50% !important;
float:left;
}
.img-left
{
 float:left; 
 width:100%; 
 padding-top:1%;

}
.rightside-content
{
float:right;
padding-top:2px;
width:100%;
margin-bottom:20px;
}
.right-content
{
float:left;
}
.left-img1
{
height:100px;
width:50% !important;
float:left;
}
.thittangal {
	bottom: 53px !important;
}
.right-content1
{
float:left;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	}
.newsport { 
left:0px !important;
}
.mavatam {
	
	right: -83px !important;
}
.left-img2
{
height:100px;
width:50% !important;
float:left;
}
.right-content2
{
float:left;
}

.news-heading
{
width:225px;
}
.france-text
{
width:268px !important;
}
.blank_boxes
{
height:75px;
margin-top:425px;
background-color:#f1f1f1;
}
.blank_boxes1
{
	margin-top:400px;
}
.alignments
{
width:250px !important;
}
.niruvagam
{
width:268px !important;
}
.right-side
{
float:right !important;  
width:95% !important;
padding-top:10%;
}
.projet
{
text-align:center;
}
.union_textalign
{
text-align:center;

}
.thidaam_txt
{
margin-left: 7%;
position: relative;
top: 134px;
border: 1px solid hsl(0, 100%, 50%);
border-width: 1px;
width: 175px;
}
.navibars
{
margin-top: 46px; 
}
.students
{
color:#000;
font-size:14px; 
text-decoration:none;
}
.mavatam
{
color: #000;
font-size: 14px;
position: relative;
right: 145px;
text-decoration: none;
top: 16px;
}
.link
{
	float:right;
    width:75%;
}

.projet { 
text-align:left !important;
margin-left: 0px !important; 
}
.union_textalign {
bottom: 35px !important;
margin-left: -16px !important;
}
.unionalign1 {

margin-left: -17px !important;
bottom:20px !important;
}
.news-item1 {
    padding: 0px 18px;
	
	}
.footer
{
background-color:#2c2c2a; 
padding:18px; 
height:760px;
margin-top:5px;
}
.footertext {
margin-top: 42px;
}
}
@media (max-width:767px) {
.homeimage {
margin-left:-5px !important;
}
}
@media(min-width:450px) and (max-width:480px)
{
.france-text,.niruvagam
{
width:240px !important;
}
.right-content,.right-content1 ,.right-content2
{
float:none !important;
}
}


@media (min-width:481px) and (max-width:767px) {
.link1 {
    float: right;
    width: 46% !important;
	}
	
	.sliderwidth {
	cursor: default; 
	position: relative; 
	top: 0px; 
	left: 0px; 
	width: 880px !important; 
	height:476px; 
	overflow: hidden;
	}
	
	.unionalign2 {
	font-family: Calibri!important;
	font-size: 16px!important;
	line-height: 21px!important;
	text-align: justify!important;
	margin-left:-15px !important;
	}
	.member
{

background-color: #f14b05;
    border: 1px solid #f14b05;
    border-radius: 23px;
    color: #fff;
    font-size: 17px;
    margin-top: 21%;
    padding: 10px;
    text-align: center;
    width:150px;
}
.callnumber
/*{
position:relative;
right:54px;
margin-top:-5px !important;
}*/
/*.number {
float:right !important;
margin-left:-369px !important;
margin-top: 13px !important;
position: absolute !important;

}*/
.headerbutton {
	right: 145px !important;
	width:30% !important;
}
.text_box1 {
    bottom: 45px;
    float: right;
    margin-right: 2%;
    position: relative;
    width: 209px;
    height: 40px !important;
	padding:10px !important;
    bottom: 45px !important;;
}
.link1 {
    float: right;
    width: 75% !important;
	margin-left:-30px !important;
}
.searchstyle {
    position: relative;
    left: 89%!important;
    top: -36px!important;
	z-index:9999 !important;
	bottom:10px;
}
.member {
	width:175px !important;
}
.banner1
{
padding:20px !important;
padding-bottom:10px !important;
}
.banner-two
{
margin-top:10px !important;
height:70px;
}
#box-image
{
width:20px!important;
}
.left-img
{
height:100px;
width:50% !important;
float:left;
}
.right-content
{
float:left;
}
.left-img1
{
height:100px;
width:50% !important;
float:left;
}
.right-content1
{
float:left;
}
.left-img2
{
height:100px;
width:50% !important;
float:left;
}
.right-content2
{
float:left;
}

.news-heading
{
width:225px;
}
.france-text
{
width:268px !important;
}
.blank_boxes
{
height:75px;
margin-top:480px;
background-color:#f1f1f1;
}
.blank_boxes1
{
	margin-top:100px;
}
.alignments
{
width:250px !important;
}
.niruvagam
{
width:268px !important;
}
.right-side
{
float:right !important;  
width:95% !important;
padding-top:10%;
}

.projet
{
text-align:center;
}
.union_textalign
{
text-align:center;

}
.thidaam_txt
{
margin-left: 7%;
position: relative;
top: 134px;
border: 1px solid hsl(0, 100%, 50%);
border-width: 1px;
width: 175px;
}
.navibars
{
margin-top: 46px; 
}
.students
{
color:#000;
font-size:14px; 
text-decoration:none;
}
.mavatam
{
color: #000;
font-size: 14px;
position: relative;
right: 145px;
text-decoration: none;
top: 16px;
}
.link
{
	float:right;
    width:75%;
}

.projet { 
text-align:left !important;
margin-left: 0px !important; 
}
.union_textalign {
bottom: 35px !important;
margin-left: -16px !important;
}
.unionalign1 {

margin-left: -17px !important;
bottom:20px !important;
}
.news-item1 {
    padding: 0px 18px;
}
.footer
{
background-color:#2c2c2a; 
padding:18px; 
height:760px;
margin-top:82px;
}
.right-content { 
float:none !important;
margin-left:20px;
}
.left-img { 
float:none !important;
}
.france-text {
    width: 255px !important;
}
.right-content1 {
    float:none !important;
}
.right-content2 {
    float:none !important;
}
.blank_boxes {
   margin-top: 25px !important;
    }
	.niruvagam {
    width: 257px !important;
}
.thittam1 {
width:140px !important;
height:54px !important;
padding:15px;
}
.thittam2 {
width:140px !important; 
height:54px !important;
padding:15px !important;
margin-left: 0px !important;
}
.thittam3 {
color:#F6600 !important;
width:140px !important;
height:54px !important;
padding:15px !important;
margin-left: 0px !important;
}
.mavatam {
right:57px !important;
} 
.footer { 
margin-top: 5px !important;
}
}
@media (min-width:768px) and (max-width:1199px) { 
.right-side { 
width:100% !important;
}
.thittam1 {
width:160px !important;
height:54px !important;
padding:15px;
}
.thittam2 {
width:160px !important; 
height:54px !important;
padding:15px !important;
margin-left: 0px !important;
}
.thittam3 {
color:#F6600 !important;
width:160px !important;
height:54px !important;
padding:15px !important;
margin-left: 0px !important;
}
.thittamtext1 {
margin-top: 40% !important;
position: relative;
right: 340px;
}
.nav > li > a {
position: relative !important;
display: block !important;
padding: 10px 5px !important;
margin-left: 7px !important;
}
}
@media (min-width:0px) and (max-width:1050px) { 
html,body
{
overflow:hidden !important;
overflow-y:scroll !important;
}
}

@media (min-width:768px) and (max-width:1024px)
{
.gmail
{
color: hsl(60, 1%, 32%);
font-family: Calibri;
font-size: 17px;
width:280px!important;
margin-top:3%;
}
.link1
{
	float:right;
    width:50%;

}
.callnumber
{
font-size:16px;
padding-top:0px !important;
}
.number
{
color:#000; 
font-size:9px !important; 
text-decoration:none;

}
.member
{
background-color: #f14b05;
border: 1px solid #f14b05;
border-radius: 35px;
color: #fff;
font-size: 12px;
padding: 15px 3px;
text-align: center;
width: 114px;
position: relative;
bottom: 10px;
}
.navbar-inverse .navbar-nav > li > a
{
font-size:10px !important;
}
.banner-two
{
padding-bottom:9%;
margin-left:20%;
width:100%;
}
.banner-three
{
margin-left:21%;
margin-top:6%;
width:100%;
}
.blank_boxes
{
border: 1px solid #f1f1f1;
padding: 6px;
height: 75px;
margin-top: 20px;
background-color: #f1f1f1;
width:100% !important;
}
.right_side
{
position:relative;
left:306px!important;
bottom:554px !important;
width:100% !important;
}
.dhitam1
{
border-bottom: 2px solid #d1d1d1;
float: left;
width: 100%;
padding-top: 150%;
padding-right: 0px;
position: relative;
right: 300px;
}
.dhitam2
{
border-bottom: 2px solid #d1d1d1;
float: left;
width: 100%;
padding-top: 6%;
position: relative;
right: 296px;
}
.footer
{
background-color:#2c2c2a; 
padding:18px;
height:2px !important; 
margin-top:82px;
}
.dhitam-heading
{
margin-left:5px;
}
.link
{
	float:right;
    width:110%;
}
.newsport
{
	font-size:16px;
    font-weight: lighter;
	float:left;
	line-height:2px;
	margin-bottom:4%;
	bottom:24px;
	color: #000;
	left:110px;
	position: relative;
	text-decoration:none;

}
.thidaam_txt
{
	border: 1px solid hsl(0, 100%, 50%);
    margin-left: 7%;
    position: relative;
    top: 101px;
	width:123px !important;
}
.join_box
{
	background-color: #ff8005;
    border: 1px solid #ff8005;
    border-radius: 10px;
    color: #fff;
    font-size: 31px;
    margin: auto;
    padding:3px;
    text-align: center;
	position:relative;
	bottom:0px;
    width:60%;
}
}
@media (min-width:400px) and (max-width:480px){
	.text_box1 {
width:185px !important;
}
}
@media (min-width:481px) and (max-width:550px){
	.number {
	float: right !important;
margin-left: -366px !important;
margin-top: 13px !important;
position: absolute !important;
}
}
@media (min-width:550px) and (max-width:600px){
	.number {
	float: right !important;
margin-left: -416px !important;
margin-top: 13px !important;
position: absolute !important;
}
}
@media (min-width:601px) and (max-width:650px){
.number {
float: right !important;
margin-left: -489px !important;
margin-top: 13px !important;
position: absolute !important;
}
.text_box1 {
    bottom: 45px;
    float: right;
    margin-right: 2%;
    position: absolute;
    width: 154px;
    height: 40px !important;
    padding: 10px !important;
    bottom: -3px !important;
    left: 433px !important;
}
.searchstyle {
    position: relative;
    left: 53% !important;
    top: -2px !important;
    z-index: 9999 !important;
    bottom: 10px;
}
.callnumber {
    position: relative;
    right: 90px;
    margin-top: -5px !important;
}
.sliderwidth {
	width: 890px !important; 
	}
.member {
    width: 175px !important;
    position: absolute;
    float: right !important;
    bottom: -12px;
    left: 250px;
}
}
@media (min-width:651px) and (max-width:700px){
.number {
float: right !important;
margin-left: -538px !important;
margin-top: 13px !important;
position: absolute !important;
}
.callnumber {
    position: relative;
    right: 102px;
    margin-top: -5px !important;
}
.sliderwidth {
	width: 895px !important; 
	}
.text_box1 {
    bottom: 45px;
    float: right;
    margin-right: 2%;
    position: absolute;
    width: 195px;
    height: 40px !important;
    padding: 10px !important;
    bottom: -3px !important;
    left: 439px !important;
}
.searchstyle {
    position: relative;
    left: 53% !important;
    top: -2px !important;
    z-index: 9999 !important;
    bottom: 10px;
}
.member {
    width: 175px !important;
    position: absolute;
    float: right !important;
    bottom: -12px;
    left: 250px;
}
}
@media (min-width:701px) and (max-width:767px){
.number {
float: right !important;
margin-left: -556px !important;
margin-top: 13px !important;
position: absolute !important;
}
.member {
	margin-top: 11% !important;
}
.sliderwidth {
	width: 895px !important; 
	}
.searchstyle {
    position: relative;
    left: 53% !important;
    top: -2px !important;
    z-index: 9999 !important;
    bottom: 10px;
}
.headerbutton {
	right: 75px !important;
	width:30% !important;
}
.member {
    width: 175px !important;
    position: absolute;
    float: right !important;
    bottom: -12px;
    left: 287px;
}
.link1 {
    float: right;
    width: 74% !important;
    margin-left: -27px !important;
}
.text_box1 {
    bottom: 45px;
    float: right;
    margin-right: 2%;
    position: absolute;
    width: 209px;
    height: 40px !important;
    padding: 10px !important;
    bottom: -3px !important;
    left: 480px !important;
}
}
@media (min-width:768px) and (max-width:991px){
	
	.right-side {
    width: 100% !important;
    position: absolute !important;
    left:300px !important;
}
	.newsport {
		left:10px !important;
		bottom:0px !important;
}
}
@media (min-width:992px) and (max-width:1199px){
	
	.right-side {
    width: 50% !important;
    position: absolute !important;
    left:230px !important;
}
	.newsport {
		left:10px !important;
		bottom:0px !important;
}
.indexgroup {
	width:210px !important;
	height:550px !important;
	}
.donatebutton {
	margin: 0px 82px !important;
	right: -96px !important;
}
.nav > li > a {
 position: relative!important;
 display: block!important;
 padding: 10px 5px !important;
 }
}
@media (min-width:1200px){
	.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px !important;
  margin-left:7px !important;
 
 }
	}
	
	
	

.ulockd-service-two {
  padding-top: 20px;
  padding-bottom: 20px;
  z-index: 1;
}
.ulockd-service-two::before {
  /* background-color: rgba(255, 255, 255, 0.8); 
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;*/
}
.ulockd-main-title {
  position: relative;
  margin-bottom: 40px;
}
.ulockd-main-title h2 {
  margin-top: 0;
}
.ulockd-main-title:before {
  bottom: -15px;
  content: "";
  height: 2px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 70px;
}
.title-bottom {
  position: relative;
}
.title-bottom:before {
  bottom: -15px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 70px;
}
.ulockd-mssn-col {
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.ulockd-mssn-col:hover {
  margin-top: -15px;
}
.ulockd-mssn-col .missn-icon {
  color: #fff;
  display: inline;
  font-size: 30px;
  padding: 8px 13px;
}
.missn-details {
  padding: 10px 15px;
}
.missn-details h3 {
  color: #333;
  font-family: semi-casual;
  font-size: 22px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.ulockd-mssn-col .missn-details h3 {
  color: #333;
  font-family: semi-casual;
  font-size: 22px;
}
.missn-details > p {
  color: #333;
}


.ulockd-mssn-col {
    border: 1px solid #c00000;	
	border-radius: 63px;
}
nav.navbar li.dropdown ul.dropdown-menu {
	border-top: 5px solid #17bffe
}
.header-nav .main-header-nav.navbar-scrolltofixed {
    border-top: 1px solid #17bffe;
}
.ulockd-bb-dashed {
	border-bottom: 1px dashed #17bffe;
}
.main-slider2 .owl-next, .main-slider2 .owl-prev, .ulockd-contact-form .ulockd-form-fg {
    border: 2px dashed #17bffe;
}
.pagination>.active>a,
.pagination>.active>a,
.amount-box input[type="radio"]:checked+label,
.fcauses-tab>li.active>a,
.fcauses-tab>li.active>a:focus, 
.fcauses-tab>li.active>a:hover,
.ulockd-all-service a.active {
	border-color:  #17bffe;
}
/* Hover Border COlor */
.team-icon a:hover,
.team-details .team-icon a {	
    border: 1px solid #17bffe;
}

/* style two */
.main-header-nav-two {
  background-color: #fff;
}
.ulockd-mrgn120 {
  margin-top: 0px;
}
.ulockd-mrgn1210 {
  margin-top: 10px;
}
.ulockd-mrgn1215 {
  margin-top: 15px;
}
.ulockd-mrgn1220 {
  margin-top: 20px;
}
.ulockd-mrgn1225 {
  margin-top: 25px !important;
}
.ulockd-mrgn30 {
  margin-right: 0px;
}
.ulockd-mrgn310 {
  margin-right: 10px;
}
.ulockd-mrgn315 {
  margin-right: 15px;
}
.ulockd-mrgn60 {
  margin-bottom: 0px;
}
.ulockd-mrgn610 {
  margin-bottom: 10px;
}
.ulockd-mrgn615 {
  margin-bottom: 15px;
}
.ulockd-mrgn620 {
  margin-bottom: 20px;
}
.ulockd-mrgn625 {
  margin-bottom: 25px !important;
}
.ulockd-mrgn630 {
  margin-bottom: 30px;
}
.ulockd-mrgn640 {
  margin-bottom: 40px;
}
.ulockd-mrgn650 {
  margin-bottom: 50px;
}
.ulockd-mrgn90 {
  margin-left: 0px;
}
.ulockd-mrgn910 {
  margin-left: 10px;
}
.ulockd-mrgn915 {
  margin-left: 15px;
}
.ulockd-mrgn920 {
  margin-left: 20px;
}


/* ---------- OUT TEAM LAYOUT TWO SECTION  ---------- */
.ulockd-team-two {
  padding: 90px 0;
}
.ulockd-teampz {
  padding: 0;
}
.ulockd-team-two-member:hover .ulockd-team-two-mdetails{
  bottom: 0;
}
.ulockd-tm-thumb{
  position: relative;
  overflow: hidden;
}
.ulockd-team-two-mdetails {
  background-color: #999;
  bottom: -56%;
  color: #fff;
  left: 0;
  padding: 12px 0 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.ulockd-team-two-mdetails > p {
  font-size: 12px;
  line-height: 20px;
  margin-top: 12px;
}
.ulockd-tm-sicon {
  bottom: 0;
  left: 0;
  margin-bottom: -11px;
  margin-top: 13px;
  padding: 10px 8px;
  right: 0;
}
.ulockd-tm-sicon li {
  color: #fff;
  padding: 0;
  margin: 0;
}
.ulockd-tm-sicon li a {
  border: 1px solid transparent;
  color: #fff;
  font-size: 16px;
  padding: 5px 8px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ulockd-tm-sicon li a:hover {
  background-color: #999999;
  border: 1px solid #fff;
  color: #fff;
}
.ulockd-tm-fpm{
  padding: 10px 0 10px;
} 
.ulockd-tm-fpm:hover {
  cursor: pointer;
}
.ulockd-tm-fpm > li {
  font-size: 16px;
  line-height: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ulockd-tm-fpm > li:hover {
  color: #313131;
}
.ulockd-mssn-col:hover {
  margin-top: -15px;
}
.ulockd-mssn-col .missn-icon {
  color: #fff;
  display: inline;
  font-size: 30px;
  padding: 8px 13px;
  background-color:#b60414;
}


 body{
                font-size:18px;
                font-weight: 400;
            }
.p-y-2 {
    padding-top: 28px;
    padding-bottom: 28px;
}
.p-y-3 {
    padding-top: 45px;
    padding-bottom: 45px;
}
.m-b-1 {
    margin-bottom: 18px;
}
.m-t-1 {
    margin-top: 18px;
}


 /*==========================================================
                     counter section style
============================================================*/

            .main_counter_area{
               
                background-size: cover;
                overflow: hidden;
            }
            .main_counter_area .main_counter_content .single_counter{
                background: rgb(238, 29, 36);
                    color: #fff;
            }
            .main_counter_area .main_counter_content .single_counter i{
                font-size:36px;
            }