@charset "utf-8";
/* CSS Document */
 
@font-face{
	font-family:"Babylon5";
	src:url("../fonts/Babylon5.ttf") format("truetype");
	font-weight:normal;
	font-style:normal;
	} 
	
	
@font-face{src:url(../fonts/Montserrat-Regular.ttf); font-family:Montserrat Regular;}
@font-face{src:url(../fonts/Montserrat-Bold.ttf); font-family:Montserrat;}
@font-face{src:url(../fonts/times.ttf); font-family:times;}

  

.icon{ position:fixed; top:50%; left:0; z-index:999;}
.icon .social ul li{ text-align:center; list-style:none; background:#F9B707; width:50px; height:50px; margin-bottom:3px; transition:1s;}
.icon .social ul li:hover{ background:#000;}
.icon .social ul{ padding-left:0;}
.icon .social ul li a{ padding:15px;  color:#fff; display:block;}

.sina-nav .sina-brand > img{ padding:5px 0;}
.sina-nav.navbar-fixed.navbar-freez{ background:rgba(255, 255, 255, .9); box-shadow:none;}
.sina-nav .sina-menu > li > a{ max-width:inherit; line-height:38px;}
.sina-nav.navbar-transparent .extension-nav > ul > li > a, .sina-nav.navbar-transparent .sina-menu > li > a{ color:#fff;}
.sina-nav.navbar-transparent .extension-nav > ul > li.active > a, .sina-nav.navbar-transparent .extension-nav > ul > li > a:hover, .sina-nav.navbar-transparent .extension-nav > ul > li > a:focus, .sina-nav.navbar-transparent .sina-menu > li.active > a, .sina-nav.navbar-transparent .sina-menu > li > a:hover, .sina-nav.navbar-transparent .sina-menu > li > a:focus{ color:#205797;  }
 
.extension-nav .top li a{font-family:PT Sans; font-size:14px !important; color:#fff!important;    text-transform:lowercase; border:1px solid #fff; padding:5px 10px; border-radius:5px; margin-right:10px;}
.extension-nav li a:hover{ color:#fff;} 
.sina-nav .extension-nav > ul > li > a{ padding:9px 12px; font-size:18px;}
.sina-nav .extension-nav{ margin:0; margin-top:20px; display:none;}
.sina-nav .sina-menu > li > a{ font-family:Montserrat; font-weight:700; font-size:13px; letter-spacing:1px;}

.sina-nav{top: 30px; position: absolute; background:none; border:0;}
 
.sina-nav .sina-brand{ height:80px;}
.sina-nav ul li a{}
.sina-nav.navbar-fixed{ position:absolute;}
.sina-nav .sina-menu{ float:right; text-align:center; display:inline-block;}

.sina-nav .widget-bar{ background:#fff;}
.sina-nav .widget-bar .widget .title{font-family:Montserrat; color:#fff; font-size:18px; font-weight:100;}
.sina-nav .widget-bar .widget .link li a:focus, .sina-nav .widget-bar .widget .link li a:hover{ color:#fff;}
.sina-nav .widget-bar .widget .link li a{ color:#fff; font-family:Montserrat Regular; font-size:12px; border-bottom:1px solid #0F2B4B; text-transform:inherit; line-height:36px;}
 


.sina-nav.navbar-fixed.navbar-freez{ box-shadow:0 -20px 23px #000;}
.homebanner{ background:url(../images/banner.jpg) no-repeat; background-position:bottom center; padding:310px 0; min-height:780px; background-size:cover;}

.sina-nav .widget-bar{ background:#080808;} 
.sina-nav .sina-menu .dropdown-menu li a{ color:#000; font-size:13px;}
.sina-nav .sina-menu .dropdown .dropdown-menu{ width:250px;}



/*==Banner==*/
a:hover{ text-decoration:none;}
.align-items-center{ padding:360px 15px;}
.align-items-center a{ color:#fff; font-size:24px;}
#myCarousel .carousel-item .mask {
    position: absolute;
    top: 0;
	left:0;
	height:100%;
    width: 100%;
    background-attachment: fixed;
}
#myCarousel h1{
	font-size:60px;
	margin-bottom:25px;
	color:#FFF;
	line-height:55px;
	font-family:Montserrat;
}
#myCarousel p{
	font-size:24px;
	font-family:Montserrat Regular;
	color:#fff;
	font-weight:100;
	margin:20px 0;
}
#myCarousel .btn{ font-family:Montserrat Regular; text-transform:uppercase; border:1px solid #fff; border-radius:0px; padding:15px 30px; margin:10px 0; font-size:12px;}
 
 
#myCarousel .carousel-item h4{-webkit-animation-name:fadeInLeft; animation-name:fadeInLeft;} 
#myCarousel .carousel-item p{-webkit-animation-name:slideInRight; animation-name:slideInRight;} 
#myCarousel .carousel-item a{-webkit-animation-name:fadeInUp; animation-name:fadeInUp;}
#myCarousel .carousel-item .mask img{-webkit-animation-name:slideInRight; animation-name:slideInRight; display:block; height:auto; max-width:100%;}
#myCarousel h4, #myCarousel p, #myCarousel a, #myCarousel .carousel-item .mask img{-webkit-animation-duration: 1s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.carousel-control-next, .carousel-control-prev{ width:6%; opacity:1;}
.carousel-control-next span, .carousel-control-prev span{display: block; font-family: Montserrat; letter-spacing:1px; text-transform: uppercase;  }
#myCarousel .carousel-item{height:100%; min-height:900px; }
#myCarousel{position:relative; z-index:1; background: linear-gradient(to left, #48D8AD 0%, #1B5395 100%);  background-size:cover; }
#myCarousel img{ display:block; }
.bnrimg { background:url(../images/banner.jpg);position:absolute; width:100%; overflow:hidden; height: 900px;background-size:cover;background-position:center;  opacity:.4;}

.bnrimg1 { background:url(../images/banner2.jpg);position:absolute; width:100%; overflow:hidden; height: 900px;background-size:cover;  opacity:.1;}

.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
	opacity: 1
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-right.active {
	opacity: 0
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}
@supports (transform-style:preserve-3d) {
	.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
	}
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

 
/*=====*/

/*==About Us==*/ 
.about{ padding:70px 0; }
.about h2{ font-family:times;  font-size:38px; color: #000; font-weight:700; padding-bottom:20px;}
.about h3{font-family:times; margin-left:10%;  font-size:38px; padding-bottom:20px;}
.about h3 .all{font-weight:700;}
.about h3 strong{ font-size:45px; color:#a60000;}
.about h3 .start{ font-style:italic; margin-left:250px;}
.about h3 .great-thing{ color:#000;}
.about h3 .small{ color:#a60000; font-size:38px;}

.about h4{ color:#1E5697; font-family:lora_i; font-weight:100; font-size:16px; }
.about p{ color:#555; font-size:13px; line-height:30px ; text-align: justify; font-family:Open Sans;}

.about a{ display:block;font-family:lora_i;}

.about-last{ padding:0 0 50px 0; text-align:center;position:relative;}
.about-last p{ font-size:20px; background:#f9f9f9; margin:auto; padding:50px; font-family:Open Sans; }

.pic1{ 
   background: rgba(0, 0, 0, 0) url("../images/pic.png") no-repeat scroll left top;
    display: inline-block;
    height: 126px;
    left: -10px;
    position: absolute;
    top: -23px;
    width: 411px;
}
.pic3{ 
   background: rgba(0, 0, 0, 0) url("../images/pic2.png") no-repeat scroll right top;
    display: inline-block;
    height: 126px;
    right: -7px;
    position: absolute;
    bottom: -21px;
    width: 411px;
}
 
 

.about-last-inner h3{ font-family:Montserrat; margin:10px 0;}
.about-last-inner p{ font-size:13px; color:#000; font-family:Open Sans; text-align:justify; margin:auto; padding:10px 0; line-height:28px;}
.about-last-inner .fa { font-size:30px;}  
 
.about-last-inner .box{ background:#f2f2f2; padding:20px; min-height:320px; margin-bottom:20px;}


.ourbrand{ padding:50px 0 30px 0; text-align:center; }
.ourbrand h4{color:#000; font-family:Montserrat; font-weight:700; font-size:38px;padding-bottom:0px;}
.ourbrand p{ font-family:Open Sans; font-size:18px; margin-bottom:40px;}
.ourbrand img{}

.about-last-inner1{position:relative; background:#f2f2f2; z-index:1; padding:30px 0; text-align:center;}

.about-last-inner1 .box{ background:#fff; padding:40px 10px;  min-height:180px; margin-bottom:10px;} 
.about-last-inner1 .box h4{ font-size:18px; letter-spacing:1px; font-family:Montserrat Regular; font-weight:100;}
.about-last-inner1 .box h4 span{ color:#225699; font-size:36px; display:block; font-family:Montserrat;}

.about-us-section{ background:#f8f8f8; padding:40px 0; font-family:Open Sans;}
.about-us-section h3{ margin-bottom:20px; }
.about-us-section h2{ font-family:Montserrat; margin:20px 0;}
.about-us-section p{ line-height:30px; font-size:14px; color:#000;}

/**********/

/*=====Infrastructure=======*/
.infrastructure{ padding:50px 0; background:#f5f5f5; position:relative}
.infrastructure h4{ color:#000; font-family:Montserrat; font-weight:700; font-size:38px;} 
 
.infrastructure .infra{ margin-bottom:20px;}
.infrastructure .infra:hover{background: linear-gradient(to left, #48D8AD 0%, #1B5395 100%);}
.infrastructure .infra:hover img{opacity:.5;}
.infrastructure p{position:absolute; color:#fff; font-size:14px;font-family:Montserrat; font-weight:700; text-transform:uppercase; z-index:10; width:100%; bottom:49%; left:0; text-align:center; display:none; margin-bottom:0; }
.infrastructure ul a{padding:8px 0px; color:#fff; font-size:14px;font-family:Montserrat; font-weight:700; text-transform:uppercase; z-index:10; display:none; }

.infrastructure ul{ padding-left:0; list-style:none; margin-bottom:40px;}
.infrastructure ul li a{ display:block; position:inherit; background:none; line-height:17px; color:#555; font-weight:100; font-size:12px;}
.infrastructure ul li a:hover{ color:#225699;}
 
 
.infrastructure .infra:hover p{ background:none; display:block; color:#fff;}

.leatherbag{ background:url(../images/leather-chemicla.jpg) no-repeat; width:100%; height:450px;background-size:cover; background-position:center;}
.paintbag{ background:url(../images/paint.jpg) no-repeat; height:200px; width:100%; background-size:cover;background-position:center;}
.watertbag{ background:url(../images/infra8.jpg) no-repeat; height:450px; width:100%;background-size:cover;background-position:center;}
.rubberbag{ background:url(../images/rubber-sheet.jpg) no-repeat; height:285px; width:100%;background-size:cover;background-position:center;}
.engineerbag{ background:url(../images/engneer.jpg) no-repeat; height:250px; width:100%;background-size:cover;background-position:center;}
.siliconbag{ background:url(../images/silicon.jpg) no-repeat; height:250px; width:100%;background-size:cover;background-position:center;}
.autocarebag{ background:url(../images/autocare.jpg) no-repeat; height:285px; width:100%;background-size:cover;background-position:center;}
.upcomingbag{ background:url(../images/infra6.jpg) no-repeat; height:450px; width:100%;background-size:cover;background-position:center;}



.infrastructure .infra a:hover div{opacity:.3;}
 


/*============*/

/*===news===*/
.news{ padding:50px 0;}
.news h2{text-align:center; font-family:Montserrat; font-weight:700; color:#225699; letter-spacing:1px;}
.news h3{ font-family:Open Sans; text-align:center; font-size:18px;color:#888; padding-bottom:40px;}
.news p{ font-family:Open Sans; font-size:13px; color:#888; text-align:justify;}
.news h4{font-family:Montserrat; font-weight:700; padding-bottom:5px; color:#000;}
.news .fa{ font-size:45px; color:#000; padding:25px;}

.news1{ padding-top:50px;}

/*===getintouch===*/ 
.getintouch{position:relative; z-index:1; background: linear-gradient(to left, #48D8AD 0%, #1B5395 100%); min-height:100%; text-align:center; padding:70px 0;}
.getintouch img{ display:block; }
.getintouch-bg{ background:url(../images/banner2.jpg); background-attachment:fixed; position:absolute; width:100%; overflow:hidden; height:100%;background-size:cover;  opacity:.1; top:0;}



.getintouch p{ font-family:Open Sans; color:#fff; margin:30px 0; font-size:24px;}
.getintouch h3{ font:30px Montserrat; color:#fff; padding:10px 40px; display:table; margin:auto; margin-bottom:20px; }
.getintouch .btn{ font-family:Open Sans; letter-spacing:1px; border:1px solid #fff; border-radius:0px; padding:10px 30px; margin:5px 0; font-size:14px; color:#fff;}



.footer{ background:#f1f1f1; padding:55px 0 35px 0; color:#000;}
.footer h5{ margin-bottom:35px; font-family:Montserrat; text-transform:uppercase; font-size:18px;}
.footer ul{ padding-left:0;}
.footer ul li{ list-style:none; line-height:30px;}
.footer ul li a{ color:#000;font-size:13px; font-family:Montserrat Regular;}
.footer p{ font-size:13px; font-family:PT Sans; font-family:Montserrat Regular;}
.footer tr td{ font-size:13px; font-family:PT Sans; padding:5px; color:#000;font-family:Montserrat Regular; vertical-align:top;}
.footer tr td .fa{ color:#000;}
.footer tr td a{ color:#000;}
.footer .social-circle{ padding-left:0;}
.footer .social-circle li{ float:left; list-style:none; margin-right:10px; }
.footer .social-circle li a { color:#fff;height:40px; width:40px; text-align:center; background:#F9B707;line-height:35px; display:block;}
.footer .social-circle li:hover{ background:#F9B707;}
.footer .social-circle li:hover a{ color:#000;}

.footer address{ color:#000;  }



.media{ background:#000; padding:15px 0; text-align:center; border-bottom:1px solid #333; }
.media a{ margin:auto 40px; font-family:Open Sans; color:#666; font-size:11px; letter-spacing:1px;}

.bg-last{ background:#000; padding:15px 0; text-align:center; }
.bg-last p{ color:#666; margin:0; font-family:Open Sans; font-size:11px; text-transform:uppercase; letter-spacing:1px;} 
.bg-last a{ color:#888; margin:0; margin-left:25px; font-family:PT Sans; font-size:14px;} 

/* ==contact us==*/ 
.contact{position:relative; z-index:1; background: linear-gradient(to left, #48D8AD 0%, #1B5395 100%); min-height:450px; text-align:center; padding-top:180px;  }
.contact img{ display:block; }
.contactbg{ background:url(../images/contact-banner.jpg); background-attachment:fixed; position:absolute; width:100%; overflow:hidden; height: 450px;background-size:cover; background-position:50% 50%;  opacity:.2; top:0;}

.contactbg-1{ background:url(../images/contact-banner.jpg); background-attachment:fixed; position:absolute; width:100%; overflow:hidden; height: 450px;background-size:cover; background-position:50% 50%;  opacity:.2; bottom:0;}

.leatherbnr{ background:url(../images/leather-banner-inr.jpg); background-attachment:fixed; position:absolute; width:100%; overflow:hidden; height: 450px;background-size:cover; background-position:50% 50%;  opacity:.2; bottom:0;}

.rubberbnr{ background:url(../images/rubber-banner-inr.jpg); background-attachment:fixed; position:absolute; width:100%; overflow:hidden; height: 450px;background-size:cover; background-position:50% 50%;  opacity:.2; bottom:0;}

.paintbnr{ background:url(../images/paintbnr.jpg); background-attachment:fixed; position:absolute; width:100%; overflow:hidden; height: 450px;background-size:cover; background-position:80% 100%;  opacity:.2; bottom:0;}

.waterprofing-bnr{ background:url(../images/waterprofing-bnr.jpg); background-attachment:fixed; position:absolute; width:100%; overflow:hidden; height: 450px;background-size:cover; background-position:50% 50%;  opacity:.2; bottom:0;}
.autobanner{ background:url(../images/autobanner.jpg); background-attachment:fixed; position:absolute; width:100%; overflow:hidden; height: 450px;background-size:cover; background-position:50% 50%;  opacity:.2; bottom:0;}

.engneer-banner{ background:url(../images/engneer-banner.jpg); background-attachment:fixed; position:absolute; width:100%; overflow:hidden; height: 450px;background-size:cover; background-position:50% 50%;  opacity:.2; bottom:0;}

.silicon-banner{ background:url(../images/silicon-banner.jpg); background-attachment:fixed; position:absolute; width:100%; overflow:hidden; height: 450px;background-size:cover; background-position:50% 50%;  opacity:.2; bottom:0;}

.upcomingbg{ background:url(../images/upcoming-banner.jpg); background-attachment:fixed; position:absolute; width:100%; overflow:hidden; height: 450px;background-size:cover; background-position:50% 50%;  opacity:.2; top:0;}




.contact1{position:relative; z-index:1; background: linear-gradient(to left, #48D8AD 0%, #1B5395 100%); min-height:450px; text-align:center; padding:140px 0;  }
.contactbg1{ background:url(../images/construction-banner.jpg); background-attachment:fixed; position:absolute; width:100%; overflow:hidden; height: 450px;background-size:cover; background-position:50% 50%;  opacity:.1; top:0;}

.contact1 p{font-size: 20px; font-family: lora_i; color: #fff; font-weight: 100; margin: 0px 0; text-align:justify;}
.contact1 h1{font-size:45px; font-family: Montserrat; color: #fff; font-weight: 700; padding:10px 0; }

.contact h2{font-size:36px; font-family:Montserrat; color: #fff; font-weight: 700;  padding:30px 0;}

.contact p{font-size: 20px; font-family: lora_i; color: #fff; font-weight: 100; margin: 0px 0; text-align:justify;}
.contact h1{font-size:45px; font-family: Montserrat; color: #fff; font-weight: 700;  padding:30px 0;}





.contact-content{ padding:80px 0;}
.contact-content .row{ margin-right:0;}
.contact-content .row .row{ margin:auto -15px;}
.contact-content h2,.contact-content h3{font-family: Montserrat;  font-size:20px; text-transform:uppercase;  padding-bottom:15px; color:#1B5495;}
.contact-content address{ padding:20px 0;}
.contact-content address tr td{ padding:5px; font-size:14px;font-family:Open Sans;color:#555;}
.contact-content address tr td a{color:#555;}
.contact-content label{ font-size:14px; font-family:Open Sans; color:#555;}
.contact-content .form-control{ border-radius:0;}
.contact-content .btn{background: #1B5395; border:0; border-radius:0; padding:15px 25px ; color:#fff; font-size:13px; font-family: Montserrat; text-transform:uppercase;}
.contact-content .mrgn{ padding:0 50px;}

.construction2 table{ background:#fff; margin:20px 0;} 
.construction2 table tr td{ font-size:13px;  font-family:Open Sans;}  

.leather{ padding-top:0 !important;}

/*==construction==*/
.breadcrumb {
    margin-bottom: 12px;
    list-style: none;
    display: inline-block;
    margin-top: 2px;
    background-color: rgba(0,0,0,.2);
    border-radius: 20px;
    padding: 13px 38px;
    line-height: 1;
}
.breadcrumb > li {
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    font-family: Montserrat;
}
.breadcrumb > li > a {
    display: inline-block;
    transition: all .3s;
    color: white;
}
.breadcrumb > .active {
    color: #fff;
}
.breadcrumb > li + li::before {
    content: '';
    display: inline-block;
    border-width: 4px 6px;
    margin-right: 15px;
    border-color: transparent;
    border-style: solid;
    margin-left: 9px;
    border-left-color: #FFF;
	
}




.construction{ padding:80px 0 50px 0; background:url(../images/banner3.png); background-attachment:fixed;}
.construction h3{font-family: Montserrat;  font-size:40px;  padding-bottom:55px;}
.construction h4{font-family: Montserrat;  font-size:30px;  padding-bottom:15px; color:#1B5495;}
.construction p{ color:#555; font-size:14px;text-align:justify; font-family:Open Sans; line-height:30px;}
.construction h5{font-family: Montserrat; padding:10px 0;}
.construction ul{ padding-left:0; list-style:none;font-family:lora_i; line-height:42px; color:#555; font-size:16px;}
.construction h1{font-family: Montserrat; font-size: 30px; padding-bottom: 15px; color: #1B5495; }

.construction .crd{ margin-top:150px;}

.construction1{ padding:50px 0; background:url(../images/cement-bg.jpg); background-attachment:fixed; background-size:cover;}
.construction1 p{ text-align:justify; line-height:30px; font-family:Open Sans;}

.box-center{ padding-top:50px ; vertical-align:middle;}
.box-center1{ padding-top:30px ; vertical-align:middle;}

.construction1 h3{font-family: Montserrat;  font-size:40px;  padding-bottom:55px;}
.construction1 h4{font-family: Montserrat;  font-size:30px; text-transform:uppercase;  padding-bottom:15px; color:#fff;}
.construction1 p{ color:#fff; font-size:14px;text-align:justify; font-family:Open Sans;}
.construction1 h5{font-family: Montserrat; padding:10px 0; color:#000;}
.construction1 ul{ padding-left:0; list-style:none;font-family:lora_i; line-height:42px; color:#fff; font-size:16px;}

.construction2{ padding:50px 0;}
.construction2 h3{font-family: Montserrat;  font-size:40px;  padding-bottom:55px;}
.construction2 h4{font-family: Montserrat;  font-size:30px;  padding-bottom:15px; color:#1B5495;}
.construction2 p{ color:#555; font-size:14px;text-align:justify;}
.construction2 h5{font-family: Montserrat; padding:10px 0;}
.construction2 ul{ padding-left:0; list-style:none;font-family:Open Sans; line-height:42px; color:#555; font-size:16px;}


.construction3{ padding:50px 0;background:linear-gradient(to left, #48D8AD 0%, #1B5395 100%);}
.construction3 h3{font-family: Montserrat;  font-size:40px;  padding-bottom:55px;}
.construction3 h4{font-family: Montserrat;  font-size:30px;  padding-bottom:15px; color:#fff;}
.construction3 p{ color:#fff; font-size:14px;text-align:justify; font-family:Open Sans;}
.construction3 h5{font-family: Montserrat; padding:10px 0;}
.construction3 ul{ padding-left:0; list-style:none;font-family:lora_i; line-height:42px; color:#fff; font-size:16px;}

.construction4{ padding:50px 0;}

.construction4 h1{font-family: Montserrat; font-size: 30px; padding-bottom: 15px; color: #1B5495; }

.construction4 h3{font-family: Montserrat;  font-size:40px;  padding-bottom:55px;}
.construction4 h4{font-family: Montserrat;  font-size:30px;  padding-bottom:15px; color:#1B5495;}
.construction4 p{ color:#555; font-size:14px;text-align:justify; font-family:Open Sans; line-height:24px; padding-bottom:15px;}
.construction4 h5{font-family: Montserrat; padding:10px 0;}
.construction4 ul{ padding-left:0; list-style:none;font-family:Open Sans; line-height:32px; color:#555; font-size:14px;}

.leather .btn-info{background: #1B5395; border:0; border-radius:8px; padding:10px 25px; margin-bottom:20px;}
.paint .btn-info{background:#1B5395; border:0; border-radius:8px; padding:10px 25px; margin-bottom:20px;}

.paint{ background:#f5f5f5;}

.construction4 table{ font-family:Open Sans;}
.construction4 table tr th{ font-weight:700 !important;}

.amazon{background:#1B5395; color:#fff; font-family:Open Sans; paddin:5px 20px; margin-bottom:10px;}
 
.amazon:hover{ color:#000;}

.brochure {background:#1B5395; color:#fff; font-family:Open Sans; paddin:5px 20px; margin-bottom:10px;}
.brochure i { color:#fff; width:20px; height:20px; line-height:20px; border-radius:3px; text-align:center;}
.brochure:hover{ color:#fff;}

.construction4 h5 .tylics{ font-family:Babylon5 !important;}

.construction4 .col-md-6 .row .col-sm-5 .img-fluid{ border-radius:0px; margin-bottom:20px;}


@media (max-width: 1024px)
{
.sina-nav.navbar-transparent .extension-nav > ul > li > a, .sina-nav.navbar-transparent .sina-menu > li > a{ color:
#fff; font-size:18px;}
.getintouch h3{ width:100%;}
.carousel-control-next, .carousel-control-prev{ width:9%;}
.sina-nav.mobile-sidebar .navbar-collapse{ background:#000;} 
.sina-nav .navbar-collapse{ border:0;}
.sina-nav.mobile-sidebar .sina-menu{ padding:0; width:100%;}
.infrastructure p{ font-size:12px; letter-spacing:1px;}
.sina-nav .sina-menu{ text-align:left;}
.sina-nav .sina-menu .dropdown .dropdown-menu{ width:100%;}

}  
@media (max-width: 767px)
{
body{ overflow-x:hidden;}
 .media a{ margin:auto 25px;}
 .getintouch-bg{ min-height:100%;}
 .infrastructure .img-fluid{ width:100%;}
 
}  
@media (max-width: 600px)
{
.about h3 .start{margin-left:0;}
.about h3{ text-align:center;}
}

@media screen and (min-width: 768px) and (max-width: 991px) 
{
 
.infrastructure ul{	margin-bottom: 0px!important;}
 
.news .fa{ padding:0;}

}
 

@media screen and (min-width: 320px) and (max-width: 767px) {
 
.news p{text-align: justify;}
		
}
 @media screen and (min-width: 992px) and (max-width: 1199px) 
{
 
.infrastructure ul{margin-bottom: 25px!important;}

	.infrastructure h4{ margin-bottom:4px; font-size:35px;}
} 

 

 
@media screen and (max-width: 1033px)
{
 .sina-nav-header .navbar-toggle{  }
 .footer tr td a{ font-size:12px;}
 .sina-nav .navbar-toggle:hover, .sina-nav .navbar-toggle:focus{ background:none;}
 .sina-nav .sina-menu .dropdown-menu li a{ color:#fff;}
}
 
 /* =============== Return to top Button ========== */

#return-to-top {position: fixed; bottom: 50px; right: 50px; background: rgba(255, 255, 255, 0.5); border:0; width: 40px;  height: 40px;  display: block; text-decoration: none;   display: none; box-shadow:1px 3px 7px 0px rgba(0,0,0,0.2); -webkit-transition: all 0.3s linear;  -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-animation-name: hvr-wobble-vertical; animation-name: hvr-wobble-vertical;  -webkit-animation-duration: 2s;  animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;  -webkit-animation-iteration-count: infinite;  animation-iteration-count: infinite;   z-index:9999; text-align:center; line-height:40px;}

#return-to-top:hover {background: #FFf;}
#return-to-top i { color: #000; margin: 0; position: relative;  font-size: 19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;  transition: all 0.3s ease; }

#return-to-top:hover i{ color: #000; margin-top:8px;  }

/*===============*/