/*------------------------------------------------------------------
Project: CHEMETECH - one-page template
Version:	1.0
Primary use:	One page
-------------------------------------------------------------------*/

/* main font for menu. */
@import url(http://fonts.googleapis.com/css?family=Raleway:100,300,400,500,700,900);
/* font for headings, text, tags */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800);

/*--------------------
Color customizations
change these colors to change overlays
--------------------*/

.mz-module:hover .ot-circle.color1 {
	color: #f00013;
}
.mz-module:hover .ot-circle.color2 {
	color: #f00013;
}
.mz-module:hover .ot-circle.color3 {
	color: #f00013;
}
.mz-module:hover .ot-circle.color4 {
	color:#f00013;
}

/*--------------------
1. General
--------------------*/

.container{ width:1200px; max-width:100%;}

.container_in{
	width:1200px;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;}

body {
	margin: 0px;
    font-family: 'Hind Guntur', sans-serif;
    font-family: 'Hind', sans-serif;


}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 300;
	letter-spacing: 0.4px;
	font-family: "Raleway", Sans-serif;
	color: #232323;
}

p {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 23px;
	letter-spacing: 0.2px;
	color: #444444;
}

a:hover, a:focus, a:active, a.active {
	color: #fec503;
}
a, a:hover, a:focus, a:active, a.active {
	outline: 0;
}

.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

::selection {
	text-shadow: none;
	background:#f00013;
}

@media (min-width: 768px) {
	section {
		padding: 150px 0;
	}
}

section {
	padding: 70px 0;
}

ul {
	padding-left: 0;
	padding-top: 10px;	
}

ul li {
    list-style: none;
    padding-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0.2px;
    color: #000000;
}

.lists {
    list-style: none;
    padding-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0.2px;
    color: #FFFFFF;
}

section ul li:before {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: inherit;
	content: "\f105";
	padding-right: 7px;
	color: #23AD21;
}

/*--------------------
1.1 Reset bootstrap
--------------------*/

/*--------------------
MY STYLE START HERE
--------------------*/

.w3-modal-content .form-group{width:45%; display:inline-block; margin-right: 5px; margin-left: 5px;}
#reused_form{ text-align: center; padding-top:15px; }

.form-group-5{ clear: both; }
.form-group-5 .form-control {
        background: none !important;}

 .pull-right {
 display: block !important;
    margin-left: auto;
    margin-right: auto;
    float: none !important;}

   .w3-container, .w3-panel {
    padding-bottom: 30px !important;}

    .w3-display-topright{ background-color: #fff !important;}   

   .form-control {
    background-color: #ececec}

   .form-control {
    color: #929292 !important;}   

  .btn_in{ width: 110px;
    display: block;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    background-color: #f00013;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 7px;
    margin-top: 10px;
    font-family: 'Hind', sans-serif;
border:none;}   

#reused_form .form-group {
    margin-top: 5px;}  

/*--------------------
MY STYLE END
--------------------*/

.row-0-gutter {
    margin-left: -13px;
    margin-right: -13px;
}

.col-0-gutter {
	padding-left: 0;
	padding-right: 0;
}

/*--------------------
Social Icon Start
--------------------*/

.icon-button {
  border:2px solid #eff2f4;
	border-radius: 3.6rem;
	cursor: pointer;
	display: inline-block;
	font-size:16px;
	height:30px;
	line-height: 3rem;
	margin: 0 5px;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	width:30px;
}

/* Circle */
.icon-button span {
	border-radius: 0;
	display: block;
	height: 0;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 0;
}
.icon-button:hover span {
	width:30px;
	height:30px;
	border-radius: 3.6rem;
    margin: -1.5rem;
	color:#fff;
	background-color:#eff2f4;
}


/* Icons */
.icon-button i {
	background: none;
	color: white;
	height:30px;
	left: 0;
	line-height: 2rem;
	position: absolute;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width:30px;
	z-index: 10;
	    left:-2px !important;
	top:3px;}

.icon-button:hover i{color:#001b3e;}


/*--------------------
Social Icon End
--------------------*/

/*--------------------
2. Navigation
--------------------*/

.navbar-default {
	background-color:#001b3d !important;
	border-color: transparent;
	height:110px;
}

.top_bar{
	background-color:#eff2f4;
	width:1200px;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	border-radius:10px;
}

.navbar-default .navbar-brand {
	color: #fff;
	font-family: "Open Sans",sans-serif;
	padding: 0px;
	margin-left: 10px;
}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:active,.navbar-default .navbar-brand.active {
	color: #fec503
}
.navbar-default .navbar-collapse {
	border-color: rgba(255,255,255,.02)
}
.navbar-default .navbar-toggle {
	background-color: #001b3d ;
	border-color: #001b3d ;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff
}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
	background-color:#f00013
}
.navbar-default .nav li a {
    font-family: 'Hind', sans-serif;
	text-transform: uppercase;
	font-size: 15px;
	font-weight:400;
	letter-spacing: 1px;
	color: #001c3f;
}

.nav > li > a{ padding-left:0px;
padding-right:0px;}

.navbar-nav > li {
    padding-left: 18px;
    padding-right:18px;}
.navbar-default .nav li a:hover,.navbar-default .nav li a:focus {
	color: #001c3f;
	outline: 0;
	font-weight:600;
    font-family: 'Hind', sans-serif;
	background-image:url(../images/nav_line.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}

.navbar-default .navbar-nav>.active>a {
	border-radius: 0;
	color: #001c3f;
	background-color:#f00013
}
.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {
	color: #fff;
	background-color: #fec503
}

.navbar-shrink .header_top{ display:none !important;}

.navbar-shrink .nav li a {
    font-size: 14px;
padding-top:12px;
padding-bottom:6px;}
	
.navbar-shrink .navbar-brand {
    margin-top: 0px !important;
	padding-top: 4px;}
	
.navbar-shrink .navbar-right{ padding:0px;}	
.navbar-shrink .navbar-brand > img {
    width: 140px;}
	
.navbar-shrink .top_bar {
    background-color: #eff2f4;}	


@media (min-width:768px) {
	.navbar-default
	{
		background-color: rgba(255, 255, 255, 0.65);
		padding: 5px 0;
		-webkit-transition:padding .3s;
		-moz-transition:padding .3s;
		transition:padding .3s;
		border:0
	}
	.navbar-default .navbar-brand {
		font-size: 2em;
		-webkit-transition:all .3s;
		-moz-transition:all .3s;
		transition:all .3s;
		margin-top: 10px;
	    margin-left: 10px;
	}
	.navbar-default .navbar-nav>.active>a {
		border-radius: 3px
	}
	.navbar-default.navbar-shrink {
		background-color: #eff2f4 !important;
    border-bottom: 1px solid #001c3e;
    /*padding: 5px 0;*/
    height: auto;
	padding-top:5px;
	padding-bottom: 0px;

}
	}
	.navbar-default.navbar-shrink .navbar-brand {
		font-size: 1.5em;
		margin-top: 10px;
		
	}
}

/*--------------------
 Header Top Bar
--------------------*/

.clearme{ clear:both; font-size:0px;}

.header_top{
	padding-top:16px;
	padding-bottom:18px;
	padding-bottom: 13px;}

.top_left{
	float:left;
	 text-align:right;}

.top_right{
	float:right;
	 text-align:right;
	     padding-top: 5px;}

.top_right a{ color:#eff2f4; padding-right:13px; font-size: 15px !important;}
.top_right a i{ padding-right:8px;}

/*--------------------
 Header Top Bar End
--------------------*/

/*--------------------
3. Header
--------------------*/

header {
    margin-top: 80px;
}

.owl-nav{ display:none;}

.owl-slider-item {
	position: relative;
	background-color: #001c3f;
}
.owl-slider-item img {
	opacity: 0.7;
}
.owl-slider .owl-controls {
	position: absolute;
	left: 0;
	top: 38%;
	width: 100%;	
}

.owl-slider .owl-controls .owl-nav [class*=owl-] {
	padding: 30px 40px;
	background: rgba(0, 0, 0, 0.26);
	border-radius: 0;
	margin: 0;
	font-size: 30px;
	z-index: 1000;
}

.owl-slider .owl-controls .owl-nav [class*=owl-]:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
}

.owl-slider .owl-controls .owl-prev {
	float: left;
}

.owl-slider .owl-controls .owl-next {
	float: right;
}

/*.intro-text {
	padding-top: 100px;
	padding-bottom: 50px;
	position: absolute;
	top: 50px;
    text-align: center;
	transform: translateX(-50%);
	left: 50%;
}*/

.intro-text{ text-align:center;}

.slider_img{
	background-position:top center;
	background-repeat:no-repeat;
	position:relative;}

.slider_img:before{
	content:"";
	position:absolute;
	background-color:#ff6600;
	background-color: rgba(0, 28, 63, 0.4);
	top:0px;
	height:100%;
	width:100%;}


.intro-text{ position:relative; z-index:99999}

.owl-carousel .owl-item {    height: 555px;}

.slider_img{ height:550px;}

.intro-text h1 {
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	color:#eff2f4 !important;
	font-size:60px;
	font-weight:700;
	position:relative;
	font-family: 'Hind Guntur', sans-serif;}
	
.intro-text h1:before	{
		content:"";
		position:absolute;
		background-color:#eff2f4;
		height:1px;
		width:50%;
		left:0px;
		right:0px;
		bottom:0px;
		display:block;
		margin-left:auto;
		margin-right:auto;}
	
.intro-text p {
	margin:0px;
	padding:0px;
	color:#eff2f4 !important;
	font-size:16px;
	font-weight:600;
	padding-top:15px;
	font-family: 'Hind Guntur', sans-serif;}	
	
.slider_btn a{
	color:#f00013;
	font-size:16px;
	font-weight:600;
	line-height:inherit;
	text-transform:capitalize;
	background-color:#eff2f4;
	width:120px;
	border-radius:5px;
	padding-top:10px;
	padding-bottom:5px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	font-family: 'Hind Guntur', sans-serif;}

a:hover{
	text-decoration:none;}		

.slider_btn a:hover{
	background-color:#f00013;
	color:#fff;}

@media (min-width: 768px) {
	.intro-text {
		padding-top:200px;
		padding-bottom:200px;
    }
}


/*--------------------
4. Sections
--------------------*/


.section-title h2:before{
	z-index: 1;
	width:98px;
	height:1px;
	content: " ";
	bottom: -10px;
	left:0px;
	right:0px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	position: absolute;
	background: #f00013;}

.section-title h2 {
	font-size:25px;
	color: #001c3f;
	font-weight: 900;
	letter-spacing: -0.6px;
	position: relative;
	margin: 0 0 50px 0;
	font-family: 'Hind Guntur', sans-serif;
	padding-bottom:5px;
	text-transform:uppercase;
	letter-spacing:2px;
}

.section-title h2:after {
	z-index: 1;
	width:197px;
	height:1px;
	content: " ";
	bottom: 0px;
	left:0px;
	right:0px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	position: absolute;
	background: #001c3f;
}

.section-title p {
	font-size: 18px;
	font-weight: 300;
	line-height: 31px;
	margin: 20px 100px 60px 100px;
}


/*--------------------
4.1. About
--------------------*/



#about{ padding-bottom:0px;}

.about_left img{ border-radius:15px;
box-shadow:#ebebeb -18px 2px 25px;
position:relative;
z-index:999;
width:100%;
height: 410px;}

.about_right{
	background-color:#fafbfc;
	box-shadow: #ebebeb 0px 0px 50px;
	border-bottom-right-radius:20px;
	border-top-right-radius:15px;
	margin-top:20px;
	padding:30px 30px 35px 35px;
	margin-left: -18px;}
	
.about_right h3{
	margin:0px;
	padding:0px;
	color:#001c3f;
	font-size:22px;
	font-weight:bold;
	padding-bottom:10px;
	font-family: 'Hind Guntur', sans-serif;}
	
.about_right p{
	margin:0px;
	padding:0px;
	color:#001c3f;
	font-size:13px;
	line-height:22px;
	font-weight:400;
	padding-bottom:10px;
	text-align:justify;
	font-family: 'Hind', sans-serif;}
	
.btn_red a{
	width:110px;
	display:block;
	color:#fff;
	border-radius:4px;
	font-size:14px;
	font-weight:600;
	background-color:#f00013;
	text-align:center;
	padding-top:8px;
	padding-bottom:7px;
	margin-top:10px;
	font-family: 'Hind', sans-serif;}	
	
.btn_red a:hover{
	text-decoration:none;
	background-color:#001b3e;
	color:#fff;}			



/*--------------------
4.2. services
--------------------*/

.clearme{ clear:both; font-size:0px;}

#services{
	padding:0px;
	padding-top:60px;}

.images-area{
	background-repeat:no-repeat; background-repeat:no-repeat; background-size:cover;}
	
.services_img img{
	width:100%;
	display:none;}	
	
#services h3{
	margin: 0px;
padding: 0px;
color: #fff;
font-size: 22px;
font-weight: bold;
padding-bottom: 10px;
font-family: 'Hind Guntur', sans-serif;}	

#services p{margin: 0px;
    padding: 0px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding-bottom: 18px;
    text-align: justify;
    font-family: 'Hind', sans-serif;}
	
	
.background_section	{ padding:35px 25px 15px 18px}
{padding-top: 35px;}



/*--------------------
4.2. Skills
--------------------*/

.section-text h3 {
	margin: 0 0 30px;
	font-weight: 800;
	color: #5D5D5D;
}

.section-text h4 {
    margin: 0 0 20px;
    font-weight: 700;
    font-size: 17px;
}

.dark-bg .section-text h3 {
	color: #dfdfdf;
}

.dark-bg .section-text h4 {
	color: #dfdfdf;
}

/*--------------------
4.3. Career
--------------------*/

#career{
	background-image:url(../images/Skills_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	margin:0px;}

.career_in{
     background: -moz-linear-gradient(179deg, rgba(0,0,0,0.45) 0%, rgba(17,35,55,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(17,35,55,1)), color-stop(100%, rgba(0,0,0,0.45))); /* safari4+,chrome */
    background: -webkit-linear-gradient(179deg, rgba(0,0,0,0.45) 0%, rgba(17,35,55,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(179deg, rgba(0,0,0,0.45) 0%, rgba(17,35,55,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(179deg, rgba(0,0,0,0.45) 0%, rgba(17,35,55,1) 100%); /* ie10+ */
    background: linear-gradient(271deg, rgba(0,0,0,0.45) 0%, rgba(17,35,55,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#112337', endColorstr='#000000',GradientType=1 ); /* ie6-9 */ 
	text-align:center;
	padding: 35px 45px 30px 45px;}
	
.career_in h3 {
    margin: 0px;
    padding: 0px;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 10px;
    font-family: 'Hind Guntur', sans-serif;}	
	
.career_in p{margin: 0px;
padding: 0px;
color: #fff;
font-size: 14px;
line-height: 20px;
font-weight: 400;
padding-bottom: 18px;
text-align:center;
font-family: 'Hind', sans-serif;}	

/*--------------------
4.4. Dark Short section (counters, quote, etc)
--------------------*/

.dark-bg {
	background-color: #333231;	
	color: #fff;
}

.short-section {
	border-top: 1px solid #5D5D5F;
	border-bottom: 1px solid #5D5D5F;
	padding-top: 70px;
	padding-bottom: 70px;
}

.counter-item h2 {
	color: #fff;
	font-size: 60px;
	font-weight: 900;
}

.counter-item h6 {
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	margin: 10px 0 0 0;
	text-transform: uppercase;
}

/*--------------------
4.5. Partners Slider 
--------------------*/

.owl-dots{ display:block !important; width:110px; background-color:#eff2f4; border-radius:30px;
margin-left:auto;
margin-right:auto;
position: relative;
margin-top: -70px;
height:35px;
padding-top:10px;}

.owl-portfolio .owl-controls {
	position: absolute;
	left: 0;
	top: 38%;
	width: 100%;	
}

.owl-portfolio .owl-controls .owl-nav [class*=owl-] {
	padding: 8px 17px;
	background: rgba(0, 0, 0, 0.18);
	border-radius: 0;
	margin: 0;
	font-size: 20px;
	z-index:1000;
}

.owl-portfolio .owl-controls .owl-nav [class*=owl-]:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
}

.owl-portfolio .owl-controls .owl-prev {
	float: left;
}

.owl-portfolio .owl-controls .owl-next {
	float: right;
}

.owl-portfolio-item {
	text-align: center;
	display: inline-block;
}

.partner-logo {
	height: 80px;
	text-align: center;
	display: inline-block;
}

.partner-logo img {
	height: 100%;
	width: auto !important;
}

.owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #FCBE03;
}

.owl-theme .owl-dots .owl-dot span {
	width:16px;
	height:16px;
	background-color:#fff;
	border:#586994 2px solid;
	margin:0px;
	margin-left:2px;
	margin-right:2px;}

.owl-nav{ display:none;}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	border:none;
	background-color:inherit;
		background-image:url(../images/slider_dotted.png);

	background-repeat:no-repeat;
	background-position:center;
}


/*--------------------
4.7. Contacts
--------------------*/

#contact{ background:none !important;}

.form-control{
	background-color: #eff2f4;
border: none;
border-radius:20px;
font-size: 14px;
height:42px;
color:#a6a6a6 !important;
box-shadow: none !important;
font-family: 'Hind', sans-serif;}

textarea.form-control {
    height: 75px;
    border-radius:18px;}
	
.form-group {
    margin-top: 13px;}
	
.footer_text h4{
	margin:0px;
	padding:0px;
	padding-bottom:8px;
	color:#001c3f !important;
	font-size:15px;
	font-weight:700;
	font-family: 'Hind Guntur', sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;}


.footer_text h6{
	margin:0px;
	padding:0px;
	color:#001c3f;
	font-size:15px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:2px;
	padding-top: 8px;
padding-bottom: 11px;
	font-family: 'Hind Guntur', sans-serif;}

.footer_text p{
	color:#001c3f !important;
	font-size:15px;
	font-weight:400;
	font-family: 'Hind', sans-serif;}	
		
.footer_text i{ margin-right:6px}	
.footer_text a{ color:#001c3f; font-family: 'Hind Guntur', sans-serif; font-weight:500;display: block;
margin-bottom: 8px; }		

.social_icon a{ display:inline-block;}



.social_icon .icon-button {
    border: 2px solid #001c3f;}

.social_icon .icon-button i {
    color: #001c3f;}
	.footer_1{border-left:#001c3f solid 1px;}
	
.icon-button:hover span {
	background-color:#001c3f;
	color:#fff;}
	
.icon-button:hover i{ color:#fff}		
	
.footer_form{ padding-right:30px;}	


/*--------------------
5. Footer
--------------------*/

footer {
	padding:20px;
	background-color: #001c3f;	
}

footer p {
	color: #fdfdfd;
	margin: 0;
	font-size: 14px;
	font-weight:800;
	text-transform:capitalize;
	letter-spacing: 1px;
    font-family: 'Hind Guntur', sans-serif;
}

footer p a {
	color: #fdfdfd;
}

footer p  span {
	color:#f00013 !important;
	font-size:14px;
	letter-spacing:1px;
	text-transform: uppercase;
}

/*--------------------
6. Modal
--------------------*/

.modal-content {
	border-radius: 0;	
}
.modal-header .close {
	font-size: 30px;	
}
.modal-title {	
	text-transform: uppercase;
	font-size: 23px;
}

.modal-body {
	padding: 0;
}

.modal-body p {
	margin: 30px 20px;
	color: #2D2D2D;		
}

.modal-works {
font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 500;
	color: #fff;
	margin: 25px 20px;
}

.modal-works span {
	background-color:#f00013;
	margin-right: 15px;
	padding: 5px 10px;
}

/*--------------------
7. Components
--------------------*/

.btn-xl:hover, .btn-xl:focus, .btn-xl:active, .btn-xl.active, .open .dropdown-toggle.btn-xl {
	color: #fff;
	background-color: #f00013;
	border-color:#f00013;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .open .dropdown-toggle.btn {
	color: #fff;
	background-color:#f00013;
	border-color:#f00013;
}

.btn {
	display: inline-block;
	padding:7px 30px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0px;
	background-color: #001c3f;
	border-radius:30px;
	font-family: 'Hind', sans-serif;
	padding-top:8px;
font-size: 15px;

font-weight: 600;
}

.btn-xl {
color: #fff;
    background-color: #FCBE03;
    /* border-color: #726FB9; */
    font-family: "Open Sans",sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    border-radius: 0;
    letter-spacing: 2px;
    font-size: 16px;
    padding: 17px 45px;
}

/* Back to top button
---------------------------------- */
#back-top {
	position: fixed;
	z-index: 1000;
	bottom: 40px;
	right: 50px;
}
#back-top a {
	width: 60px;
	height: 60px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
	background: #A9A9B1;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	background:#f00013;
}
/* arrow icon (span tag) */
#back-top i {
	margin-top: 15px;
	font-size: 28px;
}

@media only screen
and (min-width : 320px)
and (max-width : 480px) {
#back-top {
	position: fixed;
	bottom: 10px;
	right: 30px;
}
#back-top a {
	width: 40px;
	height: 40px;
}
#back-top i {
	margin-top: 7px;
	font-size: 20px;
}
}



	
@media only screen and (max-width:1199px), only screen and (max-device-width:1199px) {	

	
.about_right{
	margin-top:20px;
	 padding: 30px 15px 35px 15px;}	
	

.services_img{ float:left; width:50%;}

.background_section{ float:left; width:50%;}



}
	
	

@media only screen and (max-width:991px), only screen and (max-device-width:991px) {
	
.images-area {
    background-size: auto;}	
	
/*
.services_img{
	margin:0px !important;
	padding:0px !important;}
	
.images-area{
	background:none !important}	
	
.services_img img{
	display:block;
	margin:0px;
	padding:0px;}*/		
	
		
.about_left img{
	height:auto;}	

.owl-dots {
    margin-top: -150px;}
.intro-text h1 {font-size: 50px;}

.slider_img {
    height: 480px;}
	
.intro-text {
    padding-top: 170px;}	

.intro-text h1::before {
    width: 500px;}

.about_right{
	border-radius:15px;
	margin-left: 0px}
	
.intro-text p {
    font-size: 14px;}	
	
	
footer {
    padding: 10px;}	
.career_in {
    padding: 30px 10px 30px 10px;}	
	
	
.footer-map{
	margin-top:25px;
	text-align:center;}	
		
.footer_form{ padding-bottom:15px; border-bottom:2px dotted #001c3f; text-align:center;}

.footer_1{ padding-top:20px; padding-bottom:15px; border-left:inherit; text-align:center; border-bottom:2px dotted #001c3f}

.services_img{ float:none; width:100%; height:200px; margin-top:40px;}

.background_section{ float:none; width:100%;}

#career{ margin-top:60px;}


.navbar-nav > li {
    padding-left: 10px;
    padding-right: 10px;}
	
.navbar-default .nav li a {font-size: 14px;}	



}


@media only screen and (max-width:800px), only screen and (max-device-width:800px) {	


.navbar-default .nav li a {

    font-family: 'Hind', sans-serif;
    text-transform: uppercase;
    font-size: 13px;}

@media only screen and (max-width:767px), only screen and (max-device-width:767px) {
	

	
	
.slider_btn a {font-size: 13px;
    width: 113px;}	
.owl-dots {
    margin-top: -175px;}	
	
.slider_img {
    height: 450px;}		
.intro-text h1::before {
    width: 70%;}
.intro-text h1 {
    font-size: 35px;}
	
.intro-text p {
	line-height: 20px;
    font-size: 13px;}	

.top_bar{
	padding:10px;}
	
.header_top {
    padding-top: 10px;
    padding-bottom: 5px;}	
	
.navbar-default .nav li a {
    font-size: 16px;}	
	
.navbar-default .nav li{ border-bottom:1px solid #f00013; padding:0px; padding-top:5px; padding-bottom:5px;}	

.navbar-shrink {
    height: inherit;}
	
.navbar-shrink .top_bar {
    border-radius: initial; 
    padding: 5px;}
	
.navbar-default .navbar-brand {
    margin-left: 0px;}	
	
.navbar-default .navbar-toggle {
    margin-right: 0px;}	
		


}

@media only screen and (max-width:550px), only screen and (max-device-width:550px) {

.icon-button {
    margin: 0px 1px;}
}

@media only screen and (max-width:500px), only screen and (max-device-width:500px) {
	
.intro-text h1 {
    font-size:28px;}
	
.intro-text p {
    font-size:12px;}		
	
.top_right a {
    font-size: 14px !important;}	
	
.top_left{
	float:none;
	width:100%;
	text-align:center;}

.top_right{
	float:none;
	width:100%;
	text-align:center;}	
		
	
.navbar-brand > img {
    width: 160px;
    padding-top: 4px;}		



}

@media only screen and (max-width:330px), only screen and (max-device-width:330px) {

.top_right a {
    display: block;}


}