/*
======================
Font Sizes Class for only bigger device
======================
*/
@media screen and (min-width: 768px)
{
	.font-res-5{ font-size:5px !important }
	.font-res-10{ font-size:10px !important }
	.font-res-15{ font-size:15px !important }
	.font-res-20{ font-size:20px !important }
	.font-res-25{ font-size:25px !important }
	.font-res-30{ font-size:30px !important }
	.font-res-35{ font-size:35px !important }
	.font-res-40{ font-size:40px !important }
	.font-res-45{ font-size:45px !important }
	.font-res-50{ font-size:50px !important }
	.font-res-55{ font-size:55px !important }
	.font-res-60{ font-size:60px !important }
	.font-res-65{ font-size:65px !important }
	.font-res-70{ font-size:70px !important }
	.font-res-75{ font-size:75px !important }
	.font-res-80{ font-size:80px !important }
	.font-res-85{ font-size:85px !important }
	.font-res-90{ font-size:90px !important }
	.font-res-95{ font-size:95px !important }
	.font-res-100{ font-size:100px !important } 	
}

/*
======================
Font Sizes Class for all device
======================
*/

	.font-5{ font-size:5px !important }
	.font-10{ font-size:10px !important }
	.font-15{ font-size:15px !important }
	.font-20{ font-size:20px !important }
	.font-25{ font-size:25px !important }
	.font-30{ font-size:30px !important }
	.font-35{ font-size:35px !important }
	.font-40{ font-size:40px !important }
	.font-45{ font-size:45px !important }
	.font-50{ font-size:50px !important }
	.font-55{ font-size:55px !important }
	.font-60{ font-size:60px !important }
	.font-65{ font-size:65px !important }
	.font-70{ font-size:70px !important }
	.font-75{ font-size:75px !important }
	.font-80{ font-size:80px !important }
	.font-85{ font-size:85px !important }
	.font-90{ font-size:90px !important }
	.font-95{ font-size:95px !important }
	.font-100{ font-size:100px !important }

/*
================================
color classes
================================
*/
.text-white
{
	color: #fff;
}
.text-333
{
	color: #333;
}
.text-000
{
	color: #000;
}
.text-ccc
{
	color: #ccc;
}



/*
================================
picture and content 
================================
*/

.picture-box .picture
{
	width: 450px;
	float: left;
	margin-right: 10px;
}

.picture-box .desc
{
	width: 100%;
}



/*
================================
ul list left icon 
================================
*/

ul.list-item
{
	padding-left: 0;
	margin-bottom: 0;
}

ul.list-item li
{
	position: relative;
}

ul.list-item li span
{
	width: 90%;
	display: inline-block;
}

ul.list-item li:before
{
	position: absolute;
	content: '\fd58';
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	font-family: FontAwesome;
	color: #000;
}


/*
====================
margin top for bigger screen only
====================
*/

@media screen and (min-width: 768px)
{
	.mt-5{ margin-top:5px !important}
	.mt-10{ margin-top:10px !important}
	.mt-15{ margin-top:15px !important}
	.mt-20{ margin-top:20px !important}
	.mt-25{ margin-top:25px !important}
	.mt-30{ margin-top:30px !important}
	.mt-35{ margin-top:35px !important}
	.mt-40{ margin-top:40px !important}
	.mt-45{ margin-top:45px !important}
	.mt-50{ margin-top:50px !important}
	.mt-55{ margin-top:55px !important}
	.mt-60{ margin-top:60px !important}
	.mt-65{ margin-top:65px !important}
	.mt-70{ margin-top:70px !important}
	.mt-75{ margin-top:75px !important}
	.mt-80{ margin-top:80px !important}
	.mt-85{ margin-top:85px !important}
	.mt-90{ margin-top:90px !important}
	.mt-95{ margin-top:95px !important}
	.mt-100{ margin-top:100px !important} 

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

	.ml-5{ margin-left:5px !important }
	.ml-10{ margin-left:10px !important }
	.ml-15{ margin-left:15px !important }
	.ml-20{ margin-left:20px !important }
	.ml-25{ margin-left:25px !important }
	.ml-30{ margin-left:30px !important }
	.ml-35{ margin-left:35px !important }
	.ml-40{ margin-left:40px !important }
	.ml-45{ margin-left:45px !important }
	.ml-50{ margin-left:50px !important }
	.ml-55{ margin-left:55px !important }
	.ml-60{ margin-left:60px !important }
	.ml-65{ margin-left:65px !important }
	.ml-70{ margin-left:70px !important }
	.ml-75{ margin-left:75px !important }
	.ml-80{ margin-left:80px !important }
	.ml-85{ margin-left:85px !important }
	.ml-90{ margin-left:90px !important }
	.ml-95{ margin-left:95px !important }
	.ml-100{ margin-left:100px !important }


	/*=======================*/
	
	.mb-5{ margin-bottom:5px !important }
	.mb-10{ margin-bottom:10px !important }
	.mb-15{ margin-bottom:15px !important }
	.mb-20{ margin-bottom:20px !important }
	.mb-25{ margin-bottom:25px !important }
	.mb-30{ margin-bottom:30px !important }
	.mb-35{ margin-bottom:35px !important }
	.mb-40{ margin-bottom:40px !important }
	.mb-45{ margin-bottom:45px !important }
	.mb-50{ margin-bottom:50px !important }
	.mb-55{ margin-bottom:55px !important }
	.mb-60{ margin-bottom:60px !important }
	.mb-65{ margin-bottom:65px !important }
	.mb-70{ margin-bottom:70px !important }
	.mb-75{ margin-bottom:75px !important }
	.mb-80{ margin-bottom:80px !important }
	.mb-85{ margin-bottom:85px !important }
	.mb-90{ margin-bottom:90px !important }
	.mb-95{ margin-bottom:95px !important }
	.mb-100{ margin-bottom:100px !important }


	/*=======================*/
	
	.mr-5{ margin-right:5px !important }
	.mr-10{ margin-right:10px !important }
	.mr-15{ margin-right:15px !important }
	.mr-20{ margin-right:20px !important }
	.mr-25{ margin-right:25px !important }
	.mr-30{ margin-right:30px !important }
	.mr-35{ margin-right:35px !important }
	.mr-40{ margin-right:40px !important }
	.mr-45{ margin-right:45px !important }
	.mr-50{ margin-right:50px !important }
	.mr-55{ margin-right:55px !important }
	.mr-60{ margin-right:60px !important }
	.mr-65{ margin-right:65px !important }
	.mr-70{ margin-right:70px !important }
	.mr-75{ margin-right:75px !important }
	.mr-80{ margin-right:80px !important }
	.mr-85{ margin-right:85px !important }
	.mr-90{ margin-right:90px !important }
	.mr-95{ margin-right:95px !important }
	.mr-100{ margin-right:100px !important }

/*
==================
Padding
==================
*/

	.pt-5{ padding-top:5px !important}
	.pt-10{ padding-top:10px !important}
	.pt-15{ padding-top:15px !important}
	.pt-20{ padding-top:20px !important}
	.pt-25{ padding-top:25px !important}
	.pt-30{ padding-top:30px !important}
	.pt-35{ padding-top:35px !important}
	.pt-40{ padding-top:40px !important}
	.pt-45{ padding-top:45px !important}
	.pt-50{ padding-top:50px !important}
	.pt-55{ padding-top:55px !important}
	.pt-60{ padding-top:60px !important}
	.pt-65{ padding-top:65px !important}
	.pt-70{ padding-top:70px !important}
	.pt-75{ padding-top:75px !important}
	.pt-80{ padding-top:80px !important}
	.pt-85{ padding-top:85px !important}
	.pt-90{ padding-top:90px !important}
	.pt-95{ padding-top:95px !important}
	.pt-100{ padding-top:100px !important}

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

	.pl-5{ padding-left:5px !important }
	.pl-10{ padding-left:10px !important }
	.pl-15{ padding-left:15px !important }
	.pl-20{ padding-left:20px !important }
	.pl-25{ padding-left:25px !important }
	.pl-30{ padding-left:30px !important }
	.pl-35{ padding-left:35px !important }
	.pl-40{ padding-left:40px !important }
	.pl-45{ padding-left:45px !important }
	.pl-50{ padding-left:50px !important }
	.pl-55{ padding-left:55px !important }
	.pl-60{ padding-left:60px !important }
	.pl-65{ padding-left:65px !important }
	.pl-70{ padding-left:70px !important }
	.pl-75{ padding-left:75px !important }
	.pl-80{ padding-left:80px !important }
	.pl-85{ padding-left:85px !important }
	.pl-90{ padding-left:90px !important }
	.pl-95{ padding-left:95px !important }
	.pl-100{ padding-left:100px !important }


	/*=======================*/
	
	.pb-5{ padding-bottom:5px !important }
	.pb-10{ padding-bottom:10px !important }
	.pb-15{ padding-bottom:15px !important }
	.pb-20{ padding-bottom:20px !important }
	.pb-25{ padding-bottom:25px !important }
	.pb-30{ padding-bottom:30px !important }
	.pb-35{ padding-bottom:35px !important }
	.pb-40{ padding-bottom:40px !important }
	.pb-45{ padding-bottom:45px !important }
	.pb-50{ padding-bottom:50px !important }
	.pb-55{ padding-bottom:55px !important }
	.pb-60{ padding-bottom:60px !important }
	.pb-65{ padding-bottom:65px !important }
	.pb-70{ padding-bottom:70px !important }
	.pb-75{ padding-bottom:75px !important }
	.pb-80{ padding-bottom:80px !important }
	.pb-85{ padding-bottom:85px !important }
	.pb-90{ padding-bottom:90px !important }
	.pb-95{ padding-bottom:95px !important }
	.pb-100{ padding-bottom:100px !important }


	/*=======================*/
	
	.pr-5{ padding-right:5px !important}
	.pr-10{ padding-right:10px !important}
	.pr-15{ padding-right:15px !important}
	.pr-20{ padding-right:20px !important}
	.pr-25{ padding-right:25px !important}
	.pr-30{ padding-right:30px !important}
	.pr-35{ padding-right:35px !important}
	.pr-40{ padding-right:40px !important}
	.pr-45{ padding-right:45px !important}
	.pr-50{ padding-right:50px !important}
	.pr-55{ padding-right:55px !important}
	.pr-60{ padding-right:60px !important}
	.pr-65{ padding-right:65px !important}
	.pr-70{ padding-right:70px !important}
	.pr-75{ padding-right:75px !important}
	.pr-80{ padding-right:80px !important}
	.pr-85{ padding-right:85px !important}
	.pr-90{ padding-right:90px !important}
	.pr-95{ padding-right:95px !important}
	.pr-100{ padding-right:100px !important}


}

/*
====================
margin top for all screen
====================
*/

.mt-res-5{ margin-top:5px !important }
.mt-res-10{ margin-top:10px !important }
.mt-res-15{ margin-top:15px !important }
.mt-res-20{ margin-top:20px !important }
.mt-res-25{ margin-top:25px !important }
.mt-res-30{ margin-top:30px !important }
.mt-res-35{ margin-top:35px !important }
.mt-res-40{ margin-top:40px !important }
.mt-res-45{ margin-top:45px !important }
.mt-res-50{ margin-top:50px !important }
.mt-res-55{ margin-top:55px !important }
.mt-res-60{ margin-top:60px !important }
.mt-res-65{ margin-top:65px !important }
.mt-res-70{ margin-top:70px !important }
.mt-res-75{ margin-top:75px !important }
.mt-res-80{ margin-top:80px !important }
.mt-res-85{ margin-top:85px !important }
.mt-res-90{ margin-top:90px !important }
.mt-res-95{ margin-top:95px !important }
.mt-res-100{ margin-top:100px !important } 


.mr-res-5{ margin-right:5px !important }
.mr-res-10{ margin-right:10px !important }
.mr-res-15{ margin-right:15px !important }
.mr-res-20{ margin-right:20px !important }
.mr-res-25{ margin-right:25px !important }
.mr-res-30{ margin-right:30px !important }
.mr-res-35{ margin-right:35px !important }
.mr-res-40{ margin-right:40px !important }
.mr-res-45{ margin-right:45px !important }
.mr-res-50{ margin-right:50px !important }
.mr-res-55{ margin-right:55px !important }
.mr-res-60{ margin-right:60px !important }
.mr-res-65{ margin-right:65px !important }
.mr-res-70{ margin-right:70px !important }
.mr-res-75{ margin-right:75px !important }
.mr-res-80{ margin-right:80px !important }
.mr-res-85{ margin-right:85px !important }
.mr-res-90{ margin-right:90px !important }
.mr-res-95{ margin-right:95px !important }
.mr-res-100{ margin-right:100px !important }


.mb-res-5{ margin-bottom:5px !important }
.mb-res-10{ margin-bottom:10px !important }
.mb-res-15{ margin-bottom:15px !important }
.mb-res-20{ margin-bottom:20px !important }
.mb-res-25{ margin-bottom:25px !important }
.mb-res-30{ margin-bottom:30px !important }
.mb-res-35{ margin-bottom:35px !important }
.mb-res-40{ margin-bottom:40px !important }
.mb-res-45{ margin-bottom:45px !important }
.mb-res-50{ margin-bottom:50px !important }
.mb-res-55{ margin-bottom:55px !important }
.mb-res-60{ margin-bottom:60px !important }
.mb-res-65{ margin-bottom:65px !important }
.mb-res-70{ margin-bottom:70px !important }
.mb-res-75{ margin-bottom:75px !important }
.mb-res-80{ margin-bottom:80px !important }
.mb-res-85{ margin-bottom:85px !important }
.mb-res-90{ margin-bottom:90px !important }
.mb-res-95{ margin-bottom:95px !important }
.mb-res-100{ margin-bottom:100px !important }



.ml-res-5{ margin-left:5px !important }
.ml-res-10{ margin-left:10px !important }
.ml-res-15{ margin-left:15px !important }
.ml-res-20{ margin-left:20px !important }
.ml-res-25{ margin-left:25px !important }
.ml-res-30{ margin-left:30px !important }
.ml-res-35{ margin-left:35px !important }
.ml-res-40{ margin-left:40px !important }
.ml-res-45{ margin-left:45px !important }
.ml-res-50{ margin-left:50px !important }
.ml-res-55{ margin-left:55px !important }
.ml-res-60{ margin-left:60px !important }
.ml-res-65{ margin-left:65px !important }
.ml-res-70{ margin-left:70px !important }
.ml-res-75{ margin-left:75px !important }
.ml-res-80{ margin-left:80px !important }
.ml-res-85{ margin-left:85px !important }
.ml-res-90{ margin-left:90px !important }
.ml-res-95{ margin-left:95px !important }
.ml-res-100{ margin-left:100px !important }


/*
====================
padding top for all screen
====================
*/


.pt-res-5{ padding-top:5px !important }
.pt-res-10{ padding-top:10px !important }
.pt-res-15{ padding-top:15px !important }
.pt-res-20{ padding-top:20px !important }
.pt-res-25{ padding-top:25px !important }
.pt-res-30{ padding-top:30px !important }
.pt-res-35{ padding-top:35px !important }
.pt-res-40{ padding-top:40px !important }
.pt-res-45{ padding-top:45px !important }
.pt-res-50{ padding-top:50px !important }
.pt-res-55{ padding-top:55px !important }
.pt-res-60{ padding-top:60px !important }
.pt-res-65{ padding-top:65px !important }
.pt-res-70{ padding-top:70px !important }
.pt-res-75{ padding-top:75px !important }
.pt-res-80{ padding-top:80px !important }
.pt-res-85{ padding-top:85px !important }
.pt-res-90{ padding-top:90px !important }
.pt-res-95{ padding-top:95px !important }
.pt-res-100{ padding-top:100px !important } 


.pr-res-5{ padding-right:5px !important }
.pr-res-10{ padding-right:10px !important }
.pr-res-15{ padding-right:15px !important }
.pr-res-20{ padding-right:20px !important }
.pr-res-25{ padding-right:25px !important }
.pr-res-30{ padding-right:30px !important }
.pr-res-35{ padding-right:35px !important }
.pr-res-40{ padding-right:40px !important }
.pr-res-45{ padding-right:45px !important }
.pr-res-50{ padding-right:50px !important }
.pr-res-55{ padding-right:55px !important }
.pr-res-60{ padding-right:60px !important }
.pr-res-65{ padding-right:65px !important }
.pr-res-70{ padding-right:70px !important }
.pr-res-75{ padding-right:75px !important }
.pr-res-80{ padding-right:80px !important }
.pr-res-85{ padding-right:85px !important }
.pr-res-90{ padding-right:90px !important }
.pr-res-95{ padding-right:95px !important }
.pr-res-100{ padding-right:100px !important }


.pb-res-5{ padding-bottom:5px !important }
.pb-res-10{ padding-bottom:10px !important }
.pb-res-15{ padding-bottom:15px !important }
.pb-res-20{ padding-bottom:20px !important }
.pb-res-25{ padding-bottom:25px !important }
.pb-res-30{ padding-bottom:30px !important }
.pb-res-35{ padding-bottom:35px !important }
.pb-res-40{ padding-bottom:40px !important }
.pb-res-45{ padding-bottom:45px !important }
.pb-res-50{ padding-bottom:50px !important }
.pb-res-55{ padding-bottom:55px !important }
.pb-res-60{ padding-bottom:60px !important }
.pb-res-65{ padding-bottom:65px !important }
.pb-res-70{ padding-bottom:70px !important }
.pb-res-75{ padding-bottom:75px !important }
.pb-res-80{ padding-bottom:80px !important }
.pb-res-85{ padding-bottom:85px !important }
.pb-res-90{ padding-bottom:90px !important }
.pb-res-95{ padding-bottom:95px !important }
.pb-res-100{ padding-bottom:100px !important }



.pl-res-5{ padding-left:5px !important }
.pl-res-10{ padding-left:10px !important }
.pl-res-15{ padding-left:15px !important }
.pl-res-20{ padding-left:20px !important }
.pl-res-25{ padding-left:25px !important }
.pl-res-30{ padding-left:30px !important }
.pl-res-35{ padding-left:35px !important }
.pl-res-40{ padding-left:40px !important }
.pl-res-45{ padding-left:45px !important }
.pl-res-50{ padding-left:50px !important }
.pl-res-55{ padding-left:55px !important }
.pl-res-60{ padding-left:60px !important }
.pl-res-65{ padding-left:65px !important }
.pl-res-70{ padding-left:70px !important }
.pl-res-75{ padding-left:75px !important }
.pl-res-80{ padding-left:80px !important }
.pl-res-85{ padding-left:85px !important }
.pl-res-90{ padding-left:90px !important }
.pl-res-95{ padding-left:95px !important }
.pl-res-100{ padding-left:100px !important }




/*
=========================
Border-radius
=========================
*/
.border-radius1{border-radius:1px}
.border-radius2{border-radius:2px}
.border-radius3{border-radius:3px}
.border-radius4{border-radius:4px}
.border-radius5{border-radius:5px}
.border-radius6{border-radius:6px}
.border-radius7{border-radius:7px}
.border-radius8{border-radius:8px}
.border-radius9{border-radius:9px}
.border-radius10{border-radius:10px}
.border-radius11{border-radius:11px}
.border-radius12{border-radius:12px}
.border-radius13{border-radius:13px}
.border-radius14{border-radius:14px}
.border-radius15{border-radius:15px}
.border-radius16{border-radius:16px}
.border-radius17{border-radius:17px}
.border-radius18{border-radius:18px}
.border-radius19{border-radius:19px}
.border-radius20{border-radius:20px}
.border-radius21{border-radius:21px}
.border-radius22{border-radius:22px}
.border-radius23{border-radius:23px}
.border-radius24{border-radius:24px}
.border-radius25{border-radius:25px}
.border-radius26{border-radius:26px}
.border-radius27{border-radius:27px}
.border-radius28{border-radius:28px}
.border-radius29{border-radius:29px}
.border-radius30{border-radius:30px}
.border-radius31{border-radius:31px}
.border-radius32{border-radius:32px}
.border-radius33{border-radius:33px}
.border-radius34{border-radius:34px}
.border-radius35{border-radius:35px}
.border-radius36{border-radius:36px}
.border-radius37{border-radius:37px}
.border-radius38{border-radius:38px}
.border-radius39{border-radius:39px}
.border-radius40{border-radius:40px}
.border-radius41{border-radius:41px}
.border-radius42{border-radius:42px}
.border-radius43{border-radius:43px}
.border-radius44{border-radius:44px}
.border-radius45{border-radius:45px}
.border-radius46{border-radius:46px}
.border-radius47{border-radius:47px}
.border-radius48{border-radius:48px}
.border-radius49{border-radius:49px}
.border-radius50{border-radius:50px}
.border-radius51{border-radius:51px}
.border-radius52{border-radius:52px}
.border-radius53{border-radius:53px}
.border-radius54{border-radius:54px}
.border-radius55{border-radius:55px}
.border-radius56{border-radius:56px}
.border-radius57{border-radius:57px}
.border-radius58{border-radius:58px}
.border-radius59{border-radius:59px}
.border-radius60{border-radius:60px}
.border-radius61{border-radius:61px}
.border-radius62{border-radius:62px}
.border-radius63{border-radius:63px}
.border-radius64{border-radius:64px}
.border-radius65{border-radius:65px}
.border-radius66{border-radius:66px}
.border-radius67{border-radius:67px}
.border-radius68{border-radius:68px}
.border-radius69{border-radius:69px}
.border-radius70{border-radius:70px}
.border-radius71{border-radius:71px}
.border-radius72{border-radius:72px}
.border-radius73{border-radius:73px}
.border-radius74{border-radius:74px}
.border-radius75{border-radius:75px}
.border-radius76{border-radius:76px}
.border-radius77{border-radius:77px}
.border-radius78{border-radius:78px}
.border-radius79{border-radius:79px}
.border-radius80{border-radius:80px}
.border-radius81{border-radius:81px}
.border-radius82{border-radius:82px}
.border-radius83{border-radius:83px}
.border-radius84{border-radius:84px}
.border-radius85{border-radius:85px}
.border-radius86{border-radius:86px}
.border-radius87{border-radius:87px}
.border-radius88{border-radius:88px}
.border-radius89{border-radius:89px}
.border-radius90{border-radius:90px}
.border-radius91{border-radius:91px}
.border-radius92{border-radius:92px}
.border-radius93{border-radius:93px}
.border-radius94{border-radius:94px}
.border-radius95{border-radius:95px}
.border-radius96{border-radius:96px}
.border-radius97{border-radius:97px}
.border-radius98{border-radius:98px}
.border-radius99{border-radius:99px}
.border-radius100{border-radius:100px}

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

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

/*
============================================================
Social links horizontal on footer
============================================================
*/


.social ul
{
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.social ul li
{
	float: left;
	margin:0 5px;
}

.social ul li a
{
	width: 30px;
	height: 30px;
	background-color: #333;
	border-radius: 2px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	display: block;
}

.social ul li a .fa
{
	font-size: 1em;
}

.social ul li a.facebook
{
	background-color:#3C5A99;
}
.social ul li a.twitter
{
	background-color: #33CCFF;
}
.social ul li a.pinterest
{
	background-color: #AC1C1F;
}
.social ul li a.linkedin
{
	background-color: #1D8CB5;
}
.social ul li a.instagram
{
	background-color: #95675B;
}
.social ul li a.gplus
{
	background-color: #DD513F;
}
.social ul li a.skype
{
	background-color: #00AFF1;
}
.social ul li a.snapchat
{
	background-color:#FEFB02;
}
.social ul li a.youtube
{
	background-color:#F10A0B;
}


/* ===== Radius ===== */

.social.radius ul li a
{
	border-radius: 5px;
}


/* ===== Fixed Left ===== */

.social.left-fixed
{
	position: fixed;
	top: 40%;
	left: 0;
	transform: translateY(-40%);
}

.social.left-fixed ul li
{
	float: none;
	margin:0;
}
.social.left-fixed ul li a
{
	border-radius: 0;
	width: 40px;
	height: 40px;
}

/* ======= Fixed Right ========= */

.social.right-fixed
{
	position: fixed;
	top: 40%;
	right: 0;
	transform: translateY(-40%);
	z-index: 5;	
}

.social.right-fixed ul li
{
	float: none;
	margin:0;
}
.social.right-fixed ul li a
{
	border-radius: 0;
	width: 45px;
	height: 45px;
	line-height: 45px;
}

.social.right-fixed ul li a .fa
{
	font-size: 1.3em;
}


/*
=============================
ENQUIRY form
=============================
*/

form.enquiry .form-group .form-control
{
  border-radius: 0;
  /*border-color: #787878;*/
  border-color: transparent;
  padding-left: 10px;
  width: calc(100% - 35px);
  color: #333;
  font-size: 14px;
}

form.enquiry .form-group .form-control:focus
{
  box-shadow: none;
}

form.enquiry .form-group label
{
	font-family: 'PT Sans', sans-serif;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 5px;
}
/*mendatory fields sign*/
form.enquiry .form-group label .redstar
{
	color: #f00;
}

form.enquiry .form-group .myinput
{
  border:1px solid #b1b1b1;
}

form.enquiry .form-group .myinput span.form-icon
{
    background-color: #d7d7d7;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-right: 1px solid #b1b1b1;
    float: left;
}

form.enquiry .form-group .myinput .form-control::placeholder
{
  color: #333;
  font-size: 14px;
}
form.enquiry .form-group .myinput .form-control::-webkit-placeholder
{
  color: #333;
  font-size: 14px;
}
form.enquiry .form-group .myinput .form-control::-moz-placeholder
{
  color: #333;
  font-size: 14px;
}

form.enquiry .form-group .myinput span.form-icon
{
    background-repeat: no-repeat;
    background-size: 20px;
    background-position:7px 9px;
}

form.enquiry .form-group.myinput span.form-icon.user,
form.enquiry .form-group .myinput span.form-icon.user
{
    background-image: url(../img/enquiry-icon/user.png);
}
form.enquiry .form-group .myinput span.form-icon.company
{
    background-image: url(../img/enquiry-icon/company.png);
}

form.enquiry .form-group .myinput span.form-icon.email
{
    background-image: url(../img/enquiry-icon/envelope.png);
}
form.enquiry .form-group .myinput span.form-icon.mobile
{
    background-image: url(../img/enquiry-icon/mobile.png);
}
form.enquiry .form-group: .myinput span.form-icon.map
{
    background-image: url(../img/enquiry-icon/map.png);
}
form.enquiry .form-group .myinput span.form-icon.subject
{
    background-image: url(../img/enquiry-icon/open-book.png);
}
form.enquiry .form-group .myinput span.form-icon.comment
{
    background-image: url(../img/enquiry-icon/comment.png);
}

form.enquiry .form-group:last-child .myinput span.form-icon
{
  border-bottom:1px solid #b1b1b1;
}

.btn.submit
{
  border-radius: 2px;
  padding:8px 20px;
  transition: all .5s linear;
  background-color: #7EB73C;
  border-color: #7EB73C;
}

.btn.submit:hover
{
  box-shadow: inset 200px 0px #0e4784;
  border-color: #357E2E;
}



/*
====================================
Map Area with address
====================================
*/
.map
{
     position: relative;
}

.map .map-address
{
     width: 450px;
     height: 250px;
     top: 50%;
     left: 50px;
     transform: translateY(-50%);
     position: absolute;
     padding: 30px;
     background: #EEEEE3;
     background: -webkit-linear-gradient(to right, #DAD6D3, #EEEEE3);
     background: linear-gradient(to right, #DAD6D3, #EEEEE3);
     box-shadow: 0 0 15px #c4bfbf;
}

.map .map-address p strong
{
     color:#040068;
	font-family: 'PT Sans', sans-serif;
  	font-weight: 700;
     display: block;
     width: 26%;
     float: left;
}

.map .map-address p span.detail
{
     display: inline-block;
     width:74%;
}

.map .map-address p span.valuess
{
	display: inline-block;
	width: 285px;
}

.map .map-address p span a:hover
{
	color: #7EB73C;
	text-decoration: none;
}

/*
============================================================
Contact Form with font awesome icons
============================================================
*/

.form-utility
{
	margin:30px 20px;
}

.form-utility .form-group
{
	margin-bottom: 1rem;
}

.form-utility .form-group label
{
  font-family: 'PT Sans', sans-serif;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 5px;
}

.form-utility .form-group .input-icon
{
	position: relative;
	border:1px solid #A89F9F;
}

/*mendatory fields sign*/
.form-utility .form-group label .redstar
{
	color: #f00;
}

.form-utility .form-group .input-icon .icon-input
{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 34px;
	height: 34px;
	background-color: #D7D7D7;
	background-position: 10px 10px;
	background-repeat: no-repeat;
	background-size: 15px;
}

.form-utility .form-group .input-icon .icon-input.user
{
	background-image: url(../img/icons/user.png);
}
.form-utility .form-group .input-icon .icon-input.email
{
	background-image: url(../img/icons/envelope.png);
}
.form-utility .form-group .input-icon .icon-input.phone
{
	background-image: url(../img/icons/mobile.png);
}
.form-utility .form-group .input-icon .icon-input.subject
{
	background-image: url(../img/icons/open-book.png);
}
.form-utility .form-group .input-icon .icon-input.password
{
	background-image: url(../img/icons/psw.png);
}
.form-utility .form-group .input-icon .icon-input.textarea
{
	background-image: url(../img/icons/comment.png);
}


.form-utility .form-group .input-icon .form-control
{
	border: 1px solid #fff;
	color: #fff;
	font-size: 14px;
	border-radius: 0;
	background-color: transparent;
	padding-left: 40px;
  	width: calc(100% - 35px);
}

.form-utility .form-group .input-icon .form-control::placeholder
{
	color: #333;
  font-size: 14px;	
}

.form-utility .form-group .input-icon .form-control::-webkit-placeholder
{
	color: #333;
  font-size: 14px;
}

.form-utility .form-group .input-icon .form-control::-moz-placeholder
{
	color: #333;
  font-size: 14px;
}

.form-utility .form-group .input-icon .form-control:focus
{
	box-shadow: none;
}

.buttons
{
  border-radius: 2px;
  padding:8px 20px;
  transition: all .5s linear;
  background-color: #7EB73C;
  border-color: #7EB73C;
}
.buttons:focus,
.buttons:active,
.buttons:hover
{
  box-shadow: inset 200px 0px #0e4784;
  border-color: #357E2E;	
}

@media screen and (max-width: 767px)
{
	.form-utility
    {
        margin: 10px 10px 0;
    }
}

/*
=============================
inner page banner
=============================
*/

section.banner
{
	position: relative;
}

section.banner .page-heading
{
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

/*
==============================
Bootstrap 4 Carousel fadein
==============================
*/


section.carousel-fadein .carousel-fade .carousel-item {
     opacity: 0;
     transition-duration: .6s;
     transition-property: opacity;
}

section.carousel-fadein .carousel-fade .carousel-item.active,
section.carousel-fadein .carousel-fade .carousel-item-next.carousel-item-left,
section.carousel-fadein .carousel-fade .carousel-item-prev.carousel-item-right {
     opacity: 1;
}

section.carousel-fadein .carousel-fade .active.carousel-item-left,
section.carousel-fadein .carousel-fade .active.carousel-item-right {
     opacity: 0;
}

section.carousel-fadein .carousel-fade .carousel-item-next,
section.carousel-fadein .carousel-fade .carousel-item-prev,
section.carousel-fadein .carousel-fade .carousel-item.active,
section.carousel-fadein .carousel-fade .active.carousel-item-left,
section.carousel-fadein .carousel-fade .active.carousel-item-prev {
     transform: translateX(0);
     transform: translate3d(0, 0, 0);
}


/*
========================
Custome Pagination
========================
*/

.mypagi
{
	display: flex;
	justify-content: center;
	margin-top: 5px;
	margin-bottom: 5px;
}
.mypagi ul
{
	list-style: none;
}
.mypagi ul li
{
	float: left;
	width: 35px;
	text-align: center;
	line-height: 35px;
	height:35px;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.mypagi ul li:first-child
{
	border-left:1px solid #ccc;
}
.mypagi ul li a
{
	display: block;
	text-decoration: none;
}



@media screen and (max-width: 767px)
{
		.map .map-address {
	    width: 100%;
	    height: auto;
	    top: 0%;
	    left: 0px;
	    transform: translateY(0%);
	    position: static;
	    padding: 15px;
	    margin-bottom: 10px;
		}

		.map .map-address p span.valuess {
			width: 100%;
		}

		.social ul
		{
			display: flex;
			justify-content: center;
			height: 100%;
		}


}