@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'minerva_modernregularregular';
    src: url(../fonts/minerva_modern_rg_0-webfont.woff) format('woff2'),
         url(../fonts/minerva_modern_rg_0-webfont.html) format('woff');
    font-weight: normal;
    font-style: normal;

}
@media only screen and (max-width: 671px) {
    .second-phone {
        display:none;
    }
}
.body-in{
		margin:0px;
	padding:0px;
	overflow-y:hidden !important;
}
body
{
	padding:0 !important;
	margin:0;
	background-color: transparent !important;
	width:100%;
	height:100%;
	overflow-x:hidden !important;
}
html,body
{
	padding:0;
	margin:0;
	background-color: transparent !important;
}
.padding-0{ padding:0px !important;}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

.form-head-pop{
    font-family: 'minerva_modernregularregular';
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    color: #525151;
    width: 100%;
    float: left;
    line-height: 16px;
    position: relative;
    letter-spacing: 1px;
	margin-top:0px;
	margin-bottom:15px;
}

.footer-bg-shadow{
	position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 0px;
    box-shadow: 0px 0px 65px 25px #000;
}
.wrapper-main{
	width:100%;
	float:left;
}
.wrapper-main-in{
	width:1285px;
	margin:0 auto;
}
.position-relative{
	position:relative;
}
.left-logo{
	width:auto;
	float:left;
	padding-top:0px;
}

.menu{
	width: auto;
    float: left;
    margin-left: 3%;
}
.menu ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.menu ul li{
	float:left;
	width:auto;
	padding:28px 15px;
}
.menu ul li a{
	float:left;
	width:100%;
	font-family: 'minerva_modernregularregular';
	font-size:14px;
	color:#fff9f9;
	text-transform:uppercase;
	text-decoration:none;
	transition:all ease .3s;
	position:relative;
}
.menu ul li a:after{
	content:"";
	position:absolute;
	left:0px;
	bottom:-4px;
	width:0%;
	height:1px;
	background:#000;
	opacity:0;
	transition:all ease .5s;
}
.menu ul li a:hover:after{
	opacity:1;
	width:100%;
	right:0px;
}
.menu ul li a:hover{
	color:#000;
}
.menu1{
	width: auto;
    float: left;
    margin-left:20px;
}
.menu1 ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.menu1 ul li{
	float:left;
	width:auto;
	padding:13px 15px;
}
.menu1 ul li a{
	float:left;
	width:100%;
	font-family: 'minerva_modernregularregular';
	font-size:12px;
	color:#fff9f9;
	text-decoration:none;
	transition:all ease .3s;
	position:relative;
}
.menu1 ul li a:after{
	content:"";
	position:absolute;
	left:0px;
	bottom:0px;
	width:0%;
	height:1px;
	background:#000;
	opacity:0;
	transition:all ease .5s;
}
.menu1 ul li a:hover:after{
	opacity:1;
	width:100%;
	right:0px;
}
.menu1 ul li a:hover{
	color:#000;
}
.active-menu:after {
	content:"";
	position:absolute;
	left:0px;
	bottom:-4px;
	width:100% !important;
	height:1px ;
	background:#000;
	opacity:1 !important;
}
.menu ul li a:hover .active-menu{
	color:#000 !important;
}
.active-menu{
	color:#000 !important;
	position:relative;
}

.dropdown1 {
    position: relative;
    display: inline-block;
}

.dropdown-content1 {
  display: none;
    position: absolute;
    background: rgba(77, 77, 79, 0.57);
    min-width:207px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
    bottom: -200px;
}

.dropdown1:hover .dropdown-content1 {
    display: block;
}

.dropdown-content1 ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.dropdown-content1 ul li{
	float:left;
	width:100%;
	padding:7px 0px !important;
}
.dropdown-content1 ul li a{
	float:left;
	width:100%;
	font-family: 'minerva_modernregularregular';
	font-size:13px;
	color:#fff9f9;
	text-transform:uppercase;
	text-decoration:none;
	transition:all ease .3s;
	position:relative;
	text-align:left;
}
.dropdown2 {
    position: relative;
    display: inline-block;
}

.dropdown-content2 {
  display: none;
    position: absolute;
    background:rgba(88, 88, 90, .9);
    min-width: 181px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index:9999;
    bottom: -209px;
}

.dropdown2:hover .dropdown-content2 {
    display: block;
}
.dropdown-content2 ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.dropdown-content2 ul li{
	float:left;
	width:100%;
	padding:7px 0px !important;
}
.dropdown-content2 ul li a{
	float:left;
	width:100%;
	font-family: 'minerva_modernregularregular';
	font-size:12px;
	color:#fff9f9;
	text-decoration:none;
	transition:all ease .3s;
	position:relative;
	text-align:left;
}
.contact-top-menu{
	width:auto;
	float:left;
	margin-left:14%;
	display: inline-flex;
}
.contact-top-menu1{
	width:341px;
	float: right;
	display: inline-flex;
}
.phone-number{
	font-family: 'minerva_modernregularregular';
    font-size: 14px;
    color: #fff;
    float: left;
    padding-top: 26px;
    background: url(../images/call-icon.png) no-repeat;
    background-position: 0px 24px;
    text-indent: 28px;
	margin-right:6%;
	white-space:nowrap;
	cursor:pointer;
}
.phone-number:hover{
	color:#fff;
	text-decoration:none;
}
.email-top{
	font-family: 'minerva_modernregularregular';
    font-size: 14px;
    color: #fff;
    float: left;
    padding-top: 26px;
    background: url(../images/email.png) no-repeat;
    background-position: 0px 21px;
    text-indent:30px;
	white-space:nowrap;
	cursor:pointer;
}
.email-top:hover{
	color:#fff;
	text-decoration:none;
}
.phone-number1{
	font-family: 'minerva_modernregularregular';
    font-size: 14px;
    color: #fff;
    float: left;
    padding-top: 13px;
	background: url(../images/call-icon.png) no-repeat;
    background-position: 0px 11px;
    text-indent: 28px;
    margin-right: 6%;
    white-space: nowrap;
    cursor: pointer;
}
.phone-number1:hover{
	color:#fff;
	text-decoration:none;
}
.email-top1{
	font-family: 'minerva_modernregularregular';
    font-size: 14px;
    color: #fff;
    float: left;
    padding-top:13px;
    background: url(../images/email.png) no-repeat;
    background-position: 0px 8px;
    text-indent:30px;
	white-space:nowrap;
	cursor:pointer;
}
.email-top1:hover{
	color:#fff;
	text-decoration:none;
}
.res-menu{
	width:auto;
	float:right;
	padding-top:23px;
	cursor:pointer;
}
.footer-menu{
	width:100%;
	float:left;
	position:fixed;
	bottom:20px;
	left:0px;
	right:0px;
	z-index:99;
}
.social-icon-main{
	width:auto;
	float:left;
	display: flex;
	margin-right:7%;
}
.follow-us{
	font-family: 'minerva_modernregularregular';
	font-size:14px;
	color:#fff;
	float:left;
	white-space:nowrap;
	font-weight:bold;
}
.social-icon-main a{
	float: left;
    margin-left: 11%;
    white-space: nowrap;
    color: #fff;
	font-size:14px;
	padding-top:3px;
}
.footer-menu-bottom{
	width:auto;
	float:left;
	position:relative;
}
.footer-menu-bottom::after{
	content:"";
	position:absolute;
	left:0px;
	top:-17px;
	/*background:url(../images/map-icon.png) no-repeat;*/
	width:33px;
	height:38px;
}
.footer-menu-bottom ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
	margin-left: 7%;
    white-space: nowrap;
    display: flex;
}
.footer-menu-bottom ul li{
	float: left;
    background: url(../images/bottom-menu-right.png) no-repeat;
    background-position: 0px 3px;
}
.footer-menu-bottom ul li:first-child{
	background:none !important;
}
.footer-menu-bottom ul li a{
	float:left;
	font-family: 'minerva_modernregularregular';
	color:#000000;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	padding:0px 28px;
	text-decoration:none;
}
.footer-menu-bottom ul li a:hover{
	text-decoration:none;
	color:#000000;
}

.bg-text1{
	position:absolute;
	right:125px;
	top:140px;
	width:430px;
	height:430px;	
}
.bg-text2{
	position:absolute;
	left:75px;
	top:140px;
	width:430px;
	height:430px;	
}
.bg-text3{
	position:absolute;
	left:75px;
	top:140px;
	width:430px;
	height: 430px;
	z-index:9;	
}
.bg-text3-main{
	background:rgba(255, 255, 255, 0.8);
	width:100%;
	float:left;
	height:100%;
	position: relative;
}
.bg-text4{
	position:absolute;
	right:125px;
	top:140px;
	width:430px;
	height:430px;
    z-index:9;	
}
.bg-text1-main{
	background:rgba(255, 255, 255, 0.8);
	border-radius:100%;
	width:100%;
	float:left;
	height:100%;
	position: relative;
	padding-top:50px;
	transition:all ease .5s;
}
.bg-text1-main::after{
	content:"";
	position:absolute;
	left: -15px;
    top: -15px;
    width: 460px;
    height: 460px;
	border:2px solid rgba(255, 255, 255, 0.8);
	border-radius:100%;
	transition:all ease .5s;
}
.bg-text-detail-kochi{
	position:absolute;
	left:75px;
	top:130px;
	width:350px;
	height: auto;
	z-index:9999;	
}
.text-add-bg{
	width:100%;
	float:left;
	text-align:center;
	padding:68px 42px;
}
.sub-head{
	width: auto;
	height:35px;
	padding:7px 25px;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	background:#ea1e26;/*#4d4d4f;*/
	position: relative;
	z-index:999;
	text-align:left;
	line-height:15px;
	font-weight:bold;
	margin:-86px auto;
	margin-bottom:20px;
	display:table;
}
.sub-head:after{
	content: "";
    position: absolute;
    left: 27px;
    bottom: -6px;
    border-top: 6px solid #ea1e26;/*#4d4d4f;*/
    border-right: 16px solid transparent;
    width: auto;
	height:auto;
}
.text-sub{
	/*font-family: 'minerva_modernregularregular';*/
	width:100%;
	float:left;
	text-align:justify;
	font-size:14px;
	color:#000000;
	/*line-height:15px;*/
	position:relative;
	z-index:999;
    -moz-text-align-last: center;
    text-align-last: center;
}
.go-btn{
	font-family: 'minerva_modernregularregular';
	padding:8px 25px;
	border-radius:5px;
	color:#fff;
	text-transform:uppercase;
	font-size:12px;
	background:#ea1e26;
	font-weight:bold;
	cursor:pointer;
	position:relative;
	z-index:999;
	display:inline-table;
}
.go-btn:hover{
	color:#fff;
	text-decoration:none;
}
.margin-bottom-15{
	margin-bottom:25px;
}
.second-section-text{
padding-top: 10px !important;
    text-align: center;
}
.padding-right-left-35{
	padding:30px 35px !important;
}
.padding-right-left-30{
	padding:0px 30px !important;
}
.pop-menu{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0px;
	position: relative;
    top: 130px;
}
.pop-menu li{
	width:100%;
	float:left;
	text-align:center;
}
.pop-menu li a{
	font-family: 'minerva_modernregularregular';
	font-size:16px;
	text-transform:uppercase;
	width:100%;
	float:left;
	text-align:center;
	padding-bottom:30px;
	color:#fff;
	font-weight:bold;
}
.pop-menu li a:hover{
	color:#fff;
	text-decoration:none;
}
.main-img{
	width:100%;
	float:left;
    background: url(../images/inner-img-new/about-us-img1.png) no-repeat center center;
    background-size: cover;
    height:100%;
}
.main-img1{
	width:100%;
	float:left;
    background: url(../images/inner-img-new/about-us-img2.png) no-repeat center center;
    background-size: cover;
    height:100%;
}
.main-img2{
	width:100%;
	float:left;
    background: url(../images/inner-img-new/about-us-img3.png) no-repeat center center;
    background-size: cover;
    height:100%;
}
.main-img3{
	width:100%;
	float:left;
    background: url(../images/inner-img-new/about-us-img4.png) no-repeat center center;
    background-size: cover;
    height:100%;
}
.main-img4{
	width:100%;
	float:left;
    background: url(../images/inner-img-new/about-us-img5.png) no-repeat center center;
    background-size: cover;
     height:100%;
}

.siit_inner_contentwrap {
    width:670px;
	height:370px;
	float:left;
    background-color: #fff;
	padding:0px 30px 0px 50px;
}
.siit_inr_cont_hd {
    font-family: 'minerva_modernregularregular';
    font-size:11px;
    color: #3b3b3c;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 24px;
    padding-top: 10px;
	position:relative;
}
.siit_inr_cont_hd:after{
	content:"";
	position:absolute;
	left:0px;
	bottom:-9px;
	right:0px;
	margin:0 auto;
	width:35px;
	height:2px;
	background:#3b3b3c;
}
.siit_inner_contentwrap p {
    font-family: 'minerva_modernregularregular';
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    width: 100%;
    line-height: 20px;
	color:#3b3b3c;
}
.about-right-text{
	position:absolute;
	right:105px;
	top:50%;
	color:#ffffff;
	 font-family: 'minerva_modernregularregular';
	 font-size:30px;
	 font-weight:bold;	
}
.wrapper-main-top{
	position:relative;
	height:100%;
	width:100%;
	float:left;
}
.gallery-hover{
	width:100%;
	float:left;
	height:100%;
	position:relative;
	transition:all ease .5s;
}
.gallery-hover img{ width:100%;}
.gallery-hover-span{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	height:100%;
	width:100%;
	background:rgba(0, 0, 0, .7);
	transition:all ease .5s;
	opacity:0;
	text-align:center;
	z-index:9;
	padding:0px 35px;
}
.gallery-hover:hover .gallery-hover-span{
	opacity:1;
	height:100%;
}
.white-color{
	color:#fff !important;
}
.media-hover-padding{
	padding-top:165px;
}
.customNavigation .prev {
    cursor: pointer;
    margin-right: -10px;
	padding:0px;
}
.customNavigation .next{
	cursor:pointer;
	padding:0px;
}
.hoarding-img{
	width:33.33%;
	float:left;
}
.hoarding-img-25{
	width:25%;
	float:left;
}
.img_gallery{
	position:relative;
	width:100%;
	float:left;
}
.img_gallery:after{
	content:"";
	position:absolute;
	width:100%;
	float:left;
	height:0%;
	background:rgba(77, 77, 79, .7) url(../images/zero-degree/zoom-icon.html) no-repeat;
	background-position:50% 50%;
	z-index:99;
	top:0px;
	left:0px;
	right:0px;
	opacity:0;
	transition:all ease .5s;
}
.img_gallery:hover:after{
	opacity:1;
	height:100%;
}

.right-section{
	width:75%;
	position:absolute;
	left:340px;
	top:0px;
	height:100%;
	bottom:0px;
}
.customNavigation{
	position:fixed;
	right:1px;
	bottom:-4px;
	z-index:999;
}
.left-section{
	width:340px;
	float:left;
	position:fixed;
	left:0px;
	top:0px;
	background:url(../images/hoardings/media-hoardings-left.html) no-repeat;
	height:100%;
	background-size:cover;
}
.contact-btn{
	font-family: 'minerva_modernregularregular';
	font-size:11px;
	text-transform:uppercase;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	padding:10px 30px;
	background:#ea1e26;
	color:#fff;
	text-decoration:none;
	display:inline-table;
}
.contact-btn:hover{
	color:#fff;
	text-decoration:none;
}
.client-logo{
	position:absolute;
	left:0px;
	top:160px;
	right:0px;
	width:1145px;
	margin:0 auto;
}
.left-client{
	width:20%;
	float:left;
	padding:1px;
}
.left-client img{
	width:100%;
}
.contact-form{
	width:550px;
	position: absolute;
    z-index: 9999;
    top:90px;
	left:0px;
	right:0px;
	margin:0 auto;
}
.input-name{
	width:100%;
	height:35px;
	float:left;
	margin-bottom:15px;
	padding-left:15px;
	color:#7b7979;
	font-size:13px;
	background:rgba(255, 255, 255, .5);
	font-family: 'minerva_modernregularregular';
	border:none;
	font-weight:bold;
}
.input-textarea{
	width:100%;
	height:70px;
	float:left;
	margin-bottom:15px;
	padding-left:15px;
	color:#7b7979;
	font-size:13px;
	background:rgba(255, 255, 255, .5);
	font-family: 'minerva_modernregularregular';
	border:none;
	font-weight:bold;
	padding-top:5px;
}
.submit-btn{
	width: auto;
	height:35px;
	float:left;
	margin-bottom:15px;
	padding-left:15px;
	color:#cfcfcf;
	font-size:12px;
	background:#4d4d4f;
	font-family: 'minerva_modernregularregular';
	border:none;
	font-weight:bold;
	text-transform:uppercase;
	padding:0px 25px;
	transition:all ease .3s;
}
.submit-btn:hover{
	background:#ea1e26;
}
.contact-bg{
	width:100%;
	height:662px;
	background:url(../images/zero-degree/contact-bg.html) no-repeat;
	background-size:cover;
}
.clients-bg{
	width:100%;
	height:662px;
	background: url(../images/zero-degree/clients-bg.html) no-repeat;
	background-size:cover;
}
.about-bg{
	width:100%;
	height:662px;
	background: url(../images/zero-degree/about-banner.html) no-repeat;
	background-size:cover;
}
.contact-left{
	width:49.5%;
	float:left;
	background:#fff;
	padding:35px 15px 15px 15px;
}
.margin-top-12{
	margin-top:12%;
}
.contact-head{
	font-family: 'minerva_modernregularregular';
	font-size:13px;
	width:100%;
	float:left;
	text-transform:uppercase;
	color:#3b3b3c;
	margin-bottom:100px;
	font-weight:bold;
	position:relative;
	text-indent:45px;
}
.contact-head:after{
	content: "";
    position: absolute;
    left:0px;
    top: -14px;
    width: 33px;
    height: 35px;
    background: url(../images/contact-lhead-icon.html) no-repeat;
}
.no-padding{
	padding:0px !important;
}
.margin-bottom-30{
	margin-bottom:30px;
}
.address-contact{
	font-family: 'minerva_modernregularregular';
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	color:#525151;
	width:100%;
	float:left;
	line-height:16px;
	position:relative;
	letter-spacing:1px;
}
.address-contact:after{
	content:"";
	position:absolute;
	left:40px;
	top:-50px;
	width:27px;
	height:35px;
	background:url(../images/address-icon.html) no-repeat;
}
.call-contact{
	font-family: 'minerva_modernregularregular';
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	color:#525151;
	width:100%;
	float:left;
	line-height:16px;
	position:relative;
	letter-spacing:1px;
}
.call-contact:after{
	content:"";
	position:absolute;
	left:40px;
	top:-50px;
	width:27px;
	height:35px;
	background: url(../images/call-icon1.html) no-repeat;
}
.contact-right{
	width:49.5%;
	float:right;
	background: rgba(255, 255, 255, 0.5);
	padding:35px 15px 15px 15px;
}
.contact-head1{
	font-family: 'minerva_modernregularregular';
	font-size:13px;
	width:100%;
	float:left;
	text-transform:uppercase;
	color:#3b3b3c;
	margin-bottom:30px;
	font-weight:bold;
	position:relative;
	text-indent:45px;
}
.contact-head1:after{
	content: "";
    position: absolute;
    left:0px;
    top: -8px;
    width: 36px;
    height: 35px;
    background: url(../images/enquiry-icon.html) no-repeat;
}
.top-menu-detail{
	position:fixed;
	top:0px;
	right:0px;
	left:0px;
	height:42px;
	background:rgba(88, 88, 90, .9);
	z-index:99999;
}
.padding-right-left-20{
	padding:0px 20px;
}
.res-menu-kochi{
	width:auto;
	float:left;
	padding-top:10px;
	cursor:pointer;
}
.close-new{
	top:20px !important;
	opacity:1 !important;
	position:relative;
	right:20px !important;
}
.close-new1{
	width:48px;
	height:38px;
	float:right;
	background:#ea1e26 !important;
	top:0px !important;
	right:0px !important;
	opacity:1 !important;
	position: absolute;
}
.footer-zero{
	position: fixed;
	bottom:15px;
	right:0px;
	left:0px;
	background: rgba(88, 88, 90, .9);
	height:42px;
	z-index:9999;
}
.footer-menu-bottom1{
	width:auto;
	float:left;
	position:relative;
	top:13px;
}
.footer-menu-bottom1::after{
	content:"";
	position:absolute;
	left:0px;
	top:-37px;
	background:url(../images/map-icon-white.html) no-repeat;
	width:56px;
	height:61px;
}
.footer-menu-bottom1 ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
	margin-left:12%;
    white-space: nowrap;
    display: flex;
}
.footer-menu-bottom1 ul li{
	float: left;
    background: url(../images/bottom-menu-right-white.html) no-repeat;
    background-position: 0px 3px;
}
.footer-menu-bottom1 ul li:first-child{
	background:none !important;
}
.footer-menu-bottom1 ul li a{
	float:left;
	font-family: 'minerva_modernregularregular';
	color:#fff;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	padding:0px 10px;
	text-decoration:none;
}
.footer-menu-bottom1 ul li a:hover{
	text-decoration:none;
	color:#fff;
}
.footer-zero-branding{
	position: fixed;
	bottom:-30px;
	right:20px;
	z-index:9999;
}
.wraper_full {
    width: 100%;
    height:662px;
    overflow:hidden;
    float: left;
    margin-top:0px;
}
.contact-me-form{
	width:635px;
	margin:0 auto;
}
.contact-me-form-in{
	width:100%;
	float:left;
	background:#fff;
	padding:30px;
	border:8px solid #ea1e26;
	margin-top:17%;
	position:relative;
}
.contact-me-text{
	width:100%;
	height:35px;
	border:1px solid #e2e2e2;
	float:left;
	margin-bottom:15px;
	color:#7b7b7b;
	padding-left:15px;
	font-family: 'minerva_modernregularregular';
	font-size:12px;
}
.contact-me-textarea{
	width:100%;
	height:70px;
	border:1px solid #e2e2e2;
	float:left;
	margin-bottom:15px;
	color:#bfbfbf;
	padding-left:15px;
	font-family: 'minerva_modernregularregular';
	font-size:12px;
	padding-top:10px;
}
.bg-text1-main:hover::after{
		-webkit-animation: spin 9s linear infinite;
    animation: spin 9s linear infinite;
	border:2px dashed rgba(255, 255, 255, 0.8);
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.bottom-bg-png{
	width:100%;
	height:290px;
	background:url(../images/all-bottom-bg.html) no-repeat;
	position:absolute;
	bottom:0px;
	z-index:9;
}











.wrapper_main{
	width:100%;
	float:left;
}




.siit_inner_contentwrap .innerpg_scrwrap {
    float: left;
    width: 100%;
    max-height: 230px;
}
.about-main-in{
	width:100%;
	float:left;
	text-align:center;
}
.margin-top-30{ margin-top:30px;}



.bg-left{
	position:absolute;
	left:50px;
	top:160px;
	right:0px;
}

.top-menu{
	width:100%;
	float:left;
	background: rgba(77, 77, 79, 0.57);
	height:70px;
	position:fixed;
	top:20px;
	left:0px;
	right:0px;
	z-index:99;
}





.wrapper-in{
	width:100%;
	float:left;
}








.img_responsive{
	max-width:100%;
	height:auto;
	width:100%;
}
.full_wrap
{
	width:100%;
	height:100%;
	background-color:#58585a;
	position:absolute;
}
.svg_full
{
	max-width:100%;
	opacity:0;
	max-height:100%;
	position:absolute;
	animation:hide 10s ease ;
	margin-top:-6px;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
}
.back_image
{
	width:100%;
	height:100%;
	float:left;
}
.back_image img
{
	width:100%;
	animation-delay:3s;
	animation:bnrshow 10s ease ;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	opacity:0;
	
}
.clr_image
{
	width:100%;
	float:left;
}
.clr_image img
{
	width:100%;
	animation-delay:3s;
	animation:clrshow 10s ease;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	position:absolute;
	z-index:1;
	top:0;
	opacity:1;
}

.near-clouds{
	
	    animation: shw_cld 7s ease;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.far-clouds{
	
	    animation: shw_cld 7s ease;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.gallery-hover-span.active .fadeinup{
	animation:fadeinup 2s ease;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
}

.gallery-hover-span.active .fadeindown{
	animation:fadeindown 2s ease;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
}

@keyframes fadeinup
{
	0%{opacity:0; transform:translateY(50px);}
	100%{opacity:1; transform:translateY(0px);}
}

@keyframes fadeindown
{
	0%{opacity:0; transform:translateY(-50px);}
	100%{opacity:1; transform:translateY(0px);}
}


.fp-section.active .fadeinup{
	animation:fadeinup 2s ease;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
}

.fp-section.active .fadeindown{
	animation:fadeindown 2s ease;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
}

@keyframes fadeinup
{
	0%{opacity:0; transform:translateY(50px);}
	100%{opacity:1; transform:translateY(0px);}
}

@keyframes fadeindown
{
	0%{opacity:0; transform:translateY(-50px);}
	100%{opacity:1; transform:translateY(0px);}
}


@keyframes shw_cld
{
	0%{opacity:0;}
	98%{opacity:0;}
	100%{opacity:1;}
}

@keyframes bnrshow
{
	0% { opacity:0;}
	20% { opacity:0;}
  80% { opacity: 1;}
  85%{opacity:0}
    100% { opacity:0;}
}
@keyframes hide
{
0% { opacity:1;}
	50% { opacity:1;}
	59% { opacity:0;}
  100% { opacity: 0;}
}
@keyframes clrshow
{
	0% { opacity:0;}
	55% { opacity:0;}
	65% { opacity:1;}
    100% { opacity: 1;}
	
}

#fp-nav li:first-child a span {
    background: transparent url(../images/siit_sprites.png) no-repeat -98px -11px !important;
    width: 20px !important;
    left: 4px;
    height: 20px !important;
    top: 4px;
}








@media only screen and (max-width: 1320px) {
.wrapper-main-in{ width:100%; float:left; padding:0px 15px;}
.body-in{ overflow-y:scroll !important;}
.about-right-text{ right:50px;}
}

@media only screen and (max-width: 1230px) {
.menu{ margin-left:2%;}
.siit_inner_contentwrap{
	width:55%;
	height:auto;
}
.about-right-text{font-size:26px;}
}
@media only screen and (max-width: 1100px) {
.menu{ margin-left:2%;}
.contact-top-menu{ margin-left:1%;}
.menu ul li{padding: 28px 5px;}
}
@media only screen and (max-width: 979px) {
.menu{ display:none;}
.bg-text1 {
    position: absolute;
    right: 0px;
    top: 140px;
    width: 430px;
    height: 430px;
    left: 0px;
    margin: 0 auto;
}
.siit_inner_contentwrap{ width:100%;}
.bg-left{ left:0px; width:100%; padding:0px 15px;}
.about-right-text {
    right: 0px;
    left: 0px;
    top: 15%;
    text-align: center;
    color: #b9b9b9;
}
.top-menu{ top:0px;}
.contact-left{ width:100%; margin-bottom:15px;}
.contact-right{ width:100%;}
.padding-right-left-30{ padding:0px 15px !important;}
}
@media only screen and (max-width: 639px) {
.left-logo img { width:145px;}
.contact-top-menu{ width:100%; margin-left:0%;}
.top-menu{ height:auto; height:95px;}
.res-menu {position: absolute; right: 15px; top:22px; padding-top:0px;}
.phone-number{ padding-top:15px; background-position: 0px 14px; margin-right:0%; position: absolute; right:215px;}
.email-top{ padding-top:15px; background-position: 0px 12px; position: absolute; right:15px;}
.about-right-text {top:18%;}
.bg-left{ top:180px;}
.siit_inner_contentwrap{padding: 0px 20px 0px 20px;}
}
@media only screen and (max-width:479px) {
.phone-number{text-indent: 22px; font-size: 12px; right: 200px; background-position: 0px 12px; text-indent: 24px;}
.email-top{ text-indent: 25px; font-size: 12px; background-position: 0px 11px; text-indent: 28px;}
.about-right-text { font-size:18px;}
}