@media (min-width:320px) and (max-width:480px){
	#section1 img, #section1 video {
		position:relative;
		left:0;
		right:0;
		display:table-cell;
		max-height:100% !important;
		background-size: 100% 100%;			
		background-color: #90e0f8; /* in case the video doesn't fit the whole page*/
		background-image: /* our video */;
		background-position: center center;
		background-size: contain;
		object-fit: cover;
	}
	#section1, #section2, #section3{
		width:100%;
		height:800px !important;
		float:left;
		overflow-x:scroll;
	}
	.carousel-inner{
		width:100% !important;
		max-height:100% !important;
		//position:absolute;
		background-size: 100% 100%;			
		background-color: none; /* in case the video doesn't fit the whole page*/
		background-image: /* our video */;
		background-position: center center;
		background-size: cover;
		//background-size: contain;
		//object-fit: cover;
	}
	
	.item-bg{
		width:100%;
		height:150px !important;
	}
	
	.pp-section.pp-table {
		display: block !important;
	} 	
	.pp-tableCell{
		display:block !important;
	}
	
	.square-one1{
		height:142px !important;
	}
	
	.right-box {
		width:55% !important;
		font-size:14px !important;
	}
	.right-box p:nth-child(1) {
		padding-top:0 !important;
		font-size:.9em !important;
	}
	
	.mask h5{
		top:40% !important;
		font-size:23px !important;
	}
	.logo{
		width:40% !important;
		margin-top: -1em !important;
		margin-left:0 !important;
	}
	.logo img{		
		margin:0 !important;
	}
	.header ul{
		padding-top:100px !important;
		margin:0;
		list-style:none;
	}
	.banner-txt{
		width:100% !important;
		bottom:13% !important;
	}
	.banner-txt h1{
		font-size:28px !important;
	}
	.banner-txt h1 div{
		font-size:18px !important;
		padding-right:15px;
	}
	
	.title-head h5{
		text-align:center;
		font-size:20px !important;
	}
	div.tab a{
		padding: 15px 6% !important;
		width:100% !important;
	}
	div.tab1 a{
		margin:0 !important;
		width:100% !important;
	}
	.header ul li {
		padding:2px 10px !important;
		font-size:13px !important;
	}
	.wel h5 {
		margin:0 5% !important;
	}	
	.header ul li i{
		height:35px;
		width:35px !important;
	}
	.text{
		text-align:center !important;
	}
	.wel h1, .wel1 h1{
		border-right:none !important;
		font-size:28px;
		margin:0 auto 6% auto !important;
	}
	
	.font, .font1{
		text-align:center;
		font-size:28px !important;
		margin:6% auto !important;
	}
	.bg4 {
		height: 910px !important;
	}
	.photo {
		width: 90% !important;
		height: auto;
		position: absolute;
		bottom: -900px !important;
	}
	
	.footer{
		text-align:center;
	}
	.prog1 ul{
		width:100%;
		text-align:left !important;
		padding:0;
		margin:0 auto;
	}
	.prog1 ul li{	
		padding:3% 0 !important;
		color:#6C6C6C;
		font-weight:600;
	}
	.content2{		
		width:80% !important;
	}
	.round2{
		width:50px;
		height:50px;
		border-radius:50%;
		border:2px solid white;
		
		background-color:#c4660e;
		margin-left: -20em !important;
		margin-top: 24em !important;
	}
}

body{
	width:100%;
	font-family: roboto, sans-serif;
	background:#F5F5F5;
	overflow-x:hidden;
}
/* @font-face{
	font-family:'Roboto Condensed';
	font-style:normal;
	font-weight:400;
	src: local('Roboto Condensed');
} */

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0;
    background:#66b9bf;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding:0px 8px;
    text-decoration: none;
    font-size:15px;
    color: #fff;
    display: block;
    transition: 0.3s;
}

.sidemenu{
	position:absolute;
	right:15px;
	top:30px;
	font-size:18px;
	text-transform:uppercase;
	cursor:pointer;
	z-index:9999;
	color:#fff;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .panel{
	border:none;
	margin:0;
	padding:0;
}
.didenav .panel .panel{
	margin:0;
	padding:0;
}
.panel-group {
    margin-bottom: -2px;
	margin-top: 6px;
}

.sidenav .panel-body {
    padding:3px 10px;
}
.sidenav .panel-body ul{
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
}
.sidenav .panel-body ul li{
	padding:6px 3px;
	margin:2px 0;
	background:gray;
}
.closebtn img{
	width:15px;
	height:auto;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

#main {
    transition: margin-right .5s;
    padding:0;
	z-index:-9 !important;
}

@media screen and (max-height: 450px) {
	.sidenav {padding-top: 15px;}
	.sidenav a {font-size: 18px;}
}


.innerbanner .logo{
	position:absolute;	
	width:50%;
	height:122px !important;	
	background:#fff;
	border-radius:0 0 5px 5px;
	z-index:99999;
	margin-top: -2em;
	margin-left:-1em;
}
.innerbanner .logo img{
	width:100%;
	height:auto;
	margin:38px 0 5px !important;
	border-radius:3px;
}

.logo{
	position:absolute;	
	width:50%;
	height:103px;	
	background:#fff;
	border-radius:0 0 5px 5px;
	z-index:99999;
	margin-top: -2em;
	margin-left:-1em;	
}
.logo img{
	width:100%;
	height:auto;
	margin: 20px 0 !important;
	border-radius:2px;
	padding:18px 10px;
}
.header{
	height:75px;
	//background:rgba(255,255,255,.1);
	//border-top:4px solid #07889B;	
}


.header ul{
	width:100%;	
	float:right;
	padding:15px 0;
	margin:0;	
	list-style:none;
}
.header ul li{
	padding:9px;
	float:left;
	color:#27176d;
	text-align:left;
	font-size: 13px;
	font-family: roboto, sans-serif;
	font-weight:600;	
}
.header ul li i{
	padding:3px 10px 0;	
	float:left;
	font-size:15px;
	color:#B11925;
}
.banner{
	z-index:-999999 !important;
}

.text{
	text-align:right;
}
.font{
	font-family: raleway, sans-serif !important;
	color:#2CD6F2;
	font-weight:800;
	font-size:38px;
}
.font1{
	font-family: raleway, sans-serif !important;
	color:#0E2A4C;
	font-weight:800;
	font-size:38px;	
}
.font2{
	font-family: raleway, sans-serif !important;
	color:#fff;
	font-weight:800;
	font-size:24px;
}
.red{
	font-weight: 600;
	color: #B11925 !important;
	font-family: roboto, sans-serif;
	font-size: 16px !important;
	font-style:italic;
}
.wel {
	margin-top:-55px;
}
.wel, .wel1 {
	padding:0 0 5% 0;
}
.wel h1{
	margin:0;
	padding:0 6% 1% 0;	
	border-right:3px solid #B11925;
}
.wel h5{
	margin:0 0 0 2%;
	text-align:justify;
	line-height:24px;
	color: #fff;
	font-size:15px;
	font-weight:600;
	font-family: raleway, sans-serif !important;
}
.wel1{
	padding-top:0 !important;
}
.wel1 h1{
	margin:0;
	padding:0 6% 1% 0;	
	border-right:3px solid #B11925;
}
span{
	color:#B11925;
}
.bg1,.bg2, .bg3, .bg4{	
	//padding:6% 0;
	border-color: #E3E3E3;
	z-index: 81;
	border-style: solid;
	border-width: 1px 0px 0px;
}
.bg1{
	background:#fff;
}
.bg2{	
	background:#F5F5F5;
}
.bg3{	
	background:#EB6E80;
	color:#fff;
}
.footer{
	//padding:6% 0 0;
	background:#07889B;
}
.footer p, .footer ul li, .footer .fa{
	color:#fff !important;
}
.bg4{
	background:#07889B;
	border:none;
	height:650px;
	padding:6% 0 0;
	overflow:hidden;
	position:relative;
}
.footer{
	padding:6% 0 0;	
}

.photo{
	width:80%;
	height:auto;
	position:absolute;
	bottom:-570px;
}
.photo img{
	width:100%;
	height:auto;
}
.bg5{	
	background:#66B9Bf;
}
.img{
	width:100%;
	height:400px;
	background:url(../img/dehradun_1_Sml.jpg);
	//clip-path: ellipse(120% 150% at 14% -50%);
}
.panel{
	background:none !important;	
}
.panel a{
	text-decoration:none;
}
.panel-body p{
	color:#0E2A4C !important;	
}
.panel-title{
	color:#fff;
	font-size:15px;
}
.panel-bd{	
	height:205px;
	background:#474141;
}
.panel-bd p{
	color:#fff !important;
}
.caret{
	color:#fff !important;
}
.panel-heading{
	//background:#F5F5F5;
	background:rgba(0,0,0,.2);
	font-weight:600;
}
.panel-bg{
	background:#e4644b;	
}
.panel-clr{
	//color:#0E2A4C !important;
}
.panel-clr .fa{
	font-size:19px;
	padding-right:10px;
}
.clr{
	color:#fff;
}
.box1{
	text-align:center;
}
.box1 i{
	width:110px;
	height:110px;
	color:#fff;	
	font-size:42px;
	line-height:110px;
	border-radius:110px;
	background:#0EA1B7;
	transition:.5s ease-in-out;
}
.box1:hover i{
	background:#0E2A4C;
	transition:.5s ease-in-out;
}
.box1 h5{
	margin:6% 0;
	color:#21CDD4;
	font-weight:600;
	font-size:18px;
}
p{
	font-weight: 400;
	color: #fff;
	font-size: 16px;
	font-family: roboto, sans-serif;
	line-height: 27px;
}
.mrg{
	padding:1.5%;
	border:none;
}
h6{
	font-size:16px;
	font-weight:600;
	line-height:28px;
	margin-top:3% !important;
	color:#fff;
}
.bg4 ul{
	padding:0;
	margin:0;
	list-style:none;
}
.bg4 ul li{	
	padding:2% 0;
	font-weight: 500;
	color: #fff;
	font-size: 18px;
	font-family: roboto, sans-serif;
	position:relative;
	padding-left:40px;
}
.bg4 ul li:before{
	position:absolute;
	top:16%;
	left:0;
	content:"\f046";
	font-size:25px;
	font-family:fontawesome;	
	color:#fff;
}
.jumbotron h4{
	font-family: raleway, sans-serif !important;
	color:#0E2A4C;
	font-weight:700;
	font-size:22px;
	line-height:35px;
}
.jumbotron{
	padding:3% !important;
}
.prog ul{
	list-style:none;
	padding:1% 0 0 0;	
}
.prog ul li{	
	padding:1% 0;
	font-weight:600;
}
.prog1 ul{
	list-style:none;
	padding:1% 0 0 0;	
}
.prog1{
	padding-left:5%;
}
.prog1 ul li{	
	padding:1% 0;
	color:#6C6C6C;
	font-weight:600;
}
.prog1 ul li:before{	
	content:"\f138";
	font-family:fontawesome;	
	color:#EB6E80;
	padding:1% 2% 1% 0;
	font-weight:600;
}

.content1{
	padding:2% 2%;
	float:left;
	margin-bottom:5%;
	background:#EB6E80;
	margin-top: 10px;
}
.content2{
	width:50%;
	margin:0 auto;	
	background:none;
}
.content2 img{
	width:125px;
	height:125px;
	border-radius:125px;
}
.content2 p{
	color:#fff;
	padding:4% 0 3%;
}
.content2 h6{
	color:#fff;
}
.clr1{
	color:#fff;
	padding-top:2%;
}
.clr2{
	color:#333333;
}
.p{
	color:#7b7b7b;
	font-size:15px;
	text-align:justify;
}
.carousel-indicators{
	position:absolute;
	//bottom:95px;
	z-index:9;
}
.carousel{
	float:left;
	height:100% !important;
}
.carousel-control {
	top:14px;
    bottom:-15px !important;
}
.box2 i{
	width:110px;
	height:50px;
	color:#B11925;	
	font-size:42px;
}
.box2 p{
	color:#0E2A4C;
	font-weight:600;
}
.box2 h5{
	margin-top:5%;
	color:#0E2A4C;
	font-weight:600;
	font-size:18px;
}
.social .fa{
	font-size:20px;
	color:#0E2A4C;
}
.bg6{	
	background:#EB6E80;
}
.bg6 p{
	color:#5a4343;
	font-size:14px;
	padding-bottom:15px;
}
.ftr{
	padding:.95% 0 0 0;
	margin-top:-1.5%;
}

.bdr0{
	width:15%;
	padding:2% 0 0 0;
	margin:-25px 0 25px 0;
	border-bottom:1px solid gray;	
}

.bdr1{
	width:25%;
	padding:2% 0 0 0;
	margin:-25px 0 25px 0;
	border-bottom:2px solid #B11925;	
}


/*Inner page Css*/

.innercontent{
	padding:1% 2%;	
}


.innerbanner{
	width:100%;
	height:300px;
	float:left;
	text-align:center;
	background:url("../img/inerpageslider.jpg") center center;
	background-size:cover;
}
.innerbanner .mask{
	position:relative;
	left:0;
	top:0;
	width:100%;
	height:300px;
	padding:0;
	display:block;
	background:rgba(7,136,155,.8);
	clear:both;
}
.mask h5{
	position:relative;
	top:20%;
}
.mask ul li:first-child{
	cursor:pointer;
}
.innerbanner h5, .title-head h5{
	font-size:35px;
	color:#fff;
	padding:10px 0 0 0;
	margin:0;
	text-transform:uppercase;
	font-weight:600;
	font-family: 'Roboto Condensed', sans-serif;
}
.title-head h5{
	color:#333333;
	font-size:30px;
	padding:0 0 3% 0;
}

.search-bar{
	width:98%;
	height:45px;	
	padding:0 0 0 0%;	
	border:1px solid gray;
	background:#fff;
	overflow:hidden;
}
/* .search-bar input[type="text"]{
	width:90%;
	height:100%;
	border:none;
	background:none;
} */
.search-bar input[type="text"]:focus .search-bar{
	border:1px solid none;
}
.search-bar label{
	width:10%;
	float:left;
	color:#000;
	background:rgba(177,25,37,.6);
	border-right:1px solid lightgray;
	text-align:center;
	line-height:45px;
}
label input{
	display:none;	
}

.figure img{
	width:100%;
	height:auto;
	margin:6% 0 0 0;
}

.tabapp a {
    float: left;
    display: block;
	margin-bottom:6%;
    text-align: center;
    padding: 15px 8% !important;
    text-decoration: none;
    transition: 0.3s;
    font-size: 16px;
    border: 1px solid #e5e5e5;
}

.banner-txt{
	width:44%;
	position:absolute;
	bottom:35%;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	text-transform:uppercase;
}
.banner-txt h1{
	font-size:42px;
	font-weight:600;
	text-align:left;
}
.banner-txt h1 div{
	font-size:30px;
	padding:1.5% 0;
	
}
.banner-txt h1 .div{
	font-style:italic;
	font-weight:500;
	font-size:28px;
	color:#B11925;
	padding-right:16px;
	text-align:right;
}
.round{
	width:100px;
	height:100px;
	border-radius:50%;
	border:2px solid white;
	
	background-color:#c4660e;
	margin-left: -12em !important;
	margin-top: 6em !important;
}
.round1{
	width:100px;
	height:100px;
	border-radius:50%;
	border:2px solid white;
	
	background-color:#c4660e;
	margin-left: -12em !important;
	margin-top: 28em !important;
}
.round2{
	width:100px;
	height:100px;
	border-radius:50%;
	border:2px solid white;	
	background-color:#c4660e;
	margin-left: -12em !important;
	margin-top: -17em !important;
}
ul.u{
	padding-left:8%;
}
.u li {
	list-style-type: none;
	position: relative;  
}
.u li a{
	color:#fff;
}
.u li:before {
	content: "\25BA \0020";
	font-size: 12px;
	position: absolute;
	top: 5px;
	left: -20px;
	color:#ef7aae;
}
.square{
	width:49px;
	height:60px;
	overflow:hidden;
	float:left;
	text-align:center;
	margin:3% 6% 0 0;
	border:1px solid #fff;
	border-radius:6px;
}
.left-box p:nth-child(1){
	width:49px;
	padding:2% 0;	
	background:#ff73ae;
	color:#fff;
	font-weight:500;
	font-size:120%;
}
.left-box p:nth-child(2){
	width:49px;
	font-weight:500;
	text-align:center;
	margin:0;
	padding:2% 0;
	color:#000;
	font-size:125%;
}

.left-box{
	width:48px;
	height:55px;	
	text-align:center;
	float:left;	
	color:#434242;	
}
.left-box1{
	width:120px;
	height:50px;	
	text-align:center;
	float:right;
}
.left-box1 img{
	width:100%;
	height:auto;
	border-radius:5px;
	border:2px solid #fff;
}
.left-box p{
	width:50px;
	height:29px;
	text-align:center;
}

.square:hover .four-square{
	background:#29518c;	
	transition:0.5s ease-in-out;
}
.square:hover h4{
	color:#29518c;
	transition:0.5s ease-in-out;
}

.no-pad{
	margin:4% 0 2% 3.2%;
}
.four-square img{
	width:60%;
	height:auto;	
}
.four-square{
	float:left;
	width:86px;
	line-height:66px;
	height:56px;
	color:#fff;
	font-family:calibri, sans-serif;
	text-align:center;
	padding:3% 0 5% 0;
	font-size:205%;
	border:1px solid #fff;
	border-radius:3px;
	transition:0.5s ease-in-out;
}

.square h4{
	width:63%;
	height:auto;
	vertical-align:middle;
	padding:3.5% 4%;
	font-family:calibri, sans-serif;
	font-size:140%;
	font-weight:500;
	text-transform:uppercase;
	color:#fff;
	float:left;
	transition:0.5s ease-in-out;
}

.right-box{
	width:48%;
	height:65px;
	color:#434242;
	text-align:justify;
	margin-left:4%;
	float:left;
}
.square-one{
	clear:both !important;
	width:100%;
	height:30%;
	margin:0;
}
.right-box p{
	width:100%;
	height:auto;
	margin:0;
	line-height:22px;
	padding:6px 0 0 0;
	//color:#723c3c;
	vertical-align:bottom;
}
.right-box p:nth-child(1){
	font-weight:500;
	font-size:1.1em;
	text-align:left;	
}
.box{
	width:80%;
	height:auto;	
	margin:0 auto;
	padding:0;
	clear:both;
	z-index:-2;
}
.one{	
	width:292px;
	//height:462px;
	float:left;
	//overflow:hidden;
}
.one ul{
	width:100%;
}
.one ul li{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	text-decoration:none;
}
.square-one1{
	clear:both !important;
	width:100%;
	height:45px;	
	margin:-4% 0 10.5% 0;
	padding-bottom: 99px;
	border-bottom:1px dashed #ac8352;
}
.carousel {
	position:relative;
	z-index: 110;
	width:100%;
	height:auto;	
	//margin-top:-6.2em !important;
}
.carousel-caption{
	margin-top:-4em;
}



/* Style the tab */
div.tab {
	width:100%;
	margin:0 auto;
	overflow: hidden;
}
.tab img{
	width:100%;
	height:auto;
}
/* Style the links inside the tab */
div.tab a {
	float: left;
	display: block;
	color: black;
	text-align: center;
	width:33%;
	padding: 15px 0;
	text-decoration: none;
	transition: 0.3s;
	font-size: 17px;
	border:1px solid #e5e5e5;
}
/* div.tab a:first-child, .active {
background-color:rgba(43,138,127,.8);
border:1px solid rgba(43,138,127,.8) !important;
border-bottom:none !important;
border-radius:3px 3px 0 0;			
color:#fff !important;
}
div.tab a:nth-child(2) {
background-color:rgba(8,96,150,.8);
border:1px solid rgba(8,96,150,.8) !important;
border-bottom:none !important;
border-radius:3px 3px 0 0;			
color:#fff !important;						
}
div.tab a:nth-child(3){
background-color:rgba(235,110,128,.8);
border:1px solid rgba(235,110,128,.8) !important;
border-radius:3px 3px 0 0;
color:#fff !important;
}
div.tab a:last-child {
background-color:rgba(180,94,35,.8);
border:1px solid rgba(180,94,35,.8) !important;
border-bottom:none !important;
border-radius:3px 3px 0 0;			
color:#fff !important;			
}
div.tab a:focus, .active{
background-color:transparent;
//border:1px solid #fff !important;
border-bottom:none !important;
border-radius:3px 3px 0 0;			
color:#fff !important;			
} */

.div.tab a:first-child {
	background-color:rgba(43, 138, 127, .8);
}
.div.tab a:nth-child(2) {
	background-color:rgba(43, 138, 127, .8);
}
.div.tab a:last-child {
	background-color:rgba(180, 94, 35, .8);
}
/* Create an active/current tablink class */
div.tab a:focus:first-child, div.tab a.active {
	background-color:#EB6E80;
	border:1px solid lightgray;
	border-radius:3px 3px 0 0;
	color:#fff !important;
}







/* Style the tab content */
.tabcontent {
	display: none;
	padding: 6px 12px;
	padding-top:20px;
}


div.tab1 a {
	float: left;
	display: block;
	color: black;
	text-align: center;
	padding: 15px 6%;
	margin:0 0 8% 0;
	text-decoration: none;
	transition: 0.3s;
	font-size: 17px;
	border:1px solid #e5e5e5;
}

div.tab1 a{
	background:#fff;
	border:1px solid lightgray;
	border-radius:3px 3px 0 0;
	color:#000 !important;
}
div.tab1 a:first-child{
	background:#EB6E80;
	color:#fff !important;	
}
div.tab1 a:first-child:hover{
	background:#fff;
	color:#000 !important;	
}

div.tab1 a:last-child{
	background:#fff;
	color:#000 !important;	
}
div.tab1 a:last-child:hover{
	background:#EB6E80;
	color:#fff !important;	
}
ul, ol {
	color:#7b7b7b;
}

#section1{
	//overflow:hidden !important;	
}
#section2{
	width:100%;
	height:100vh;
	background:url(../imgs/banner2.jpg);
	background-size:cover;
	overflow:hidden !important;
}
#section3{
	width:100%;
	height:100vh;	
	background:url(../imgs/banner3.jpg);
	background-size:cover;
	overflow:hidden !important;
}
#section4{
	width:100%;
	height:100vh;
	background:url(../imgs/bg.jpg);
	background-size:cover;
	overflow:hidden !important;
}

#section5{
	width:100%;
	height:100vh;
	background:url(../imgs/IUT-Banner4.jpg);
	background-size:cover;
	overflow:hidden !important;
}
#section6{
	width:100%;
	height:100vh;
	background:url(../imgs/events-img.jpg);
	background-size:cover;
	overflow:hidden !important;
}
#section7{
	background:#373648;	
	//background:url(../imgs/news.jpg);	
	overflow:hidden !important;
	background-size:cover;
}
#section8{
	background:#6BAAAD;	
	overflow:hidden !important;
}

.text-center {
    text-align: center;
}
.profile {
    width: 100%;
    height: 425px;
    padding-bottom: 5%;
    border: 1px solid #eb6e80;
    border-radius: 6px;
    margin: 2% 0;
	//color:#666666;
	
}
.profile h5{
	color:#337ab7;
	font-size:13px;
	line-height:22px;
}
a {
    color: #140202;
    text-decoration: none !important;
}
.content-area a {
    width: 100%;
    height: auto;
    padding: 0.5%;
    margin: 2% 0 0 0;
    border: 1px solid pink;
    font-family: verdana, sans-serif;
	
}
.up-img {
    width: 100%;
    height: 100px;
    background: #eb6e80;
}

.profile img {
    position: relative;
    width: 60%;
    padding: 2%;
    border: 1px solid #fff;
    margin-top: -70px;
    box-shadow: 0 3px 0 #eb6e80;
}

#myModal .img-thumbnail{
	padding:.5px;
	background:none !important;
	border:none !important;
}
.tap img {
	width: 100%;
	height: auto;
}
.img-circle {
	border-radius: 50%;
}

img {
	vertical-align: middle;
}

img {
	border: 0;
}
.bg-page2-4{
	width:100%;
	height:103vh;
	background:url(../imgs/slider-44.jpg) 20% center;
	background-size:cover;
}
.bg-page2-3{
	width:100%;
	height:103vh;
	background:url(../imgs/slider-22.jpg) 20% center;
	background-size:cover;
}
.bg-page2-2{
	width:100%;
	height:103vh;
	background:url(../imgs/slider-11.jpg) 20% center;
	background-size:cover;
}
.bg-page2-1{
	width:105%;
	height:103vh;
	background:url(../imgs/slider-33.jpg) 20% center;
	background-size:cover;
}
.bannervideo{
	max-width:115% !important;
	max-height:100%;
	position:relative;	
	z-index:-1;
	background-size: 100% 100% !important;
	background-color:#000;
	//background-size: cover;
	background-size: contain;
	object-fit: cover; /*cover video background */
}


.item-bg{
	position:relative;
	width:100%;
	height:100vh;
	background:url(../imgs/slider-3.jpg);
	background-size:cover;
}
.item-clip{
	position:absolute;
	top:25.5%;
	right:8.5%;
	width:32.7%;
	z-index:-9 !important;
	height:273px;	
	margin:0 auto;
	overflow:hidden;
}


/* animated btn*/

.button {
	display: inline-block;
	border-radius: 4px;
	background-color:transparent;
	border: 1px solid lightgray;
	color: #fff;
	text-align: center;
	//font-size: 28px;
	padding: 20px;
	width:160px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
}

.button span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.button span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.button:hover span {
	padding-right: 25px;
}

.button:hover span:after {
	opacity: 1;
	right: 0;
}

#search{
	display:none;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right:0 !important;
	padding:2% 0;
	width:100% !important;
	border:none !important;
	outline:none !important;
	background:none !important;
	text-indent:0 !important;
	box-shadow:none !important;
}
.gsib_a {
    width: 80%;
    padding: 0 6px 0 !important;
	box-shadow:none !important;
}
.gsc-input, #gsc-iw-id1{
	box-shadow:none !important;
	border:none !important;
	background:none !important;
	
}
.gsc-search-button{
	display:none;
}

#___gcse_0{
	width:90%;
	padding-top:3px;
	float:left;
	}
.div span{
	color:#52717b;
}

.bg-img1{
	background:url(../imgs/img1.jpg)center top no-repeat;
	width:100%;
	height:565px;
}