@import url('https://fonts.googleapis.com/css?family=Nunito:200,400,600,700,800,800i,900,900i');

body
{
	font-family: 'Nunito', sans-serif;
}

/*2.---------------------- PADDING AND MARGINS -------------------*/
.marg-top-0
{
	margin-top: 0px;
}
.marg-top-10
{
	margin-top: 10px;
}
.marg-top-20
{
	margin-top: 20px;
}
.marg-top-30
{
	margin-top: 30px;
}
.marg-top-40
{
	margin-top: 40px;
}
.marg-top-50
{
	margin-top: 50px;
}
.marg-top-60
{
	margin-top: 60px;
}
.marg-top-70
{
	margin-top: 70px;
}
.marg-top-80
{
	margin-top: 80px;
}
.marg-top-100
{
	margin-top: 100px;
}
.marg-top-150
{
	margin-top: 150px;
}

/*  ---------------------------MARGIN LEFT STYLE ---------------------*/
.marg-left-0
{
	margin-left: 0px;
}
.marg-left-10
{
	margin-left: 10px;
}
.marg-left-20
{
	margin-left: 20px;
}
.marg-left-30
{
	margin-left: 30px;
}
.marg-left-40
{
	margin-left: 40px;
}
.marg-left-50
{
	margin-left: 50px;
}
.marg-left-60
{
	margin-left: 60px;
}
.marg-left-70
{
	margin-left: 70px;
}
.marg-left-80
{
	margin-left: 80px;
}
.marg-left-100
{
	margin-left: 100px;
}
.marg-left-150
{
	margin-left: 150px;
}
/*  -------------------------MARGIN RIGHT STYLE ---------------------*/

.marg-right-0
{
	margin-right: 0px;
}

.marg-right-10
{
	margin-right: 10px;
}
.marg-right-20
{
	margin-right: 20px;
}
.marg-right-30
{
	margin-right: 30px;
}
.marg-right-40
{
	margin-right: 40px;
}
.marg-right-50
{
	margin-right: 50px;
}
.marg-right-60
{
	margin-right: 60px;
}
.marg-right-70
{
	margin-right: 70px;
}
.marg-right-80
{
	margin-right: 80px;
}
.marg-right-100
{
	margin-right: 100px;
}
.marg-right-150
{
	margin-right: 150px;
}
/* ----------------------------MARGIN BOTTOM STYLE----------------------*/

.marg-bottom-0
{
	margin-bottom: 0px;
}
.marg-bottom-10
{
	margin-bottom: 10px;
}
.marg-bottom-20
{
	margin-bottom: 20px;
}
.marg-bottom-30
{
	margin-bottom: 30px;
}
.marg-bottom-40
{
	margin-bottom: 40px;
}
.marg-bottom-50
{
	margin-bottom: 50px;
}
.marg-bottom-60
{
	margin-bottom: 60px;
}
.marg-bottom-70
{
	margin-bottom: 70px;
}
.marg-bottom-80
{
	margin-bottom: 80px;
}
.marg-bottom-100
{
	margin-bottom: 100px;
}
.marg-bottom-150
{
	margin-bottom: 150px;
}
/*  ----------------------- PADDING TOP STYLE -------------------------*/
.pad-top-0
{
	padding-top: 0px;
}

.pad-top-10
{
	padding-top: 10px;
}
.pad-top-20
{
	padding-top: 20px;
}
.pad-top-30
{
	padding-top: 30px;
}
.pad-top-40
{
	padding-top: 40px;
}
.pad-top-50
{
	padding-top: 50px;
}
.pad-top-60
{
	padding-top: 60px;
}
.pad-top-70
{
	padding-top: 70px;
}
.pad-top-80
{
	padding-top: 80px;
}
.pad-top-100
{
	padding-top: 100px;
}
.pad-top-150
{
	padding-top: 150px;
}
/*  -------------------- PADDING LEFT STYLE ------------------*/
.pad-left-0
{
	padding-left: 0px;
}

.pad-left-10
{
	padding-left: 10px;
}
.pad-left-20
{
	padding-left: 20px;
}
.pad-left-30
{
	padding-left: 30px;
}
.pad-left-40
{
	padding-left: 40px;
}
.pad-left-50
{
	padding-left: 50px;
}
.pad-left-60
{
	padding-left: 60px;
}
.pad-left-70
{
	padding-left: 70px;
}
.pad-left-80
{
	padding-left: 80px;
}
.pad-left-100
{
	padding-left: 100px;
}
.pad-left-150
{
	padding-left: 150px;
}

/*  -------------------- PADDING RIGHT STYLE ----------------------*/
.pad-right-0
{
	padding-right: 0px;
}

.pad-right-10
{
	padding-right: 10px;
}
.pad-right-20
{
	padding-right: 20px;
}
.pad-right-30
{
	padding-right: 30px;
}
.pad-right-40
{
	padding-right: 40px;
}
.pad-right-50
{
	padding-right: 50px;
}
.pad-right-60
{
	padding-right: 60px;
}
.pad-right-70
{
	padding-right: 70px;
}
.pad-right-80
{
	padding-right: 80px;
}
.pad-right-100
{
	padding-right: 100px;
}
.pad-right-150
{
	padding-right: 150px;
}
/* -------------------- PADDING BOTTOM STYLE ----------------------*/
.pad-bottom-0
{
	padding-bottom: 0px;
}

.pad-bottom-10
{
	padding-bottom: 10px;
}
.pad-bottom-20
{
	padding-bottom: 20px;
}
.pad-bottom-30
{
	padding-bottom: 30px;
}
.pad-bottom-40
{
	padding-bottom: 40px;
}
.pad-bottom-50
{
	padding-bottom: 50px;
}
.pad-bottom-60
{
	padding-bottom: 60px;
}
.pad-bottom-70
{
	padding-bottom: 70px;
}
.pad-bottom-80
{
	padding-bottom: 80px;
}
.pad-bottom-100
{
	padding-bottom: 100px;
}
.pad-bottom-150
{
	padding-bottom: 150px;
}

/*------------------ navbar css -------------------*/
.navbar-default
{
	background: transparent;
	border: 0px transparent;
}
.navbar-brand
{
	padding: 15px 15px;
}
.navbar
{
	margin-bottom: 0px;
	border-radius: 0px;
}
.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 25px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover
{
	background: transparent;
	border-bottom: 4px solid #ffae00;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover
{
	background: transparent;
	border-bottom: 4px solid #ffae00;
}
.navbar-default .navbar-nav>li>a 
{
    color: #212121;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.5px;
    margin: 0px 10px;
    border-bottom: 4px solid transparent;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover
{
	border-bottom: 4px solid #ccc;
}
.navbar-default li.dropdown>a:focus, .navbar-default li.dropdown>a:hover
{
	border-bottom: 0px solid transparent;
}
.navbar-nav>li>.dropdown-menu, .navbar-nav .open .dropdown-menu
{
	background: #131d33;
    box-shadow: none;
    outline: none;
    border-radius: 0px;
    border: none;
    padding: 15px 10px;
    border-bottom: 4px solid #ffae00;
}	
.dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu>li>a
{
    color: #fff;
    padding: 12px 20px;
    font-size: 15px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover 
{
    color: #fff;
    text-decoration: none;
    background-color: #ffae00;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover
{
	color: #fff;
    text-decoration: none;
    background-color: #ffae00;
}

/*------------------ navbar css -------------------*/

/*___________________________ dropdown-submenu css -------------------*/

.dropdown-menu 
{
	background: #131d33;
	border-radius: 0px;
	border-bottom: 4px solid #ffae00;
	min-width: 200px;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #fff;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
}
/*___________________________ dropdown-submenu css -------------------*/
.menucenter
{
	margin: 0 auto;
	padding-top: 20px;
	display: table;
}
.sticky-header .menucenter
{
	padding-top: 0px;
}
.headercontact 
{
	padding-top: 3.6rem;
}
.sticky-header .headercontact {
    padding-top: 2rem;
}
.sticky-header .navbar-nav>li>a 
{
    padding-top: 15px;
    padding-bottom: 21px;
}
.sticky-header .navbar-brand 
{
    padding: 10px 55px;
}
.headercontact a
{
	color: #212121;
	text-transform: uppercase;
	font-size: 13px;
	font-weight:400;
	letter-spacing: 0.7px;
	margin: 0px 10px;
	text-decoration: none;
}

.socialicon  ul
{
	list-style-type: none;
	position: fixed;
	top: 40%;
	padding-left: 25px;
}
.socialicon ul>li
{
	padding-bottom: 10px;
}
.socialicon a
{
	color: #848484;
	font-size: 20px;
}
.socialicon a:hover 
{
	color: #ffae00;
}
.home-intro 
{
	text-align: center;
	padding: 40px 0px;
}
.home-intro h1
{
	font-size: 50px;
	padding-bottom: 20px;
}
.home-intro h2
{
    font-size: 36px;
    word-spacing: 3px;
    letter-spacing: 0px;
    line-height: 55px;
    font-weight: 200;
}
.section2 
{
    background-image: url(../img/parallax.jpg);
    height: 130px;
    padding: 3em 0px;
    margin-bottom: 3em;
}
.section2-head h2
{
    color: #fff;
    font-weight: 700;
    font-size: 33px;
    margin: 0;
    line-height: 50px;
}
.section2-form
{
	background: #fff;
    box-shadow: 1px 1px 1px;
    margin-bottom: 2em;
    box-shadow: 2px 1px 13px rgba(0,0,0,0.2);
    position: relative;
    margin-top: -50px;
}
.sec-formhead 
{
	padding:  3rem;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.sec-formhead h3 
{
    margin: 0px;
    /* text-transform: uppercase; */
    font-weight: 800;
    font-size: 26px;
}
.sec-formbody 
{
	padding: 3.3rem 3rem;
}
.sec-formbody .form-control 
{
	border-color: #ccc;
	border-radius: 0px;
	box-shadow: none;
    outline: none;
    margin-bottom: 2.5rem;
    height: 40px;
}
.sec-formbody .form-control:focus
{
	border-color: #212121;
}
.section2-btn .btn-default 
{
	background: #212121;
	border-color: #212121;
	border-radius: 0px;
	box-shadow: none;
	outline: none;
	color: #fff;
	padding: 1rem 5rem;
}
.section2-btn .btn-default:hover, .section2-btn .btn-default:focus
{
	background: #ffae00;
	border-color: #ffae00;
	border-radius: 0px;
	box-shadow: none;
	outline: none;
	color: #fff;
}
.section2-box
{
    margin-top: 6rem;
    background: url(../img/bg_2.jpg);
    padding: 1.8rem 3rem 1.5rem;
    min-height: 220px;
}
.section2-box h3
{
	color: #212121;
    font-weight: 800;
    padding-bottom: 1.5rem;
    font-size: 26px;
    margin: 0;
}
.section2-box p
{
    font-size: 16px;
    line-height: 26px;
}
.section3 
{
	margin-top: 34rem;
}
.section3-box
{
	padding-bottom: 4rem;
	min-height: 285px;
}
.section3-box h3
{
    color: #212121;
    font-weight: 800;
    font-size: 3.6rem;
    padding-bottom: 1rem;
    line-height: 4.8rem;
}
.sec3icon
{
	float: left;
    margin-bottom: 16rem;
    margin-right: 2rem;
    font-size: 3rem;
    color: #5f5f5f;
}
.sec3content h4
{
    color: #212121;
    font-weight: 800;
    padding-bottom: 1.5rem;
    font-size: 2.3rem;
    margin: 0;
}
.sec3content p
{
	font-size: 1.5rem;
    line-height: 2.5rem;
    color: #848484;
}
.section4 
{
    background: url(../img/banner.png);
    background-position: 25% 63%;
    /* padding: 4rem 0rem; */
}
.section4-box h4
{
	color: #212121;
	font-weight: 800;
	padding-bottom: 2rem;
	font-style: italic;
    font-size: 24px;
}
.section4-box h2
{
	color: #212121;
	font-size: 38px;
	font-weight: 800;
	padding-bottom: 2.5rem;
}
.section4-box p
{
	font-size: 1.8rem;
    line-height: 2.9rem;
}
.section4-box {
	padding: 4rem 0rem;
}
.section5
{
	padding:  4rem;
}
.section7
{
	padding:  0rem 4rem 4rem;
}
.section7 h2 
{
	margin-top: 0;
}
.section5-head h2
{
	color: #212121;
	font-size: 6rem;
	font-weight: 800;
	margin-top: 24rem;
	line-height: 7rem;
	padding-bottom: 2.5rem;
}

.section5-head p
{
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: #848484;
    font-weight: 200;
}
.section5-box
{
    padding: 30px 60px;
    border-left: 3px solid #ffa800;
    margin-bottom: 30px;
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
    box-shadow: 0px 5px 20px rgba(0,0,0,0.25);
}
.section5-icon 
{
	float: left;
    margin-bottom: 9rem;
    margin-right: 4rem;
    font-size: 6rem;
    color: #999999;
}
.section5-content  h3
{
	margin: 0;
	font-size: 3rem;
	padding-bottom: 2rem;
	font-weight: 800;
}
.section5-content p
{
	color: #848484;
	font-size: 1.7rem;
    line-height: 2.8rem;
}
.section6
{
	padding: 3rem 0rem 10rem;
	background: #f5f5f5;
}
.section6-head
{
	
}
.section6-head h2
{
	color: #212121;
    font-weight: 800;
    text-align: center;
    font-size: 4rem;
    padding-bottom: 3rem;
    line-height: 4.8rem;
}
.section8
{
	background: url(../img/bg_3.jpg);
	padding: 3rem 0rem;
	margin: 0rem 0rem 4rem;
}
.stats-box
{
	color: #fff;
	text-align: center;
}
.stats-box img
{
	width: 64px;
}
.stats-box h3
{
    line-height: 3.5rem;
    font-size: 2rem;
    font-weight: 200;
}
.stats-box h3 > span
{
	font-weight: 600;
	font-size: 2.3rem;
}
.testimonial-block
{
    padding: 15px 15px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(235,235,235,1);
    -moz-box-shadow: 0px 0px 14px 0px rgba(235,235,235,1);
    box-shadow: 0px 0px 14px 0px rgba(235,235,235,1);
    min-height: 425px;
}
.testimonial-block .lower-box
{
	display: flex;
    align-items: center;
    justify-content: center;
    min-height: 196px;
}
.testimonial-block .image
{
     position: absolute; 
    left: 0px;
    width: 80px;
    height: 80px;
    overflow: hidden;
    /*border-radius: 50%;*/
}
.author-inner
{
	position: relative;
    padding-left: 100px;
}
.testimonial-block .inner-box .upper-box {
    position: relative;
    padding-bottom: 4rem;
    margin-bottom: 22px;
    border-bottom: 1px solid #f0f0f0;
}

.testimonial-block .inner-box .lower-box .text {
    position: relative;
    color: #848484;
    font-size: 16px;
    line-height: 1.8em;
}
.testimonial-block .inner-box:after {
	position: absolute;
	content: '';
	right: -1px;
	bottom: -1px;
	border-bottom: 35px solid #f5f5f5;
	border-left: 35px solid transparent;
}
.testimonial-block .inner-box:before {
    position: absolute;
    content: '';
    right: -2px;
    bottom: -2px;
    border-top: 35px solid #ebebeb;
    border-right: 37px solid transparent;
}
.author-inner h3
{
	font-weight: 800;
}
.testimonial-block .location 
{
	color: #ffae00;
    font-size: 1.8rem;
    font-weight: 700;
}
.client-box
{
	padding: 4rem;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.client-box1
{
	padding: 4rem;
    border-right: none;
    border-bottom: 1px solid #ccc;
}
.client-box2
{
	border-bottom: 1px solid transparent
}
.client-box img
{
	width: 140px;
    margin: 0 auto;
}

.client-box img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 3.5+, IE10 */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
  -webkit-transition: all .6s ease;
  /* Fade to color for Chrome and Safari */
  -webkit-backface-visibility: hidden;
  /* Fix for transition flickering */
}

.client-box:hover img {
  filter: none;
  -webkit-filter: grayscale(0%);
}
.sticky-header
{
  top:0px;
  position: fixed;
  width:100%;
  z-index: 999;
  margin-top: 0px;
  height: 60px;
  margin-left: 0px;
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);
  background-color: #fff;
} 
.item .caption 
{
	padding: 15rem;
	text-align: center;
}
.item .caph4:before
{
    content: '';
    position: absolute;
    width: 99px;
    height: 1px;
    background: #fff;
    bottom: 406px;
    left: 269px;
}

.item .caph4:after
{
    content: '';
    position: absolute;
    width: 99px;
    height: 1px;
    background: #fff;
    bottom: 406px;
    right: 259px;
}
.item h4
{
	color: #fff;
	font-weight: 700;
	padding-bottom: 2rem;
	font-size: 2rem;
}
.item .caption h2
{
	font-size: 4.5rem;
	font-weight: 800;
	padding-bottom: 4.5rem;
	color: #fff;
}
.caption .btn-default
{
	background: transparent;
	border: 2px solid #fff;
	color: #fff;
	border-radius: 0px;
	box-shadow: none;
	outline: none;
	padding: 1.5rem 4rem;
}
.caption .btn-default:hover, .caption .btn-default:focus
{
	background: #212121;
	border-color: #212121;
	color: #fff;
}

/*Main Footer*/

.main-footer{
	background-color:#212121;
}

.main-footer .widgets-section{
	position:relative;
	border-right:1px solid rgba(255,255,255,0.10);
}

.main-footer .widgets-section .footer-widget{
	position:relative;
	padding: 25px 20px 10px 20px;
}

.main-footer .widgets-section .footer-widget:before{
	position:absolute;
	content:'';
	left:-15px;
	top:0px;
	width:1px;
	height: 103%;
	background-color:rgba(255,255,255,0.10);
}

.main-footer .footer-widget h2{
	position:relative;
	color:#ffffff;
    font-size: 25px;
    font-weight: 700;
	padding-bottom:15px;
	margin-bottom:25px;
	text-transform:capitalize;
}

.main-footer .footer-widget h2:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:35px;
	height:2px;
	background-color:#fa9928;
}

.main-footer .logo-widget .logo{
	position:relative;
	margin-bottom:20px;
}
.main-footer .logo-widget .logo h3
{
	color: #fff;
    font-weight: 700;
    font-size: 24px;
}  
.main-footer .logo-widget .text{
	position:relative;
	color:#9c9c9c;
	font-size:16px;
	line-height:1.6em;
	margin-bottom:42px;
}

.link-list
{
	position:relative;
	list-style-type: none;
	margin-bottom: 42px;
}
.link-list li i.fas
{
	padding-right: 5px;
	font-size: 12px;
}
.link-list li
{
	position:relative;
	margin-bottom:6px;
	padding: 4px 0px;
}

.link-list li a
{
	position:relative;
	padding-left:15px;
	color:#9c9c9c;
	font-size:14px;
	font-weight:300;
}

.link-list li a:hover{
	color:#fa9928;
	text-decoration: none;
}

/*News Widget Block*/

.news-head 
{
	color: #000;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 4rem;
}
.news-widget-block
{
	position:relative;
	margin-bottom:20px;
}
.news-widget-block:last-child
{
	margin-bottom:0px;
}
.news-widget-block:last-child .inner{
	
	border:0px;
	padding-bottom:0px;
}
.news-widget-block .inner{
	position:relative;
	padding-left:50px;
	padding-bottom:20px;
	border-bottom:1px solid rgba(255,255,255,0.10);
}

.news-widget-block .inner .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#fa9928;
	font-size:30px;
	line-height:1em;
}

.news-widget-block .inner .post-date{
	position:relative;
	color:#fa9928;
	font-size:16px;
	font-weight:300;
	margin-bottom:2px;
}

.news-widget-block .inner .text{
	position:relative;
	color:#9c9c9c;
	font-size:16px;
}
.news-widget-block .inner .text a{
	color:#9c9c9c;
	font-size:16px;
}

.main-footer .footer-info-section{
	/*position:relative;*/
	/*margin-top:-5px;*/
	background-color:#212121;
	border-top:1px solid rgba(255,255,255,0.10);
	border-left:1px solid rgba(255,255,255,0.10);
	border-right:1px solid rgba(255,255,255,0.10);
}

.main-footer .footer-info-section .info-block{
	/*position:relative;*/
}

.main-footer .footer-info-section .info-block:after{
    position: absolute;
    content: '';
    right: 0px;
	top: 0px;
    width: 1px;
    height: 159px;
    background-color: rgba(255,255,255,0.10);
}

.main-footer .footer-info-section .info-block:last-child:after{
	display:none;
}

.main-footer .footer-info-section .info-block .inner{
	position:relative;
	padding-left:40px;
	margin-left:30px;
	padding-top:20px;
	padding-bottom:20px;
}

.main-footer .footer-info-section .info-block .inner .icon{
	position:absolute;
	left:0px;
	top:24px;
	color:#fa9928;
	font-size:28px;
	line-height:1em;
}

.main-footer .footer-info-section .info-block .inner h4{
	position:relative;
	color:#ffffff;
	font-size:16px;
	font-weight:600;
	margin-bottom:5px;
	line-height:1em;
}

.main-footer .footer-info-section .info-block .inner .text{
	position:relative;
	color:#9c9c9c;
	font-size:16px;
}
.main-footer .footer-info-section .info-block .inner .text a{
	color: #9c9c9c;
}

.main-footer .footer-bottom{
	position:relative;
	padding:8px 0px;
	border-top:1px solid rgba(255,255,255,0.10);
}

.main-footer .footer-bottom .column{
	position:relative;
}

.main-footer .footer-bottom .copyright
{
	position:relative;
	color:#9c9c9c;
	font-size:14px;
}
.main-footer .footer-bottom .copyright a
{
	color: #fa9928;
	text-decoration: none;
}
.main-footer .footer-bottom .nav-column
{
	position:relative;
	text-align:right;
}

.main-footer .footer-bottom .nav-column .footer-nav
{
	position:relative;
}

.main-footer .footer-bottom .nav-column .footer-nav li
{
	position:relative;
	margin-left:20px;
	display:inline-block;
}

.main-footer .footer-bottom .nav-column .footer-nav li a
{
	position:relative;
	color:#9c9c9c;
	font-size:16px;
	font-weight:300;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	font-family: 'Hind', sans-serif;
}

.main-footer .footer-bottom .nav-column .footer-nav li a:hover
{
	color:#fa9928;
}
.calc1
{
	padding: 60px 0px;
}
.calc-form .form-control
{
	box-shadow: none;
	outline: none;
	border-radius: 0px;
	height: 50px;
}
.calc-form .form-control:focus
{
	box-shadow: none;
	outline: none;
	border-color: #ffae00;
}
.calc-form 
{
	margin-bottom: 20px;
}

.calc-btn .btn-default 
{
	background: #212121;
	border-radius: 0px;
	box-shadow: none;
	outline: none;
	border-color: transparent;
	color: #fff;
	padding: 1rem 2rem;
	margin-bottom: 2rem;
}
.calc-btn .btn-default:hover, .calc-btn .btn-default:focus
{
	background: #ffae00;
	border-radius: 0px;
	box-shadow: none;
	outline: none;
	border-color: transparent;
}
.calc2
{
	padding:  40px 0px;
	border-top: 1px solid rgba(0,0,0,0.05);
}
.calc2-box h3
{
    padding-bottom: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}
.calc2-box img
{
	margin-bottom: 20px;
	margin: 0 auto;
	display: table;
	width: 100px;
}
.calc2-box
{
	margin-bottom: 8rem;
	text-align: center;
}
.calc2-box h2
{
	font-weight: 800;
}
.calc2-box h4
{
	font-weight: 200;
}

.ioclcheck input[type=checkbox] {
    display:none;
}

.ioclcheck input[type=checkbox] + label {
    display:inline-block;
    padding: 0 0 0 0px;
    background:url("../img/iocl.png") no-repeat;
    height: 125px;
    width: 125px;
    background-size: 50%;
    opacity: 0.5;
}

.ioclcheck input[type=checkbox]:checked + label {
    background:url("../img/iocl.png") no-repeat;
    height: 125px;
    width: 125px;
    display:inline-block;
    background-size: 50%;
    opacity: 1;
}
.queryform img
{
	width: 70px;
	height: 84px;
}
.queryform .radio
{
	margin-bottom: 40px;
}
.queryform p
{
	font-size: 16px !important;
	font-weight: 600 !important;
	text-align: left;
	margin-top: 20px;
}
.queryform span
{
	color: #ff0000;
}
.queryform .radio input[type=radio]
{
	margin-left: -10px;
    margin-top: 11px;
}

.hpclcheck input[type=checkbox] {
    display:none;
}

.hpclcheck input[type=checkbox] + label {
    display:inline-block;
    padding: 0 0 0 0px;
    background:url("../img/hpcl.png") no-repeat;
    height: 125px;
    width: 125px;
    background-size: 50%;
    opacity: 0.5;
}

.hpclcheck input[type=checkbox]:checked + label {
    background:url("../img/hpcl.png") no-repeat;
    height: 125px;
    width: 125px;
    display:inline-block;
    background-size: 50%;
    opacity: 1;
}

.queryform 
{
	background: #fff;
	padding: 4rem;
	padding-top: 0rem !important;
	padding-bottom: 1rem !important;
	border: 1px solid #e9e9e9;
	border-right: 1px solid #fa9928;
}
.queryform h2
{
    font-weight: 700;
    margin-top: 25px;
    padding-bottom: 25px;
}

/*________________________ owl carousel _____________*/
.index-owl .owl-nav 
{
	display: none;
}
.index-owl .owl-dots{
	position: absolute;
    transform: rotate(-90deg);
    top: 50%;
    left: -120px;
}
.index-owl .owl-theme .owl-dots
{
	counter-reset: itemCounter;
}
.index-owl .owl-theme .owl-dots .owl-dot
{
	font-size: 12px;
}

.index-owl .owl-theme .owl-dots .owl-dot:before
{
	content: counter(itemCounter);
	counter-increment: itemCounter;
}
.index-owl .owl-theme .owl-dots .owl-dot.active:before
{
	color: #fff;
}
.index-owl .owl-theme .owl-dots .owl-dot:hover:before
{
	color: #fff;
}
.index-owl .owl-theme .owl-dots .owl-dot span
{
	width: 23px;
    height: 23px;
    margin: -20px 15px;
    background: transparent;
    border: 1px solid #999;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.index-owl .owl-theme .owl-dots .owl-dot.active span, .index-owl .owl-theme .owl-dots .owl-dot:hover span
{
	background: #212121;
	border-color: #212121;
	color: #fff !important;
}
.index-owl .owl-theme .owl-dots .owl-dot:after
{
	position: absolute;
    content: '';
    width: 1px;
    height: 30px;
    background: #212121;
    transform: rotate(-90deg);
    top: -4px;
    margin-left: 25px;
}

.index-owl .owl-theme .owl-dots .owl-dot:last-child:after
{
	position: absolute;
    display: none;
}

.index-owl .owl-theme .owl-dot active
{
	color: #fff !important;
}
/*________________________ owl carousel _____________*/


/*________________________ owl carousel _____________*/
.testimonial-owl .owl-nav 
{
	display: none;
}
.testimonial-owl .owl-dots{
	position: absolute;
    /*transform: rotate(-90deg);*/
    bottom: -15%;
    left: 41%;
}
.testimonial-owl .owl-theme .owl-dots
{
	counter-reset: itemCounter;
}
.testimonial-owl .owl-theme .owl-dots .owl-dot
{
	font-size: 12px;
}

.testimonial-owl .owl-theme .owl-dots .owl-dot:before
{
	content: counter(itemCounter);
	counter-increment: itemCounter;
}
.testimonial-owl .owl-theme .owl-dots .owl-dot.active:before
{
	color: #fff;
}
.testimonial-owl .owl-theme .owl-dots .owl-dot:hover:before
{
	color: #fff;
}
.testimonial-owl .owl-theme .owl-dots .owl-dot span
{
	width: 23px;
    height: 23px;
    margin: -20px 15px;
    background: transparent;
    border: 1px solid #999;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.testimonial-owl .owl-theme .owl-dots .owl-dot.active span, .testimonial-owl .owl-theme .owl-dots .owl-dot:hover span
{
	background: #212121;
	border-color: #212121;
	color: #fff !important;
}
.testimonial-owl .owl-theme .owl-dots .owl-dot:after
{
	position: absolute;
    content: '';
    width: 1px;
    height: 30px;
    background: #212121;
    transform: rotate(-90deg);
    top: -4px;
    margin-left: 25px;
}

.testimonial-owl .owl-theme .owl-dots .owl-dot:last-child:after
{
	position: absolute;
    display: none;
}

.testimonial-owl .owl-theme .owl-dot active
{
	color: #fff !important;
}
/*________________________ owl carousel _____________*/


/*_____________________________________ About Page CSS ___________________________*/


.breadcrmb 
{
    background-image: url(../img/slider/slide2.png);
    background-position: 1% 190%;
    padding: 30px 0px;
    text-align: center;
    margin-bottom: 30px;
}
.breadcrumb 
{
	background: transparent;
	border-radius: 0px;
	margin-bottom: 0px;
}
.breadheading:after
{
	content: '';
    position: absolute;
    top: -30px;
    bottom: -45px;
    left: 10vw;
    right: calc(100% - 445px);
    border: 15px solid #ffae00;
    border-top: none;
    box-shadow: 0 2px 30px -3px rgba(0, 0, 0, 0.5), inset 0 0 10px 3px rgba(0, 0, 0, 0.2);
}
.breadheading h2
{
	color: #fff;
	font-size: 34px;
	line-height: 4rem;
	font-weight: 800;
}
.breadcrumb li a
{
	color: #fff;
}
.breadcrumb li.active
{
	color: #ccc;
}
.about1 
{
	padding: 4rem 0rem;
}
.about1-content h2
{
	color: #212121;
	font-size: 4rem;
	font-weight: 800;
	margin-bottom: 2rem;
}
.about1-content p
{
    font-size: 1.7rem;
    line-height: 2.9rem;
    text-align: justify;
    color: #848484;
    margin-bottom: 3rem;
}
.about1-content blockquote
{
	padding: 40px 30px;
    margin: 0 0 20px;
    border: 1px solid #ddd;
    font-size: 17.5px;
    border-left: 5px solid #ffae00;
    color: #848484;
}
.about1-content blockquote svg 
{
	color: #ddd;
	font-size: 30px;
	padding-right: 10px;
}
.bg-special {
    position: relative;
    z-index: 5;
    padding: 15px;
    text-align: center;
}
/*.bg-special:before {
    content: '';
    position: absolute;
    top: 11px;
    left: 73px;
    bottom: 11px;
    right: 7px;
    background: #fff;
    z-index: -1;
}*/
.bg-special h1 
{
    background: #fff;
    padding: 10px;
    margin: 0;
    letter-spacing: 0;
    mix-blend-mode: screen;
    font-size: 80px;
    font-weight: 800;
    width: 140px;
    margin: 0 auto;
}
.show-inline-block 
{
    display: inline-block !important;
}
.bg-special h5 {
    /*display: inline-block !important;*/
    background: rgba(255,255,255,0.95);
    padding: 10px;
    font-weight: 700;
    /* margin: 0; */
    margin-bottom: 0px;
    letter-spacing: 0;
    mix-blend-mode: screen;
    font-size: 80px;
}
.bg-special:after 
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../img/slider/slide5.jpg) top center repeat;
    background-size: cover;
    -webkit-animation: bg-move 120s infinite linear;
    animation: bg-move 120s infinite linear;
    z-index: -2;
}

/**
* BG move Keyframes Animation
*/
@-webkit-keyframes bg-move {
  from {
    background-position: 0 0px;
  }
  to {
    background-position: -1920px 0px;
  }
}

@keyframes bg-move {
  from {
    background-position: 0 0px;
  }
  to {
    background-position: -1920px 0px;
  }
}

.about2
{
	padding: 2rem 0rem 4rem;
}
.about2-head 
{
	margin-bottom: 4rem;
}
.about2-head h2
{
	color: #212121;
	font-size: 4rem;
	font-weight: 700;
	text-align: center;
}
.about2-head p
{
	color: #848484;
	text-align: center;
	font-size: 1.8rem;
	line-height: 2.5rem;
}
.about2-box
{
	text-align: center;
	padding: 2rem;
}
.ab2-icon
{
	background: #000;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto;
    color: #fff;
    font-size: 3.5rem;
    padding-top: 1.5rem;
}
.ab2-icon-orng
{
	background: #ffae00;
}
.about2-box:hover  .ab2-icon
{
	background: #ffae00;
	color: #fff;
}
.ab2-content
{
	padding: 1rem 0rem;
}
.ab2-content h3
{
    color: #212121;
    font-weight: 700;
    font-size: 2.5rem;
}
.ab2-content p
{
    color: #989898;
    line-height: 2.5rem;
    font-size: 1.6rem;
}
.ab2arrow:before
{
	content: '';
    position: absolute;
    background-image: url(../img/arrow.png);
    width: 270px;
    height: 50px;
    background-repeat: no-repeat;
    top: 4%;
    left: 65%;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg); 
}
.about3
{
    background-image: url(../img/slider/slide2.png);
    background-size: cover;
    padding-bottom: 1rem;
    background-position: 1% 25%;
}
.about3 h3
{
	color: #fff;
	font-weight: 700;
	font-size: 2.5rem;
	padding-bottom: 1.5rem;
	padding-top: 2rem;
}
.about3 p
{
	font-style: italic;
	color: #fff;
	font-size: 1.7rem;
}
.ab3-btn .btn-default
{
    background: #ffae00;
    border-radius: 0px;
    box-shadow: none;
    outline: none;
    border-color: transparent;
    color: #fff;
    font-size: 1.8rem;
    margin-top: -25px;
    padding: 1.4rem 3.5rem;
    -ms-transform: skew(45deg);
    -webkit-transform: skew(45deg);
    transform: skew(45deg);
    position: relative;

}
.ab3-btn .btn-default:hover, .ab3-btn .btn-default:active
{
	background: #212121;
    border-radius: 0px;
    box-shadow: none;
    outline: none;
    border-color: transparent;
    color: #fff;
}
.ab3-btn a.btn-default
{
    -ms-transform: skew(-20deg);
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
}
.ab3-btn a.btn-default span
{
	-ms-transform: skew(20deg);
    -webkit-transform: skew(20deg);
    transform: skew(20deg);
    position: relative;
    display: inline-block;
}
.about4 
{
	padding:  4rem 0rem; 
}
.about4-head h3
{
	color: #212121;
	font-weight: 700;
	font-size: 3.5rem;
}
.about4-head p
{
    color: #989898;
    line-height: 2.5rem;
    font-size: 1.6rem;
}
.about4-head ul
{
	list-style-type: none;
	padding-left: 0px;
}
.about4-head li
{
	padding: 1rem 0rem;
	color: #848484;
	font-size: 1.8rem;
}
.about4-head li svg 
{
	color:#ffae00;
	font-size: 17px;
	margin-right: 8px;
}
.ab4-content
{
	padding: 3.1rem 2rem;
    text-align: center;
    background: #ffae00;
    color: #fff;
}
.ab4-content1
{	
	padding: 3.1rem 2rem;
}
.ab4-content h4
{
	color: #fff;
	font-weight: 700;
	font-size: 2.5rem;
}
.ab4-content p
{
	font-size: 1.5rem;
    line-height: 2.2rem;
}
.ab4-img  img
{
	height: 273px;
	width: 100%;
}
.about4 .btn-default 
{
	background: #212121;
	border-radius: 0px;
	box-shadow: none;
	outline: none;
	border-color: transparent;
	color: #fff;
	padding: 1rem 2rem;
	margin-bottom: 2rem;
}
.about4 .btn-default:hover, .about4 .btn-default:focus
{
	background: #ffae00;
	border-radius: 0px;
	box-shadow: none;
	outline: none;
	border-color: transparent;
}

/*_____________________________________ About Page CSS ___________________________*/

/*-------------------------------- Service page css ______________________________*/

.service1 
{
	padding: 4rem 0rem;
	text-align: center;
}
.service1 h1
{
	font-size: 50px;
    padding-bottom: 20px;
    font-weight: 700;
}
.service1 p
{
	font-size: 26px;
    word-spacing: 3px;
    letter-spacing: 0px;
    line-height: 45px;
    font-weight: 200;
}
.service2img 
{
    background: url(../img/bg2-petrol.jpg) no-repeat;
    height: 600px;
    width: 100%;
    position: relative;
}
.service2-content
{
	position: absolute;
	margin-top: 12%;
	margin-left: 50%;
	width: 436px;
	height: 500px;
	background: #fff;
	box-shadow: 0px 9px 26px rgba(0,0,0,0.3);
}
.service2-content h2
{
	margin: 0;
	color: #212121;
	font-weight: 700;
	padding-bottom: 0.2rem;
}
.service2-content h4
{
	font-weight: 700;
	color: #717171;
}
.service2-content p
{
    color: #848484;
    line-height: 2.5rem;
    font-size: 1.5rem;
}
.service2-icon 
{
	float: left;
	margin-right: 15px;
}
.service2-icon img
{
	width: 35px;
}
.service2-box 
{
	padding: 3rem 3rem;
}
.ser2orange
{
	background: #ffae00;
}
.ser2orange h4
{
	color: #fff;
}
.ser2main 
{
	padding:3rem 3rem 1.5rem;
}
.ser2-detail h4
{
	margin: 0px;
}
.service3 , .service2, .service5
{
	padding: 4rem 0rem ; 
}
.service3 li
{
	color: #848484;
	font-size: 1.7rem;
	padding: 1rem 0rem;
}
.ser3box h4
{
    font-style: italic;
    font-weight: 600;
    font-size: 2.3rem;
    margin: 0;
}
.ser3box h2
{
    font-weight: 900;
    font-size: 2.9rem;
    margin: 0;
    margin-top: 10px;
    padding-bottom: 1.9rem;
}
.ser3box p
{
    color: #444;
    font-size: 1.8rem;
    line-height: 2.7rem;
}
.service4 
{
	background: url(../img/slider/slide61.jpg);
	padding: 8rem 0rem;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.ser4-box 
{
	background: #fff;
	padding: 3rem;
	margin-bottom: 1rem;
}
.ser4-box h3 
{
	color: #212121;
	font-weight: 800;
	font-size: 2.7rem;
	padding-bottom: 1.5rem;
    border-bottom: 3px solid #ffae00;
}
.ser4-box h4
{
    color: #212121;
    font-weight: 800;
    font-size: 2.2rem;
    padding: 2rem 0rem;
    margin: 0;
}
.ser4-box ul
{
	list-style-type: none;
	padding-left: 0;
}
.ser4-box li
{
	font-size: 1.7rem;
	color: #616161;
	padding: 1.3rem 0rem;
}
.ser4-box svg
{
	color: #ffae00;
}
.ser4-box p
{
	font-size: 1.7rem;
	color: #616161;
	line-height: 3.1rem;
	/*padding: 1.4rem 0rem;*/
}
.ser4-box blockquote
{
    background: #fa9928;
    border-left: none;
    padding: 3.5rem;
    color: #fff;
    line-height: 3.5rem;
    font-size: 2rem;
}
.ser5box
{
	text-align: center;
}
.ser5box h2
{
	color: #212121;	
    font-size: 5rem;
    font-weight: 700;
}
.ser5box p
{
	color: #616161;
	font-size: 1.9rem;
	padding-bottom: 2.5rem;
}
.ser5box .form-control
{
	border-radius: 0px;
	box-shadow: none;
	outline: none;
	border: 1px solid transparent;
	border-bottom: 2px solid #212121;
	height: 40px;
	margin-right: 2.5rem;
}
.ser5box .form-control:focus
{
	box-shadow: none;
	outline: none;
	border:1px solid #212121;
	border-bottom: 4px solid #212121;
}
.ser5box .btn-default
{
	box-shadow: none;
	outline: none;
	background: #212121;
	color: #fff;
	border: transparent;
	border-radius: 0px;
	padding: 1rem 6rem;
}
.ser5box .btn-default:hover,.ser5box .btn-default:focus
{
	box-shadow: none;
	outline: none;
	background: #ffae00;
	border: transparent;
	color: #fff;
}
.service6 
{
	padding: 6rem 0rem;
	background: #f8f8f8;
	box-shadow: 0px 5px 35px rgba(0,0,0,0.15);
	margin-bottom: 3rem;
	border-top: 1px solid #ddd;
}
.service6-half h2
{
	font-weight: 800;
    font-size: 4rem;
    margin: 0;
    margin-top: 10px;
    padding: 2.2rem 0rem;
}
.service6-half p
{
	color: #848484;
    font-size: 1.8rem;
    line-height: 2.7rem;
}
.service6-half h4
{
	font-weight: 700;
    font-size: 2.2rem;
    margin: 0;
    padding: 1.9rem 0rem;
}
.service6-half span
{
	color: #fa9928;
}
.service6 img
{
	-ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    margin: 0 auto;
    margin-top: 2rem;
}
.corporate img
{
	-ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border: 1px solid #ffae00;
}
.residential img
{
	border: none;
	margin-top: 0;
}
.residential 
{
	background-image: url(../img/slider/slide7-orange.jpg);
	margin-bottom: 3rem;
	padding: 5rem  0rem;
}

.residential h2
{
	font-weight: 800;
    font-size: 4rem;
    margin: 0;
    margin-top: 10px;
    padding-bottom: 1.9rem;
    color: #fff;
}
.residential p
{
	color: #fff;
    font-size: 1.8rem;
    line-height: 2.7rem;
}
.residential h4
{
	font-weight: 700;
    font-size: 2.2rem;
    margin: 0;
    padding: 1.9rem 0rem;
    color: #fff;
}
.residential span
{
	color: #fff;
}
.ac-based
{
	box-shadow: none;
	margin-bottom: 3rem;
}
.ac-bg
{
    position: relative;
    padding-bottom: 18rem;
}
.ac-bg:after
{
    content: '';
    background-image: url(../img/bg3.png);
    width: 100%;
    height: 305px;
    bottom: -5px;
    /* left: 0; */
    z-index: -1;
    position: absolute;
    /* background-size: contain; */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.3;
}
/*-------------------------------- Service page css ______________________________*/


/*------item hover ------------------------------------------------*/
.box-item 
{
	float:left;
	width:100%;
	position:relative;
	overflow:hidden;
}

.box-item a.popup-image 
{
	position:absolute;
	top:50%;
	opacity:0;
	left:50%;
	width:30px;
	height:30px;
	line-height:30px;
	margin:-15px 0 0 -15px;
	z-index:5;
	color:#fff;
	font-size:19px;
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	-o-transform: scale(0.4);
	-ms-transform: scale(0.4);
	transform: scale(0.4);
	-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
	 -webkit-transition-delay: 0.3s;
	 -o-transition-delay: 0.3s;
	 -moz-transition-delay: 0.3s;
	  transition-delay: 0.3s;
}

.box-item a.popups-image 
{
	position:absolute;
	top:50%;
	opacity:0;
	left:50%;
	width:30px;
	height:30px;
	line-height:30px;
	margin:-15px 0 0 -15px;
	z-index:5;
	color:#fff;
	font-size:19px;
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	-o-transform: scale(0.4);
	-ms-transform: scale(0.4);
	transform: scale(0.4);
	-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
	 -webkit-transition-delay: 0.3s;
	 -o-transition-delay: 0.3s;
	 -moz-transition-delay: 0.3s;
	  transition-delay: 0.3s;
}

.box-item  img 
{
	position:relative;
	z-index:1;
	-webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  	-moz-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  	transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}

.box-item .overlay 
{
	opacity:0;
	z-index:4;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.box-item:hover .overlay  , .gallery-item:hover .overlay
{
	opacity:0.3;
}

.box-item:hover img 
{
	-webkit-transform: scale(1.15);
	-moz-transform:scale(1.15);
	transform: scale(1.15);
}

.box-item:hover a.popup-image  , .gallery-item:hover a.popup-image
{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity:1;
}

.box-item:hover a.popups-image 
{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity:1;
}

.box-item a.popup-image:hover
{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.box-item a.popups-image:hover
{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.box-item i.fa 
{
	font-size: 36px;
}

/*------ Porfolio  ------------------------------------------------*/
ul.gal-list
{
	list-style-type: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.gallery-items , .por-sidebar
{
	float:left;
	width:100%;
	position:relative;
	margin-top: 50px;
}

/*.por-sidebar 
{
	padding:0 30px;
	margin-top:50px;
}
*/
.grid-item a
{
	color: #212121;
}

.grid-item-holder 
{
	 float:left;
	 width:100%;
	 height:auto;
	 position:relative;
}

.gallery-item 
{
	overflow:hidden;
}

.grid-big-pad  .grid-item-holder
{
	padding:40px;
}

.grid-small-pad  .grid-item-holder
{
	padding:7px 20px 7px 0;
	margin-bottom: 40px;
}

.grid-no-pad .grid-item-holder 
{
	padding:0;
}

.gallery-item, .grid-sizer 
{
	width: 33%;
	position:relative;
	float:left;
}

/*.gallery-item-second,
.grid-sizer-second 
{
	width: 50%;
}
*/
.gallery-item img, .grid-sizer img 
{
	width: 100%;
	height: auto;
	position:relative;
	height: auto;
	/*height: 130px;*/
	/*height: auto;*/
	z-index:1;
}

/*.four-coulms .gallery-item , .four-coulms .grid-sizer
{
	width:25%;
}*/

/*.three-coulms .gallery-item , .three-coulms .grid-sizer
{
	width:33.3%;
}*/

/*.three-coulms .gallery-item-second 
{
	width:66.6%;
}*/

/*.two-columns .gallery-item 
{
	width:50%;
}*/

.gallery-item .overlay 
{
	z-index:2;
	opacity:0;
	background:#000;
}

.gallery-item:hover  .wh-info-box 
{
	visibility:visible;
}

.gallery-item:hover  .wh-info-box:before
{
	width:100%;
}

.gallery-item:hover .wh-info-box-inner 
{
	opacity:1;
}

.grid-item 
{
	position:relative;
	float:left;
	width:100%;
	z-index:3;
    min-height: 75px;
    padding: 0px 15px 10px;
	background:#fff;
	box-shadow: 0px 1px 9px rgba(0,0,0,0.2);
	border-bottom:1px solid #f0f0f0;
}

.grid-item h3 
{
	font-size:16px;
	font-weight: 700;
	position:relative;
	text-align: center;
}

.grid-item h3:before 
{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	width:0;
	height:1px;
	background:#000;
}

.grid-item h3:before  , .grid-item h3 , .blog-media img
{
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.grid-item h3:hover 
{
	padding: 0 0 0 10px;
}

.grid-item h3:hover:before 
{
	width:20px;
}

.grid-item span 
{
	width:100%;
	float:left;
	text-align:left;
	font-size:11px;
	margin-top:6px;
	color:#999;
}

.hid-por-info .grid-item  
{
	position:absolute;
	bottom:-100%;
	left:0;
	z-index:3;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.gallery-item:hover .grid-item 
{
	bottom:0;
}

.hid-por-info .gallery-item 
{
	overflow:hidden;
}

.hid-por-info .gallery-item a.popup-image 
{
	top:20px;
	margin:0;
	margin-left:-60px;
	left:100%;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close
{
	right: -46px;
}
img.mfp-img
{
	padding: 0px 0 40px;
}
.photogllry .grid-item-holder
{
	padding: 0;
	margin-bottom: 30px;
}
.photogllry .gallery-item
{
	width: 100%;
}
.photogllry .box-item:hover img
{
	-webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    transform: scale(1.15);
}
.photogllry .box-item
{
	margin-bottom: 30px;
}
.photogllry .box-item i.fa
{
	font-size: 30px;
}

/*-------------------------------- Contact page css ______________________________*/

.contact1 
{
	padding: 4rem 0rem;
}
.con1-add 
{
	text-align: center;
	padding: 2.5rem;
}
.con1-add svg 
{
	color: #fa9928;
	font-size: 50px;
}
.con1-add h3
{
    font-size: 2.2rem;
    color: #212121;
    font-weight: 800;
    line-height: 3rem;
}
.con1-add p
{
    color: #616161;
    font-size: 1.65rem;
    line-height: 3rem;
}
.con1line:after 
{
	content: '';
    width: 1px;
    height: 220px;
    background: #ddd;
    position: absolute;
    top: 60px;
    right: 0;
}
.contact2 
{
	background: #f5f5f5;
	padding:  4rem 0rem;
}
.con2form 
{
	background: #fff;
	padding: 4rem;
	border: 1px solid #e9e9e9;
	border-right: 1px solid #fa9928;
}
.con2form p
{
	line-height: 22px;
}
.contact2 h2
{
	font-size: 3.8rem;
	color: #212121;
	font-weight: 700;
	padding-bottom: 3rem;
	text-align: center;
}
.con2form .form-control
{
	border-radius: 0px;
	box-shadow: none;
	outline: none;
	border-color: #f1f1f1;
	height: 45px;
}
.con2form textarea
{
	height: 160px !important;
}
.con2form .form-control:focus
{
	border-color: #fa9928;
}
.con2form .btn-default
{
	background: #fa9928;
	border-radius: 0px;
	border-color: transparent;
	box-shadow: none;
	outline: none;
	color: #fff;
	padding: 1rem 5rem;
}
.con2form .btn-default:hover, .con2form .btn-default:focus
{
	background: #212121;
	border-color: transparent;
	color: #fff;
}
.con2form h3 
{
	color: #212121;
	font-weight: 700;
	font-size: 2.7rem;
	margin: 0;
	padding-bottom: 2rem;
}
.con2form a
{
	color: #848484;
	text-decoration: none;
	font-size: 1.7rem;
	line-height: 3.5rem;
}
.con2form svg
{
	font-size: 2rem;
}
.queryform textarea {
    height: 75px !important;
}
h3.callheading
{
	padding-top: 1.5rem;
}
.con2form a:hover
{
	color: #ffae00;
}
.contact3 
{
	padding: 4rem 0rem;
}
.contact3 ul
{
	margin: 0 auto;
	display: table;
} 
.contact3 .thumbnail
{
	width: 8rem;
    height: 8rem;
    text-align: center;
    border-radius: 50%;
    margin: 0rem 4rem;
    padding-top: 1.6rem;
    font-size: 3rem;
}
.contact3 svg
{
	font-size: 20px
}
a.thumbnail:hover
{
	color: #fff;
	border: 3px solid  transparent;
}
.fbook 
{
	background: #3b5999;
	border: 3px solid #3b5999;
	color: #fff;
}

.gplus 
{
	background: #dd4b39;
	border: 3px solid #dd4b39;
	color: #fff;
}
.twitter 
{
	background: #55acee;
	border: 3px solid #55acee;
	color: #fff;
}
.linkedin 
{
	background: #0077B5;
	border: 3px solid #0077B5;
	color: #fff;
}
.disc1
{
	padding: 30px 0px 50px;
}
.disc1 h4
{
	line-height: 28px;
	font-size: 20px;
	font-weight: 100;
}
.disc2 
{
	text-align: center; 
	border-top: 1px solid rgba(0,0,0,0.1);
	padding: 20px 0px;
}
.disc2 h3
{
    color: #000;
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 40px;
}
.news 
{
	padding: 60px 0px;
}
.news-box
{
	padding: 20px;	
    box-shadow: -2px 1px 25px rgba(0,0,0,0.1);
    margin-bottom: 30px;
}
.news-detail 
{
	padding-top: 20px;
}
.news-detail h3
{
    color: #000;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    margin-top: 0;
}
.news-detail p
{
	font-weight: 100;
    font-size: 16px;
    line-height: 25px;
    color: #000;
}
.news-detail a
{
	color: #ffae00;
}
.career 
{
	padding: 50px 0px;
}
.car-head h2
{
	font-weight: 700;
	font-size: 30px;
	margin-bottom: 20px;
}

/*-------------------------------- Contact page css ______________________________*/
/*________________________________ PRODUCT SHOWCASE PAGE _________________________*/

.project-list img
{
	width: 120px;
}
.project-list li
{
	margin-right: 30px;
	margin-bottom: 30px;
	cursor: pointer;
}
.pr-img
{
	padding: 5px;
}
.imggrey 
{
	background: #6f6e6e;
}
.imggrey img
{
	filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
    filter: gray;
    -webkit-filter: grayscale(100%);
    -webkit-transition: all .6s ease;
    -webkit-backface-visibility: hidden;
}
.prshowhead
{
	color: #212121;
    font-size: 4rem;
    font-weight: 800;
    padding-top: 3rem;
    margin-top: 3rem;
    border-top: 1px solid #ddd;
    margin-bottom: 3rem;
    text-align: center;
}
.carousel-control.left, .carousel-control.right
{
	background-image: none !important;
}
/*________________________________ PRODUCT SHOWCASE PAGE _________________________*/

/*____________________________ media query ------------------------------*/

@media(min-width: 320px) and (max-width: 568px)
{
	.navbar 
	{
	    margin-bottom: 1rem;
	    border-radius: 0px;
	}
	.index-owl .owl-dots , .testimonial-owl .owl-dots 
	{
	    position: absolute;
	    transform: rotate(0deg);
    	top: 89%;
    	left: 107px;
	}

	.item .caption 
	{
	    padding: 10rem 2rem;
	    text-align: center;
	}

	.navbar 
	{
	    margin-bottom: 1rem;
	    border-radius: 0px;
	}
	.index-owl .owl-dots , .testimonial-owl .owl-dots 
	{
	    position: absolute;
	    transform: rotate(0deg);
    	top: 89%;
    	left: 56px;
	}

	.item .caption 
	{
	    padding: 10rem 2rem;
	    text-align: center;
	}

	.item .caph4:after 
	{
	    content: '';
	    position: absolute;
	    width: 59px;
	    height: 1px;
	    background: #fff;
	    bottom: 408px;
	    right: 416px;
	}
	.item .caph4:before 
	{
    	content: '';
	    position: absolute;
	    width: 59px;
	    height: 1px;
	    background: #fff;
	    bottom: 408px;
	    left:15px;
	}
	.item .caph4:before 
	{
    	content: '';
	    position: absolute;
	    width: 49px;
	    height: 1px;
	    background: #fff;
	    bottom: 408px;
	    left:15px;
	}
	.navbar-toggle 
	{
		margin-top: 2.5rem;
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover
	{
		background: #fff;
	}
	.navbar-default .navbar-toggle
	{
		border-radius: 0px;
		border-color: #000;
	}
	.navbar-default .navbar-toggle .icon-bar 
	{
    	background-color: #000;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form
    {
    	border-color: transparent;
    	background: #fff;
    }
    .sticky-header .navbar-toggle 
	{
		margin-top: 1.5rem;
	}
	.sticky-header 
	{
    	top: -2px;
	}
	.sticky-header .navbar-brand
	{
		padding: 6px 12px;
	}

	.section2 
	{
	    background-image: url(../img/parallax.jpg);
	    height: 200px;
	    padding: 2em 0px;
	    margin-bottom: 3em;
	}

	.section2-form 
	{
	    background: #fff;
	    box-shadow: 1px 1px 1px;
	    margin-bottom: 2em;
	    box-shadow: 2px 1px 13px rgba(0,0,0,0.2);
	    position: relative;
	    margin-top: 40px;
	}

	.sec-formhead 
	{
	    padding: 3rem;
	    border-bottom: 1px solid #000;
	    text-align: center;
	    background: #000;
	}

	.sec-formhead h3 
	{
    	margin: 0px;
	    font-weight: 800;
	    color: #fff;
	}
	.section2-box 
	{
	    margin-top: 2rem;
	}
	.section3-box h3 
	{
    	margin-top: 4rem;
	}
	.section5-head h2
	{
	    margin-top: 2rem;
	}
	.section3-box img
	{
		margin: 0 auto;
		display: table;
	}

	.section5-box 
	{
    	padding: 20px 30px;
    }
    .section5-icon 
    {
    	 float: none; 
    	margin-bottom: 1rem;
	}
	.section5, .section7 
	{
    	padding: 3rem 0rem;
	}
	.client-box 
	{
	    padding: 2rem;
	    border: 1px solid #ccc;
	    min-height: 182px;
	}
	.main-footer .widgets-section .footer-widget 
	{
    	position: relative;
    	padding: 15px 15px 10px 5px;
	}
	.main-footer .logo-widget .text 
	{
    	margin-bottom: 0px; 
	}
	.main-footer .footer-info-section .info-block .inner{
		margin-left: 0px;
	}
	.link-list
	{
		margin-bottom: 0px;
	}
	.navbar-brand {
    	padding: 10px 15px;
    	margin-bottom: 15px;
	}
	.ab2arrow:before
	{
		content: '';
	    position: absolute;
	    display: none;
	}
	.bg-special h5
	{
		font-size: 48px;
	}
	.about1 
	{
    	padding: 4rem 0rem 0rem;
	}
	.ab2-content
	{
		padding: 0;
	}
	.breadheading:after 
	{
	    left: 18vw;
	    right: calc(100% - 302px);
	}
	.ab3-btn .btn-default 
	{
	    margin-top: 10px;
	}
	.service2-content 
	{
	    position: absolute;
		margin-top: 10%;
		margin-left: 0%;
		width: 263px;
		height: 557px;
	    background: #fff;
	    box-shadow: 0px 9px 26px rgba(0,0,0,0.3);
	}
	.service2-box 
	{
    	padding: 1.5rem 0rem;
	}
	.ser2-detail h4
	{
		font-size: 14px;
	}
	.service2-icon img 
	{
    	width: 27px;
	}
	.ser4-box
	{
		padding: 3rem 1rem;
	}
	.ser4-box blockquote 
	{
	    padding: 2rem 1rem;
	    font-size: 1.6rem;
	}
	.home-intro h2 {
	    font-size: 28px;
	    word-spacing: 3px;
	    letter-spacing: 0px;
	    line-height: 40px;
	    font-weight: 200;	
	}
	.section3-box 
	{
    	padding-bottom: 3rem;
    	min-height: auto; 
	}
	.home-intro
	{
		padding: 5px 0px;
	}
	.about1-content blockquote
	{
		padding: 15px 20px;
	}
	.breadheading:after
	{
		left: 6vw;
	}
	.service1 h1
	{
		font-size: 35px;
	}
	.contact3 .thumbnail
	{
		margin-bottom: 20px;
	}
	.dl-menuwrapper button
	{
		margin-left: 120px;
	}
	.dl-menuwrapper
	{
		max-width: 194px;
	}
	.item .caph4:before, .item .caph4:after
	{
		display: none;
	}
	.item .caption h2
	{
		font-size: 2rem;
	}
	.section2-head h2
	{
		line-height: 38px;
	}
	.sec3icon
	{
		margin-bottom: 13rem;
	}
	.link-list li a
	{
		padding-left: 0;
	}
	.sec3content p 
	{
    	font-size: 1.4rem;
    	line-height: 2rem;
    	color: #848484;
	}
	.service1 p
	{
		font-size: 24px;
	    word-spacing: 3px;
	    letter-spacing: 0px;
	    line-height: 32px;
	    font-weight: 200;
	}
	.ser2main 
	{
    	padding: 3rem 1rem 1.5rem;
	}
	.section4 
	{
    	background: url(../img/banner.png);
    	background-position: 80% 63%;
	}
	.testimonial-owl .owl-dots {
    	position: absolute;
    /* transform: rotate(-90deg); */
    	top: 103%;
    	left: 1%;
	}
}

@media(min-width: 375px) and (max-width: 667px)
{
	.navbar 
	{
	    margin-bottom: 1rem;
	    border-radius: 0px;
	}
	.index-owl .owl-dots , .testimonial-owl .owl-dots 
	{
	    position: absolute;
	    transform: rotate(0deg);
    	top: 89%;
    	left: 107px;
	}

	.item .caption 
	{
	    padding: 10rem 2rem;
	    text-align: center;
	}

	.navbar 
	{
	    margin-bottom: 1rem;
	    border-radius: 0px;
	}
	.index-owl .owl-dots
	{
	    position: absolute;
	    transform: rotate(0deg);
    	top: 89%;
    	left: 107px;
	}
	.testimonial-owl .owl-dots 
	{
	    position: absolute;
	    transform: rotate(0deg);
	    top: 105%;
	    left: -3px;
	}

	.item .caption 
	{
	    padding: 10rem 2rem;
	    text-align: center;
	}

	.item .caph4:after 
	{
	    content: '';
	    position: absolute;
	    width: 59px;
	    height: 1px;
	    background: #fff;
	    bottom: 408px;
	    right: 416px;
	}
	.item .caph4:before 
	{
    	content: '';
	    position: absolute;
	    width: 59px;
	    height: 1px;
	    background: #fff;
	    bottom: 408px;
	    left:15px;
	}
	.item .caph4:before 
	{
    	content: '';
	    position: absolute;
	    width: 49px;
	    height: 1px;
	    background: #fff;
	    bottom: 408px;
	    left:15px;
	}
	.navbar-toggle 
	{
		margin-top: 2.5rem;
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover
	{
		background: #fff;
	}
	.navbar-default .navbar-toggle
	{
		border-radius: 0px;
		border-color: #000;
	}
	.navbar-default .navbar-toggle .icon-bar 
	{
    	background-color: #000;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form
    {
    	border-color: transparent;
    	background: #fff;
    }
    .sticky-header .navbar-toggle 
	{
		margin-top: 1.5rem;
	}
	.sticky-header 
	{
    	top: -2px;
	}
	.sticky-header .navbar-brand
	{
		padding: 6px 12px;
	}

	.section2 
	{
	    background-image: url(../img/parallax.jpg);
	    height: 200px;
	    padding: 2em 0px;
	    margin-bottom: 3em;
	}

	.section2-form 
	{
	    background: #fff;
	    box-shadow: 1px 1px 1px;
	    margin-bottom: 2em;
	    box-shadow: 2px 1px 13px rgba(0,0,0,0.2);
	    position: relative;
	    margin-top: 80px;
	}

	.sec-formhead 
	{
	    padding: 3rem;
	    border-bottom: 1px solid #000;
	    text-align: center;
	    background: #000;
	}

	.sec-formhead h3 
	{
    	margin: 0px;
	    font-weight: 800;
	    color: #fff;
	}
	.section2-box 
	{
	    margin-top: 2rem;
	}
	.section3-box h3 
	{
    	margin-top: 4rem;
	}
	.section5-head h2
	{
	    margin-top: 2rem;
	}
	.section3-box img
	{
		margin: 0 auto;
		display: table;
	}

	.section5-box 
	{
    	padding: 20px 30px;
    }
    .section5-icon 
    {
    	 float: none; 
    	margin-bottom: 1rem;
	}
	.section5, .section7 
	{
    	padding: 3rem 0rem;
	}
	.client-box 
	{
	    padding: 2rem;
	    border: 1px solid #ccc;
	    min-height: 182px;
	}
	.main-footer .widgets-section .footer-widget 
	{
    	position: relative;
    	padding: 15px 15px 10px 5px;
	}
	.main-footer .logo-widget .text 
	{
    	margin-bottom: 0px; 
	}
	.main-footer .footer-info-section .info-block .inner{
		margin-left: 0px;
	}
	.link-list
	{
		margin-bottom: 0px;
	}
	.navbar-brand {
    	padding: 10px 15px;
    	margin-bottom: 15px;
	}
	.ab2arrow:before
	{
		content: '';
	    position: absolute;
	    display: none;
	}
	.bg-special h5
	{
		font-size: 60px;
	}
	.breadheading:after 
	{
	    left: 18vw;
	    right: calc(100% - 336px);
	}
	.ab3-btn .btn-default 
	{
	    margin-top: 10px;
	}
	.service2-content 
	{
	    position: absolute;
	    margin-top: 4%;
	    margin-left: 0%;
    	width: 320px;
    	height: 507px;
	    background: #fff;
	    box-shadow: 0px 9px 26px rgba(0,0,0,0.3);
	}
	.service2img
	{
		height: 540px;
	}
	.service2-box 
	{
    	padding: 1.5rem 1rem;
	}
	.service2-icon img 
	{
    	width: 27px;
	}
	.home-intro h2 {
	    font-size: 28px;
	    word-spacing: 3px;
	    letter-spacing: 0px;
	    line-height: 40px;
	    font-weight: 200;	
	}
	.section3-box 
	{
    	padding-bottom: 4.5rem;
    	min-height: auto; 
	}
	.home-intro
	{
		padding: 5px 0px;
	}
	.about1-content blockquote
	{
		padding: 15px 20px;
	}
	.breadheading:after
	{
		left: 8vw;
	}
	.service1 h1
	{
		font-size: 35px;
	}
	.contact3 .thumbnail
	{
		margin-bottom: 20px;
	}
	.section4 
	{
    	background: url(../img/banner.png);
    	background-position: 80% 63%;
	}
}


@media(min-width: 414px) and (max-width: 736px)
{
	.navbar 
	{
	    margin-bottom: 1rem;
	    border-radius: 0px;
	}
	.index-owl .owl-dots
	{
	    position: absolute;
	    transform: rotate(0deg);
    	top: 89%;
    	left: 107px;
	}
	.testimonial-owl .owl-dots 
	{
	    position: absolute;
	    transform: rotate(0deg);
	    top: 105%;
	    left: 17px;
	}

	.item .caption 
	{
	    padding: 10rem 2rem;
	    text-align: center;
	}

	.item .caph4:after 
	{
	    content: '';
	    position: absolute;
	    width: 59px;
	    height: 1px;
	    background: #fff;
	    bottom: 408px;
	    right: 416px;
	}
	.item .caph4:before 
	{
    	content: '';
	    position: absolute;
	    width: 59px;
	    height: 1px;
	    background: #fff;
	    bottom: 408px;
	    left:15px;
	}

	.section2 
	{
	    background-image: url(../img/parallax.jpg);
	    height: 180px;
	    padding: 3em 0px;
	    margin-bottom: 3em;
	}

	.section2-form 
	{
	    background: #fff;
	    box-shadow: 1px 1px 1px;
	    margin-bottom: 2em;
	    box-shadow: 2px 1px 13px rgba(0,0,0,0.2);
	    position: relative;
	    margin-top: 90px;
	}

	.sec-formhead 
	{
	    padding: 3rem;
	    border-bottom: 1px solid #000;
	    text-align: center;
	    background: #000;
	}

	.sec-formhead h3 
	{
    	margin: 0px;
	    font-weight: 800;
	    color: #fff;
	}

	.section2-box 
	{
	    margin-top: 2rem;
	}
	.section3-box h3 
	{
    	margin-top: 4rem;
	}
	.section5-head h2
	{
	    margin-top: 2rem;
	}
	.section3-box img
	{
		margin: 0 auto;
		display: table;
	}

	.section5-box 
	{
    	padding: 20px 30px;
    }
    .section5-icon 
    {
    	 float: none; 
    	margin-bottom: 1rem;
	}
	.client-box 
	{
	    padding: 4rem;
	    border: 1px solid #ccc;
	}
	.main-footer .widgets-section .footer-widget 
	{
    	position: relative;
    	padding: 15px 15px 10px 25px;
	}
	.main-footer .logo-widget .text 
	{
    	margin-bottom: 0px; 
	}
	.section5, .section7 
	{
    	padding: 4rem 0rem;
	}
	.navbar-toggle 
	{
		margin-top: 2.5rem;
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover
	{
		background: #fff;
	}
	.navbar-default .navbar-toggle
	{
		border-radius: 0px;
		border-color: #000;
	}
	.navbar-default .navbar-toggle .icon-bar 
	{
    	background-color: #000;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form
    {
    	border-color: transparent;
    	background: #fff;
    }
    .sticky-header .navbar-toggle 
	{
		margin-top: 1.5rem;
	}
	.sticky-header 
	{
    	top: -2px;
	}
	.sticky-header .navbar-brand
	{
		padding: 6px 12px;
	}
		.link-list
	{
		margin-bottom: 0px;
	}
	.ab2arrow:before
	{
		content: '';
	    position: absolute;
	    display: none;
	}
	.bg-special h5
	{
		font-size: 60px;
	}
	.breadheading:after 
	{
	    left: 18vw;
	    right: calc(100% - 336px);
	}
	.ab3-btn .btn-default 
	{
	    margin-top: 10px;
	}
	.service2-content 
	{
	    position: absolute;
	    margin-top: 20%;
	    margin-left: 0%;
	    width: 356px;
	    height: 518px;
	    background: #fff;
	    box-shadow: 0px 9px 26px rgba(0,0,0,0.3);
	}
	.service2-box 
	{
    	padding: 2rem 1rem;
	}
	.service2-icon img 
	{
    	width: 27px;
	}
	.section4 
	{
    	background: url(../img/banner.png);
    	background-position: 80% 63%;
	}

}

@media(min-width: 375px) and (max-width: 812px)
{
	.sec3icon 
	{
	    float: left;
	    margin-bottom: 11rem;
	    margin-right: 2rem;
	    font-size: 3rem;
	    color: #5f5f5f;
	}
	.gallery-item, .grid-sizer
	{
		width: 100%;
	}
	.link-list
	{
		margin-bottom: 0px;
	}
	.ab2arrow:before
	{
		content: '';
	    position: absolute;
	    display: none;
	}
	.bg-special h5
	{
		font-size: 60px;
	}
	.breadheading:after 
	{
	    /*left: 14vw;*/
	    right: calc(100% - 354px);
	}
	.ab3-btn .btn-default 
	{
	    margin-top: 10px;
	}
	.service1 p
	{
		line-height: 35px;
		font-style: 24px;
	}
	.section4 
	{
    	background: url(../img/banner.png);
    	background-position: 80% 63%;
	}
}

@media(min-width: 768px) and (max-width: 1024px)
{
	.menucenter 
	{
	    margin: 0 auto;
	    padding-top: 20px;
	    display: table;
	    padding-left: 80px;
	    text-align: left !important;
	}
	.navbar-default .navbar-nav>li>a 
	{
	    margin: 0px 0px;
	}
	.socialicon ul 
	{
	    list-style-type: none;
	    position: fixed;
	    top: 40%;
    	padding-left: 2px;
	}
	.section2 
	{
    	background-image: url(../img/parallax.jpg);
    	height: 180px;
    	padding: 3em 0px;
    	margin-bottom: 3em;
	}
	.section2-form 
	{
    	margin-top: 70px;
	}
	.section2-box
	{
		margin-top: 6rem;
	    background: url(../img/bg_2.jpg);
	    padding: 5rem 3rem 2rem;
	    min-height: 370px;
	}
	.section3 
	{
    	margin-top: 41rem;
	}
	.sec3icon 
	{
    	margin-bottom: 17rem;
    }
    .link-list
	{
		margin-bottom: 0px;
	}
	.section4 
	{
    	background: url(../img/banner.png);
    	background-position: 22% 0%;
    	padding: 4rem 0rem 0rem;
    	background-repeat: no-repeat;
	}	
	.section5-icon 
	{
    	margin-bottom: 21rem;
    }
    .sec3content
    {
    	min-height: 320px;
    }
    .sec3icon
    {
    	margin-bottom: 26rem;
    }
    .headercontact 
    {
    	padding-top: 3.6rem;
    	margin-bottom: 20px;
	}
	.ab2-content 
	{
    	padding: 1rem 0.5rem;
	}
	.about2-box
	{
		padding: 0rem;
	}
	.ab4-content1 
	{
    	padding: 3.4rem 2rem !important;
	}
	.ab4-content {
    	padding: 2.3rem 2rem;
	}
	.breadheading:after 
	{
		left: -5vw;
    	right: calc(100% - 404px);
	}
	.service2-content
	{
		margin-left: -11%;
	}
	.testimonial-owl .owl-dots {
    	position: absolute;
    	/* transform: rotate(-90deg); */
    	bottom: -15%;
    	left: 22%;
	}
	.section5-head h2
	{
		margin-top: 0;
	}
	.section5 , .section7
	{
		padding-top: 0;
	}
	.section3-box
	{
		padding-bottom: 0;
		min-height: 0px;
	}
	.testimonial-block
	{
		min-height: 345px;
	}
	.link-list li a
	{
		padding-left: 0;
	}
	.main-footer .widgets-section .footer-widget
	{
		padding: 25px 0px 10px 0px;
	}
	.queryform img
	{
		width: 50px;
		height: auto;
	}
	.project-list img
	{
		width: 80px;
	}
	.project-list li
	{
		margin-right: 15px;
	}
	.con1-add
	{
		padding: 2.5rem 0rem;
	}
	.nav>li>a
	{
		padding: 10px 12px;
	}
	.navbar-default .navbar-nav>li>a
	{
		font-size: 14px;
	}
	.ab4-img img
	{
		height: 235px;
	}
}

@media(min-width: 320px) and (max-width: 568px) and (orientation : landscape)
{
	.item .caption 
	{
	    padding: 5rem 2rem;
	    text-align: center;
	}
	.item .caph4:after 
	{
	    content: '';
	    position: absolute;
	    width: 59px;
	    height: 1px;
	    background: #fff;
    	bottom: 308px;
    	right: 432px;
	}
	.item .caph4:before 
	{
	    content: '';
	    position: absolute;
	    width: 59px;
	    height: 1px;
	    background: #fff;
    	bottom: 308px;
    	left: 432px;
	}
	.index-owl .owl-dots , .testimonial-owl .owl-dots 
	{
		top: 83%;
    	left: 180px;
	}
	.bg-special h5
	{
		font-size: 60px;
	}
	.ab3-btn .btn-default 
	{
	    margin-top: 10px;
	}
	.sec3icon
	{
		margin-bottom: 2rem;
	}
	.breadheading:after 
	{
    	right: calc(100% - 460px);
	}
	.service2-content
	{
    	margin-top: 4%;
    	width: 425px;
	}
}

@media(min-width: 375px) and (max-width: 667px) and (orientation : landscape)
{
	.item .caption 
	{
	    padding: 5rem 2rem;
	    text-align: center;
	}
	.item .caph4:after 
	{
	    content: '';
	    position: absolute;
	    width: 59px;
	    height: 1px;
	    background: #fff;
    	bottom: 308px;
    	right: 432px;
	}
	.item .caph4:before 
	{
	    content: '';
	    position: absolute;
	    width: 59px;
	    height: 1px;
	    background: #fff;
    	bottom: 308px;
    	left: 432px;
	}
	.index-owl .owl-dots , .testimonial-owl .owl-dots 
	{
    	top: 91%;
    	left: 229px;
	}
	.bg-special h5
	{
		font-size: 60px;
	}
	.ab3-btn .btn-default 
	{
	    margin-top: 10px;
	}
	.breadheading:after 
	{
    	right: calc(100% - 564px);
	}
	.service2-content
	{
		margin-top: 4%;
		width: 421px;
		height: 484px;
	}
	.service2img
	{
		height: 530px;
	}
	.contact3 .thumbnail
	{
		margin: 0rem 3rem;
	}
}

@media(min-width: 414px) and (max-width: 736px) and (orientation : landscape)
{
	.item .caption 
	{
	    padding: 5rem 2rem;
	    text-align: center;
	}
	.item .caph4:after 
	{
	    content: '';
	    position: absolute;
	    width: 59px;
	    height: 1px;
	    background: #fff;
    	bottom: 308px;
    	right: 495px;
	}
	.item .caph4:before 
	{
	    content: '';
	    position: absolute;
	    width: 59px;
	    height: 1px;
	    background: #fff;
		bottom: 308px;
    	left: 498px;
	}
	.index-owl .owl-dots
	{
    	top: 91%;
    	left: 275px;
	}
	.testimonial-owl .owl-dots 
	{
	    top: 110%;
	    left: 131px;
	}
	.bg-special h5
	{
		font-size: 60px;
	}
	.ab3-btn .btn-default 
	{
	    margin-top: 10px;
	}
	.sec3icon
	{
		margin-bottom: 3rem;
	}
	.section3-box 
	{
    	padding-bottom: 2rem;
    	min-height: 155px;
	}
	.breadheading:after
	{
		left: 24vw;
		right: calc(100% - 540px);
	}
}

@media(min-width: 768px) and (max-width: 1024px) and (orientation : landscape)
{
	.item .caph4:before 
	{
	    content: '';
	    position: absolute;
	    width: 59px;
	    height: 1px;
	    background: #fff;
		bottom: 407px;
    	left: 238px;
	}
	.item .caph4:after 
	{
	    content: '';
	    position: absolute;
	    width: 59px;
	    height: 1px;
	    background: #fff;
    	bottom: 407px;
    	right: 239px;
	}
	.section2-form 
	{
    	margin-top: 100px;
	}
	.section2-box 
	{
    	margin-top: 10rem;
	}
	.section2-box 
	{
    	min-height: 325px;
	}
	.sec3icon 
	{
    	margin-bottom: 16rem;
	}
	.socialicon ul 
	{
    	z-index: 10000;
    }
    .bg-special h5
	{
		font-size: 60px;
	}
	.sec3content 
	{
    	min-height: 220px;
	}
	.ab4-content {
    	padding: 2rem 2rem;
	}
}
/*____________________________ media query ------------------------------*/