*{
 -webkit-box-sizing:border-box;   
 -moz-box-sizing:border-box;
 -o-box-sizing:border-box;
    box-sizing:border-box;
}
/*start global*/
@font-face {
      font-family: 'Exo-Medium.ttf';
      src: url("../fonts/Exo-Medium.ttf") format('truetype');
}

body {
     font-family: 'Exo-Medium.ttf';

}

.green {
    color: #285359;
}

.bold {
    font-weight: bold;
}

h2 {
    text-transform: capitalize;
}

/*end global*/


/* Start of my css */


/* nav bar css*/
		
		li.active a{
		color: #4fc5b0 !important;
		}
		
/* end of nav css*/

/* contact us page */

.pb-100 {
	padding-bottom: 100px;
}
.pt-100 {
	padding-top: 100px;
}
.mb-100 {
	margin-bottom: 100px;
}
a {
	text-decoration: none;
	color: #333;
	-webkit-transition: .4s;
	transition: .4s;
}
.section-title {
	position: relative;
}
.section-title p {
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: 400;
}
.section-title h4 {
	font-size: 40px;
	font-weight: 600;
	text-transform: capitalize;
	position: relative;
	padding-bottom: 20px;
	display: inline-block;
}
.section-title h4::before {
	position: absolute;
	content: "";
	width: 80px;
	height: 2px;
	background-color: #d8d8d8;
	bottom: 0;
	left: 50%;
	margin-left: -40px;
}
.section-title h4::after {
	position: absolute;
	content: "";
	width: 50px;
	height: 2px;
	background-color: #4fc08f;
	left: 0;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
}
.contact {
	background-image: url("http://infinityflamesoft.com/html/abal-preview/assets/img/contact_back.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	position: relative;
	z-index: 2;
	color: #fff;
}
.contact-form input,
textarea {
	width: 100%;
	border: 1px solid #555;
	padding: 5px 10px;
	text-transform: capitalize;
	margin-top: 15px;
	background-color: transparent;
	color: #fff;
}
.contact:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #333;
	z-index: -1;
	opacity: .85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}
.single-contact {
	text-align: left;
	position: relative;
	padding-left: 70px;
	margin-bottom: 50px;
	margin-top: 10px;
}
.single-contact i.fa {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	background-color: #4fc08f;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 3px;
}
.single-contact h5 {
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 500;
}
.single-contact p {
	font-size: 15px;
	font-weight: 400;
}
.contact-form input[type="submit"] {
	background-color: #4fc08f;
	border: 0px;
	cursor: pointer;
	font-size: 16px;
	-webkit-transition: .4s;
	transition: .4s
}
.contact-form input[type="submit"]:hover {
	background-color: #4fc08f
}
.contact-form input:focus, textarea:focus {
	border-color: #CC5B00
}


/* end of contact us page */

/* End of my css */


/*start section header*/
.header {
    padding-top: 15px;
}
.header li {
    display: inline-block;
}

.header .list {
    float: right;
    margin-top: 20px;
}

.header i {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 46px;
}

.header p {
    color: #777;
    position: relative;
    top: 6px;
}

.header .pragraph {
    position: relative;
    top: 7px;
}
.header .phone {
    position: relative;
    top: 6px;
}
/*end section header*/

/*start section carousal*/
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
}
.carousel-indicators .active {
    width: 15px;
    height: 15px;
    background-color: #285359;
}
.carousel-indicators li {
    width: 15px;
    height: 15px;
    background-color: #ddd;
    border: none;
}
/*end section carousal*/

/*start section contains*/
.contents {
    background: url(../images/bg-image-2.jpg);
    padding-top: 55px;
    padding-bottom: 55px;
}

.contents h3 {
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 25px;
}

.contents p {
    color: rgba(0,0,0,.7);
    line-height: 28px;
}
.contents i {
    margin-right: auto;
    margin-left: auto;
    display: block;
    width: 80px;
    height: 80px;
    padding-top: 26px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    background-color: #285359;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
        transition:all .4s ease-in-out
}

.contents i:hover{
 -webkit-transform:scale(1.1,1.1) rotate(360deg);
  -moz-transform:scale(1.1,1.1)  rotate(360deg);
  -o-transform:scale(1.1,1.1)  rotate(360deg);
     transform:scale(1.1,1.1)  rotate(360deg);} 
/*end section contains*/

/*start section projects*/
.projects {
    padding-bottom: 40px;
    padding-top: 40px;
}

.projects ul {
    margin-top: 50px;
    display: block;
    text-align: center;
    margin-bottom: 45px;
}

.projects ul li {
    display: inline-block;
    padding: 5px 35px;
    border: 2px solid #868691;
    text-decoration: none;
    margin-right: 10px;
    cursor: pointer;
    color: #999;
}

.projects ul li.selected {
    border: 2px solid #868691;
    color: #285359;
}

.projects img {
    width: 100%;
    height: 250px;
}

.project-part {
    margin-top: 20px;
}

.projects h2 {
    font-size: 29px;
}

.projects p{
    color: #868691;
    margin-top: 20px;
}

.hovereffect {
    position:relative;
    text-align:center;
    cursor:pointer;
    overflow:hidden;
}

.hovereffect .overlay {
    width:100%;
    height:100%;
    position:absolute;
    overflow:hidden;
    top:0;
    left:0;
    opacity:0;
    background-color:rgba(0, 0,0,.5);
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}

.hovereffect img {
    display:block;
    position:relative;
    -webkit-transition:all .4s linear;
    -o-transition:all .4s linear;
    -moz-transition:all .4s linear;
    transition:all .4s linear;
     width: 100%;
}

.hovereffect:hover img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);    
    transform:scale(1.2);
    
}

.overlay i {
    position: absolute;
    left: 47%;
    top: 45%;
    color: #fff;
}

.hovereffect .overlay:hover{
    opacity:1;
    filter:alpha(opacity=100);
}
/*end section projects*/

/*start section about*/
.about{
    background-color: #285359;
    padding-top:30px;
    padding-bottom: 55px;
}

.picture div{
    display: inline-block;
}

.about h2 {
    color: #fff;
    margin-bottom: 30px;
}

.about h3{
    font-size: 18px;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
    
}

.about h2:hover{
    color: #fff;
}

.about p{
    font-size: 15px;
    letter-spacing: 1px;
    border-left:3px solid #494949;
    padding-left: 30px;
    color: #999;
    
}
/*end section about*/
/*start section news*/
.news {
    padding-top: 50px;
    padding-bottom: 50px;
    background: url("../images/bottom_bg.png") no-repeat;
    background-size: cover;
}

.news img {
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
}

.news h3 {
    font-size: 18px;
}

.news p {
    color: #4a4444;
}

.news a {
    float: right;
    text-transform: capitalize;
    color: #285359;
    text-decoration: underline;
}

.news .link1 {
    margin-top: 10px;
}

.news .link2 {
    margin-top: 70px;

}

.news .link3 {
    margin-top: 50px;

}
/*end section news*/

.footer{
    background-color: #333;
    color: #fff;
    
}

.footer a i{
    width: 32px;
    height: 32px;
    background-color: #333;
    color: #fff;
    margin-top: 35px;
    margin-bottom:30px;
    margin-right: 25px;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #285359;

    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
         transition: all .5s ease-in-out;
      
}

.footer a i:hover{
   
   -webkit-transform: rotateY(360deg);
   -o-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
        transform: rotateY(360deg);
  
  
}

.footer span{
    padding-bottom: 20px;
    display: block;
}
/*start media query*/

/*al max-width:768; da 7'as bl mobile & tablet*/
/*smart phonees and tablets*/
@media(max-width: 767px){
    .header {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    
    .header .list {
        float:initial;
    }
    
    .stellarnav.mobile.dark ul {
        background-color:#285359; 
    }
    
}
/*small screen*/
@media(min-width: 768px) and (max-width: 991px){
    .header {
      padding-top: 7px;
      padding-bottom: 10px;
    }
    .header i {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .stellarnav > ul > li > a {
        padding: 20px 29px;
    }
}
/*medium screen*/
@media(min-width: 992px) and (max-width: 1199px){
     
}
/*large screen*/
@media(min-width: 1200px){
  
}
/*end media query*/

/*start our grouping*/
/*end our grouping*/