@charset "utf-8";
/* CSS Document */

body { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; }
h1 h2 h3 h4 h5 { }
.clearfix:before, .clearfix:after, .row:after, .row:before, .container:before, .container:after { display: table; content: ""; line-height: 0; }
.container { width: 1050px; margin: 0 auto; }
.header_top { background: #0860c3; font-size: 12px; padding: 5px 0; }
.leftpart { left: 0; float: left; color: #FFF; vertical-align: middle; }
.rightpart { right: 0; float: right; color: #FFF; }
.container:after { content: ""; line-height: 0; clear: both; }
.mail { padding: 0; color: #fff; display: inline-block; padding: 0 10px; color: #fff; }
.mail a { color: #fff; text-decoration: none; }
.mail img { vertical-align: middle; }
.phone { display: inline-block; }
/*===============================NAVIGATION PART=================================================*/
.logo { float: left; padding: 10px; display: inline-block; }
.logo img { }
#navigation { float: right; color: #565656; }
#navigation ul { line-height: 45px; }
.mobile-menu { display: none; }
ul .menu { list-style: none; }
#navigation ul li { float: left; display: block; color: #666666; padding: 0 10px; }
#navigation ul li a { text-decoration: none; padding: 10px; font-size: 14px; color: #666666; }
#navigation ul li a:hover { text-decoration: none; padding: 10px; border-bottom: 3px solid #ff9e07; color: #ff9e07; }
.search { float: right; padding: 10px; }
.banner { width: 100%; }
#navigation .menu::after { display: table; content: ""; line-height: 0; }
.searchbox { background-color: #FF9F07; }
.searchbox a { color: #fff; ; text-decoration: none; padding: 20px; text-transform: uppercase; }
.textbox { width: 100%; padding: 0 10px; box-sizing: border-box; }
.textform { background-color: #FF9F07; color: #fff; padding: 10px 20px; border: none; margin: 0 auto; text-align: center; display: block; }
/*===============================Popup-box=================================================*/
.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;/*dim the background*/ }
.popup .innerPoBx { position: absolute; z-index: 20; margin: 0 auto; width: 30%; padding: 15px; background: rgba(255, 255, 255, 0.8); top: 15%; left: 0; right: 0; }
.popup { display: none; position: fixed; width: 100%; left: 0; right: 0; top: 0; bottom: 0; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 20; }
.welcomebox ul { display: inline-block; float: left; width: 40%; display: inline; }
ul .welcome { }
.welcome li { list-style-image: url(../images/right.png); text-transform: uppercase; font-size: 1.5vw; font-weight: bold; text-align: left; line-height: 45px; }
.wellist { display: block; padding: 0 50px; }
.conttactboc p { color: #000; font-weight: 300; }
.popup form { padding: 20px; }
.formLightModalClose { border: 2px solid #fff; border-radius: 50%; color: #fff; padding: 8px 8px; position: absolute; right: -8px; top: -5px; background-color: #111A19; background-image: url(../images/wrong-small.png); background-repeat: no-repeat; }
.modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ }
/*===============================/Popup-box=================================================*/

/* Modal Content */
.modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; }
/* The Close Button */
.close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; }
.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
.popup .textbx { text-align: left; font-size: 12px; text-align: justify; margin: 10px 0; padding: 10px; width: 100%; box-sizing: border-box; }
/*===============================BANNER PART=================================================*/
#owl-demo .caption { position: absolute; top: 15%; width: 50%; color: #FFFFFF; text-transform: uppercase; }
.slidetex { /*font-weight: bold;
	line-height: 5vw;
	font-size: 69px;
	border-bottom: 1px solid #fff;
	text-shadow: 2px 2px 2px #000;
	padding-bottom:5px;*/
	
	
	
	
	
font-size: 5vw; color: #FFF; text-transform: uppercase; padding: 30px 0; font-weight: bold; }
.slidbottem { font-size: 3vw; font-weight: normal; padding: 5px; font-style: normal; text-shadow: 2px 2px #000; }
.buttoncap { background-color: #fff; padding: 10px 35px; color: #000; display: inline-block; margin-top: 50px; border-radius: 5px; }
.buttoncap a { color: #000; font-size: 15px; text-decoration: none; }
/*===============================HEADING PART=================================================*/
.services { padding: 20px 0; }
h2 { text-align: center; color: #0860c3; position: relative; font-weight: normal; font-size: 26px; }
h2::before { content: ""; position: absolute; left: 0; height: 1px; width: 100%; top: 15px; z-index: -1; background: #ccc; }
h2 ::after { content: ""; position: absolute; right: 0; height: 1px; width: 100%; top: 15px; z-index: -1; background: #ccc; }
h2 span { background: #fff; text-transform: uppercase; display: inline-block; padding: 0 10px; }
/*===============================sERVISES PART=================================================*/
.galary { width: 100%; }
.imagebox { width: 25%; float: left; padding: 10px; box-sizing: border-box; }
.imgbox img { width: 100%; }
.textbox h4 { color: #0860c3; font-size: 14px; text-align: left; }
.textbox { text-align: left; font-size: 12px; text-align: justify; }
.readmore { text-align: right; padding: 0 0 20px; font-weight: 600; }
.readmore a { text-decoration: none; color: #000; font-size: 11px; text-transform: lowercase; }
/*===============================  welcomebox=================================================*/
.welcomebox { background-image: url(../images/background2nd.jpg); width: 100%; color: #fff; text-align: center; padding: 20px 0; }
.welcomebox h1 { text-transform: uppercase; font-size: 25px; }
.welcomebox h1 span { border-bottom: 5px solid #fe9f07; }
.welcomebox p { font-size: 14px; color: #fff; line-height: 25px; }
.buttonbox { background: #cfd9e4; padding: 10px 30px; text-align: center; display: inline-block; border-radius: 5px; margin: 10px; }
.buttonbox a { text-decoration: none; color: #000; font-size: 10px; }
/*===============================  galarybox=================================================*/
.galarybox { padding: 30px 0; border-bottom: 2px solid #0860c3; }
/*===============================  footerbox=================================================*/
											
.footer { background-image: url(../images/background3rd.jpg); color: #FFF; width: 100%; border-top: 5px solid #0860c3; }
.footerbox { padding: 0; color: #fff; border-bottom: 1px solid #000; }
.footerbox:after { content: ""; line-height: 0; display: block; clear: both; }
.footerleft { width: 50%; float: left; }
.helplink { width: 46%; float: left; padding: 0 20px 0 0; }
.helplink ul { float: left; padding: 0 18px 0 0; margin: 5px 0 0; }
.footerright { width: 50%; float: right; }
.footer h4 { border-bottom: 1px solid #000; text-transform: uppercase; padding: 10px; display: block; margin: 10px 0 0; }
.footer ul { list-style: none; color: #fff; }
.footer ul li { padding: 5px; position: relative; }
.footer ul li a:before { content: ""; position: absolute; border: 5px solid #fff; border-right: 5px solid transparent; border-bottom: 5px solid transparent; border-top: 5px solid transparent; left: 0px; top: 10px; ; }
.footer ul li a { text-decoration: none; color: #fff; font-size: 12px; text-transform: capitalize; padding-left: 15px; }
.leftform { float: left; width: 50%; }
.formclass { padding: 10px; margin: 10px 0 10px; width: 85%; text-transform: uppercase; }
.btnbox { background-color: #ff9f07; padding: 11px; width: 95%; border: none; margin: 8px 0; text-transform: uppercase; box-sizing: border-box; }
.address { color: #fff; font-size: 14px; }
.addbox { display: block; padding: 10px 10px 0px 5px; }
.addleft { float: left; padding: 0 0 20px 0; display: inline-block; width: 40% }
.addright { float: none; padding: 0 0 10px 0 }
.addright a { text-decoration: none; color: #fff; }
.bottom { padding: 10px 0 20px 0; }
.allright { font-size: 14px; font-weight: normal; }
.sosial { float: right; }
.desingby { padding-left: 100px; float: right; font-size: 12px; }
.sosial a img { float: right; vertical-align: middle; padding: 0px 5px; }
.bottom:after { content: ""; line-height: 0; display: block; clear: both; }
/*===============================ABOUT US PART=================================================*/

.breadcrum { width: 100%; position: relative; }
.breadcrum .caption { position: absolute; top: 15%; width: 47%; color: #FFFFFF; text-transform: uppercase; }
.tital { font-size: 5vw; color: #FFF; text-transform: uppercase; padding: 30px 0; font-weight: bold; }
.about { padding: 20px 0; }
.aboutleft { width: 60%; float: left; }
.aboutright { width: 40%; float: left; padding-top: 40px; }
.heading { font-size: 25px; text-transform: uppercase }
.aboutleft p { font-size: 13px; font-family: 'Open Sans', sans-serif; line-height: 25px; text-align: justify; }
.imagesbx { overflow: hidden; margin-left: 20px; }
.imagesbx img { width: 100%; }
.heading span { border-bottom: 3px solid #fe9f07; }
/*============================ACTIVITIES CSS======================================*/

.activities { padding: 60px 0; }
.activities::after { content: ""; line-height: 0; clear: both; }
.activitybox { width: 22%; float: left; border: 1px solid #fe9f07; margin: 14px; }
.activeimg { text-align: center; padding: 20px; }
.activeimg img { text-align: center; }
.discription h3 { color: #0860c3; text-align: center; padding: 10px; text-transform: uppercase; }
.discription h3 span { padding-bottom: 10px; border-bottom: 3px solid #fe9f07; }
.textbox1 { text-align: left; font-size: 12px; text-align: justify; line-height: 20px; text-align: center; padding: 10px 10px 30px 10px; }
.clearfix { clear: both; }
/*============================CONTACT CSS======================================*/
.contact { padding: 20px 0; }
.contleft { width: 25%; float: left }
.contright { width: 75%; float: left }
.conthead { font-size: 18px; text-transform: uppercase; }
.conttactboc { padding: 10px; border-bottom: 1px solid rgba(193, 182, 182, 0.62); padding-bottom: 30px; }
.leftside { float: left; padding: 0 30px 0 0; }
.rihtside { font-size: 14px; }
.rihtside a { color: #000; text-decoration: none; }
.formstyle { padding: 0 50px; }
.formbox { width: 100%; padding: 10px; margin: 10px; }
.formstyle input[type="submit"] { margin: 10px; background: #fe9f07; color: #fff; border: none; padding: 10px 35px; display: inline-block; font-size: 18px; }
/*.buttbox {
	margin: 10px;
	background: #fe9f07;
	color: #fff;
	border: none;
	padding: 10px 35px;
	display:inline-block;
}*/
.buttbox a { color: #fff; text-decoration: none; font-size: 18px; }
.mapbox { margin-top: 30px; border: 1px solid #dbd8d8; padding: 5px; }
.mapbox img { padding: 10px; border: 1px solid #999; }
.addr { font-size: 11px; }
.padd_0 { padding: 0; }
/*============================new audate CSS======================================*/
.aboutleft ul { padding-left: 0; list-style: none; }
.aboutleft ul li { font-size: 13px; font-family: 'Open Sans', sans-serif; line-height: 30px; text-transform: uppercase; }
.aboutleft ul h1 { font-size: 20px; font-weight: bold; }
.conttactboc p i { font-size: 11px; }
/*============================new  CSS change======================================*/

#owl-demo2 .owl-theme .owl-controls { position: relative; bottom: 5%; text-align: center; left: 0; }
#owl-demo2 .owl-item .item img { border: 5px solid #000; box-sizing: border-box; }
.aboutright .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; padding-bottom: 50px; }
	
	
/*============================RESPONSIVE CSS======================================*/
@media (max-width:1280px) {
.container { width: 90%; margin: 0 auto; }
#navigation ul li a { padding: 12px 11px 13px; }
}
@media (max-width:1024px) {
.container { width: 90%; margin: 0 auto; }
#navigation ul li { float: left; display: block; color: #666666; padding: 0 7px; }
.footerright { width: 40%; float: right; }
.footerleft { width: 60%; float: left; }
.formclass { padding: 5px; margin: 10px; width: 85%; text-transform: uppercase; }
.message { height: 65px; }
.btnbox { background-color: #ff9f07; padding: 4px; width: 95%; border: none; margin: 10px; text-transform: uppercase; }
#owl-demo .caption { position: absolute; top: 15%; width: 47%; color: #FFFFFF; text-transform: uppercase; }
.slidetex { font-weight: bold; line-height: 59px; font-size: 39px; border-bottom: none; text-shadow: 2px 2px 2px #000; }
.slidbottem { font-size: 27px; font-weight: normal; padding: 5px; font-style: normal; text-shadow: 2px 2px #000; }
.search { float: right; padding: 5px; }
.buttonbox { background: #cfd9e4; padding: 10px; text-align: center; display: inline-block; border-radius: 5px; margin: 10px; }
.buttoncap { background-color: #fff; padding: 7px 15px; color: #000; display: inline-block; margin-top: 20px; border-radius: 5px; }
.heading { font-size: 21px; text-transform: uppercase; }
/*============================ABOUT CSS======================================*/

.activitybox { width: 20%; float: left; border: 1px solid #fe9f07; margin: 21px; }
.discription h3 { color: #0860c3; text-align: center; padding: 10px; text-transform: uppercase; font-size: 16px; }
.discription h3 { color: #0860c3; text-align: center; padding: 10px; text-transform: uppercase; font-size: 16px; }
}
@media (max-width:950px) {
.mobile-menu img { vertical-align: middle; float: right; }
}
@media (max-width:800px) {
.container { width: 90%; margin: 0 auto; }
.logo { float: left; padding: 10px; display: inline-block; text-align: center; display: inline-block; width: 100%; }
.footerleft { width: 100%; }
.footerright { width: 100%; }
.btnbox { background-color: #ff9f07; padding: 4px; width: 88%; border: none; margin: 10px; text-transform: uppercase; }
#owl-demo .caption { position: absolute; top: 15%; width: 31%; color: #FFFFFF; text-transform: uppercase; }
.slidetex { font-weight: bold; line-height: 32px; font-size: 23px; border-bottom: none; text-shadow: 2px 2px 2px #000; }
.slidbottem { font-size: 17px; font-weight: normal; padding: 5px; font-style: normal; text-shadow: 2px 2px #000; }
.buttoncap a { color: #000; font-size: 12px; text-decoration: none; }
.buttoncap { background-color: #fff; padding: 4px 11px; color: #000; display: inline-block; margin-top: 20px; border-radius: 5px; }
.mobile-menu img { vertical-align: middle; float: right; }
.search { float: none; padding: 0; text-align: center; }
.popup .innerPoBx { width: 50%; }
/*============================about CSS======================================*/
	
.heading { font-size: 25px; text-transform: uppercase; text-align: center; }
.aboutleft { width: 100%; float: left; }
.aboutright { width: 100%; float: left; }
.images img { max-width: inherit; width: 100%; padding-left: 0px; padding-top: 00px; }
/*============================ACTIVITY CSS======================================*/
.activitybox { width: 41%; float: left; border: 1px solid #fe9f07; margin: 30px; }
.formbox { width: 100%; padding: 10px; margin: 10px; }
.contleft { width: 100%; float: left; }
.mapbox { margin-top: 30px; text-align: center; }
.mapbox img { width: 90%; }
.contright { width: 90%; float: left; }
.formstyle { padding: 0 0px; }
.imagesbx { padding-left: 0 !important; }
}
 @media (max-width:640px) {
.container { width: 90%; margin: 0 auto; }
#owl-demo .caption { position: absolute; top: 15%; width: 44%; color: #FFFFFF; text-transform: uppercase; }
.slidbottem { font-size: 15px; font-weight: normal; padding: 5px; font-style: normal; text-shadow: 2px 2px #000; }
.imagebox { width: 50%; float: left; padding: 10px; box-sizing: border-box; }
.helplink { width: 100%; float: left; padding: 0 20px 0 0; }
.leftpart { left: 0; /* float: left; */
color: #FFF; font-weight: bold; vertical-align: middle; text-align: center; width: 100%; }
.rightpart { right: 0; /* float: right; */
color: #FFF; padding: 20px 0 0 0; width: 100%; text-align: center; }
.sosial { float: right; }
.desingby { font-size: 12px; padding-left: 0; float: left; }
.mobile-menu img { vertical-align: middle; float: right; }
.breadcrum .caption { color: #ffffff; position: absolute; text-transform: uppercase; top: 3%; width: 47%; }
/*============================ACTIVITY CSS======================================*/
.activitybox { width: 38%; float: left; border: 1px solid #fe9f07; margin: 30px; }
/*============================ACTIVITY CSS======================================*/
.contleft { width: 100%; float: left; }
.mapbox { margin-top: 30px; text-align: center; }
.contright { width: 100%; float: left; }
.formbox { width: 90%; padding: 10px; margin: 10px; }
}
 @media (max-width:480px) {
.container { width: 90%; margin: 0 auto; }
.rightpart { right: 0; float: right; color: #FFF; padding: 20px 0 0 0; width: 100%; text-align: center; }
#owl-demo .caption { position: absolute; top: 7%; width: 51%; color: #FFFFFF; text-transform: uppercase; }
slidetex { font-weight: bold; line-height: 0px; font-size: 21px; border-bottom: 1px solid #fff; text-shadow: 2px 2px 2px #000; }
.slidbottem { font-size: 13px; font-weight: normal; padding: 5px; font-style: normal; text-shadow: 2px 2px #000; }
.buttoncap { background-color: #fff; padding: 0px 9px; color: #000; display: inline-block; margin-top: 2px; border-radius: 5px; }
.imagebox { width: 100%; float: left; padding: 10px; box-sizing: border-box; }
.desingby { font-size: 12px; text-align: center !important; float: none; padding: 0; margin: 0 auto; }
.sosial { float: none; text-align: center; margin: 0 auto; padding: 0; }
.sosial a img { float: none; vertical-align: middle; padding: 0px 5px; }
.mobile-menu img { vertical-align: middle; float: right; }
.popup .innerPoBx { width: 80%; }
/*============================ACTIVITY CSS======================================*/
.activitybox {
 width: 90%;
 float: left;
 border: 1px solid #fe9f07;
 margin: 15px;
}
/*============================ACTIVITY CSS======================================*/
.contleft { width: 100%; float: left; }
.mapbox { margin-top: 30px; text-align: center; }
.contright { width: 100%; float: left; }
.formbox { width: 90%; padding: 10px; margin: 10px; }
.heading { font-size: 20px; text-transform: uppercase; text-align: center; }
.welcomebox h1 { text-transform: uppercase; font-size: 21px; }

.slidetex {
   
    
    line-height: 0;
    
}

}