
/* ===================================
    Google font
====================================== */

@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');

/* ===================================
    Reset
====================================== */


h1, h2, h3, h4, h5, h6, ul, li, p, a {font-family: 'Roboto', sans-serif; }


.banner1 {  background:
		-moz-linear-gradient(-45deg,
		rgba(246,115,13,0.9) 0%,
		rgba(217,8,69,0.9) 80%);
	background:
		-webkit-linear-gradient(-45deg,
		#143c8b 0%,
		#143c8b 80%);
	background:
		linear-gradient(135deg,
		#143c8b 0%,
		#143c8b 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3f6730d', endColorstr='#b3d90845',GradientType=1 ); padding:0px 0px 0px 0px; }


.logo img{ display:block; margin:auto; with:100%; padding-top:20px}
.menu li { list-style-type:none; padding-right:5px; padding-left:5px; }
.menu li a { color:#fff !important; font-size:15px; font-weight:500; text-decoration:none; text-transform:uppercase;  }
.menu li a:hover {color: #FEA735 !important;}
.menu button {display:none;}
.navbar-nav li.active a {color: #FEA735 !important;}
.navbar-toggler-icon { color:#fff;  background:#000; }

.dropdown-menu a { font-size:14px; text-decoration:none;}
.dropdown-menu a:hover {background-color: #42413e; color:#f0ca0c;}
.dropdown:hover .dropdown-menu {display: block; background-color: #42413e;}

@media screen and (max-width:768px)
{
.logo img{ float:left; padding-top:10px}
.menu button{display:inline; margin:auto; width:100%; padding-bottom:0px;}
.navbar { position: relative;min-height:0px; margin-bottom: 0px;}
.nav-link { display: block; padding: .5rem 1rem; text-align:right;}
.menu li a { padding-top:1px; font-size:14px;  }
.menu button imag { display:block; width:30px; padding-top:40px;}
.button img { margin-top:10px; }
}
.banner {  background-image: url("../images/slide.jpg"); no-repeat; background-size:100% auto; padding:60px 0px 140px 0px; }
.banner h1 { font-size:50px; color:#fff; padding:0px 0px 0px 0xp; margin-top:60px; display:inline-block; font-weight:200; text-align:left; width:100%; text-transform:;}
.banner h1 span {  font-size:50px; background:; color:#FFF; font-weight:700; }
.banner p { color:#fff; padding:20px 0px 0px 0px; display:inline; font-size:20px;text-align:left; width:100%; display:inline-block; font-weight:300;}


/*
@media screen and (max-width:768px)

{	
.banner { padding:20px 0 20px 0px ; background: #000 url(images/top-banner.jpg) top right no-repeat; background-size: 100% auto; text-align: center; padding:60px 0px 30px 0px;} 
.banner h1 { font-size:17px;  font-weight:300; margin-top:170px;  }
.banner h1 span {font-size:21px;font-weight:700; text-align:left; margin-top:10px;  }
.banner p { font-size:17px; padding:5px 0px 0px 0px;  margin-bottom:0; font-weight:700; color:#f7de07;  margin-bottom:5px; }
.banner p a { color:#f7de07 !important; }
}
*/


.nopadding {  padding: 0 !important;   margin: 0 !important;}
.form_one { padding: 0px; font-size: 13px; font-weight: 300; color:#000000; }
.form_one input {font-size: 16px; font-weight: 400; border-radius: 0; height: 45px; padding-left: 3px; border: 2px solid #fff; background:#fff;  box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -moz-transition: none;
        -webkit-transition: none;
		padding-left:10px;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		
		}

.form_one input[type="submit"] {background:#2164f3 ;color:#fff;font-weight:700;padding-left:px;text-transform: ;border: 2px solid #fff;font-size:15px;text-align:center;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
@media screen and (max-width:768px)

{
.form_one { background:none; padding:25px; }  
.form_one h2 { font-size:16px;  margin-bottom: 10px;}

}


.areas {padding-bottom:30px;}
.areas li { list-style:none !important; float:left; width:25%; text-align:left;  }
.areas li a { color: #000; padding:4px; text-align:left; font-size:14px; }

@media screen and (max-width:1200px)

{
.areas ul { padding:0px}
.areas li { list-style:none !important; float:left; width:50%; text-align:left;  }
.areas li a { color: #000; padding:0px; text-align:left;  font-size:14px;}
}



.about { text-align:center; padding-top:70px; padding-bottom:80px; background:#; }
.about ul {text-align:left;padding-top:30px; padding-bottom:20px; background:#; color:#6f6f6f;}

.about h2 { font-size:34px; text-transform:; color: #2164f3; font-weight:300; display: block; margin:auto;  }
.about h2 span { color:#000; }

.about h3 a{font-size:17px; color:#000; text-align:center; font-weight:700; text-align:center; }
.about h3 a span {color:#2164f3;}
.about h4 {font-size:33px; color:#000; text-align:center; font-weight:300; text-align:center; margin-top:30px; }
.about h6 { font-size:50px; color: #2164f3; display:inline-block; margin:auto;  }
.about p {font-size:14px; color:#6f6f6f; text-align:center; line-height:28px; margin-bottom:0px; padding-bottom:0px; font-weight:400; }
.about p a {font-size:14px; text-transform: lowercase; color:#1874c1;}
@media screen and (max-width:768px)

{
.about h1 { font-size:22px; }
.about p{ font-size:12px; line-height:26px; font-family:; text-transform:; font-weight:400; text-align:center; color:#6f6f6f; padding-bottom:20px; }
.about h2 { font-size:22px;font-weight:400;  text-transform:; color: #fd598b;  display: block; margin:auto; padding-bottom:10px;  }
.about h3 a{font-size:15px; }  
.about h4 {font-size:20px; }
.about h6 { font-size:30px;  color: #000;}
}






.brand { padding:30px 0px 30px 0px; text-align: center; }
.brand h2 { font-size:20px; text-align: center; padding-bottom:14px; }
.brand img { width:99%; max-width: 120px; padding: 10px; vertical-align: middle; }

@media screen and (max-width:768px)

{
	
.brand { padding:0px 0px 0px 0px; text-align: center; }
.brand h2 { font-size:20px; text-align: center; padding-bottom:14px; }
.brand img { width:99%; max-width: 90px; padding: 10px; vertical-align: middle; }	

}


.ab_imgx { height:160px; overflow:hidden; }
.ab_cnt { background:#fff; padding:30px 30px 0px 30px;}
.ab_imgx img { width:90%; border:0px !important; }


.ab_cnt1 { background:#fff; padding:0px 0px 0px 0px;}





ul.areas li { list-style:none !important; float:left; width:25%; text-align:left;  }
ul.areas li a { color: #000; padding:4px; text-align:left; font-size:14px; }

@media screen and (max-width:1200px)

{
ul.areas li { list-style:none !important; float:left; width:50%; text-align:left;  }
ul.areas li a { color: #000; padding:0px; text-align:left;  font-size:12px;}
}



/*.aboutus-banner { background:url(IMAG66aboutus-banner.jpg); background-repeat:no-repeat; background-size:100%; padding-bottom:200px;}*/

.aboutus-banner h1 {color:#fff; letter-spacing:2px;  text-transform:capitalize; font-size:48px; line-height:60px; padding-top:170px; font-weight:400;}

.aboutus-banner h1 span {font-weight: 00; color:#fff; letter-spacing:2px; margin-bottom:20px; text-transform:capitalize; font-size:48px; line-height:60px; font-weight:800;}

@media screen and (max-width:768px)
{
.aboutus-banner { padding-bottom:10px;}
.aboutus-banner h1 {font-size:22px; padding-top:50px; letter-spacing:0px; line-height:30px; padding-bottom:50px;}
.aboutus-banner h1 span  {font-size:22px; letter-spacing:.9px; line-height:30px;}
}


.home_about { background:#fcfbfb; padding: 70px 0;}
.home_about h2 {color: #111;font-weight: 500; text-transform: capitalize; padding-bottom:15px; font-size: 35px;}
.home_about h3 {text-transform: capitalize; color: #8d9297;  font-weight: 500; font-size: 16px; line-height: 1.6; font-style: normal; }
.home_about p { font-size: 16px; line-height: 1.6;  font-style: normal;  color: #828893; font-weight: 400;}
.home_about .about-img {width: 100%;  border-radius: 4px; position: relative;   box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);}
.home_about .about-img:nth-child(1) { position: absolute;  bottom:-100px;  left:-65px;  z-index: 1;   width: 90%;  padding-bottom:40px;}

.home_info img { display:block; margin:auto; width:40%;}
.home_about h4 { color: #111;  font-size: 16px;  text-transform: capitalize;  line-height: 25px;  font-weight: 500; padding-top:10px;}
.home_about h4 span {   display: block;}

.single-info { margin-top: 30px;  text-align: center; padding: 30px 20px; background: #fff none repeat ; box-shadow: 0 0 40px rgba(82, 85, 90, 0.1); overflow: hidden; position: relative; }

@media screen and (max-width:768px)
{
.home_about { padding:20px 0;}
.home_about h4 { font-size: 13px;}
.single-info { margin-top: 10px;  text-align: center; padding: 10px 5px;  margin-bottom:10px;}
.home_about .about-img:nth-child(1) { position: relative;   bottom: 0;   left: 0;    z-index: 1;    width: 100%; padding-bottom:10px;}
}


/* .pages-banner { background:url(images/aboutus-banner.jpg) center; background-repeat:no-repeat; background-size:100%;  }*/
.pages-banner h1 {color:#fff; letter-spacing:2px;  text-transform:capitalize; font-size:38px; line-height:60px; font-weight:400; padding-top:150px; padding-bottom:150px;}
.pages-banner h1 span {font-weight: 00; color:#fff; letter-spacing:2px; margin-bottom:20px; text-transform:capitalize; font-size:38px; line-height:60px; font-weight:700;}

@media screen and (max-width:768px)
{
.pages-banner { padding-bottom:10px;}
.pages-banner h1 {font-size:22px; padding-top:50px; letter-spacing:0px; line-height:30px; padding-bottom:50px;}
.pages-banner h1 span  {font-size:22px; letter-spacing:.9px; line-height:30px;}
}


.pages { background:#fcfbfb; padding: 70px 0;}
.pages h2 {color: #111; font-weight: 500;  padding-bottom:15px; font-size: 30px;}
.pages p { font-size:14px; line-height: 1.6;  color: #828893; font-weight: 400;}
.pages li { font-size:14px; line-height: 1.6;  color: #828893; font-weight: 400; list-style:none;}
.pages i { font-size:14px; color: #828893; padding-right:5px;}
.pages img { display:block; margin:auto; width:100%;}


@media screen and (max-width:768px)
{
.pages { padding:20px 0;}
.pages h2 {font-size:22px;}
}



.tutorial {background:#f1f1f1;padding-top:30px; padding-bottom:30px;}
.tutorial h2 {font-size:30px; font-weight:500; text-align:center;  padding-bottom:20px; color: inherit; text-transform:uppercase;}
.tutorial table {  border-collapse: collapse; vertical-align: top; border: 1px solid #ddd; width:700px; }
.t_one {background:#f9f9f9;}
.t_two { background:#f5f5f5;}
.tutorial table td { font-size:14px; font-weight:400; text-align:left; padding-top:8px; padding-bottom:8px; padding-left:10px;}

.tutorial h1 { font-size:16px; color:#000000; font-weight:600; text-align:left; padding-top:20px; padding-bottom:20px; text-transform:uppercase;}
.tutorial p { font-size:14px; color:#333; font-weight:400; text-align:left; line-height:30px; }
.tutorial img {display:block; margin:auto; width:100%; padding:15px;}

.contact_banner { background:url(../images/contact-banner.jpg); background-repeat:no-repeat; background-size:cover; padding-bottom:137px; }
.contact_banner h1 { font-size:44px; color:#fff; font-weight:700; padding-top:170px; text-transform:capitalize; text-align:left;}


@media screen and (max-width:768px)
{
.contact_banner { background-size:cover;  background-position:left;}
.contact_banner h1 { padding-top:70px; font-size:32px;}
.tutorial table {  width:300px; }
}




.contact{ padding-right: 0px; padding-left: 0px;  margin-bottom:20px;}

.contact h2 {color:#082c61;	font-size:24px; line-height:42px;font-weight:500; text-align:left; text-transform:uppercase; padding-top:30px; padding-bottom:30px;}
.contact h3 {color:#000;	font-size:15px; line-height:1.2em;font-weight:500; text-align:left; text-transform:uppercase; padding-left:10px; padding-top:12px;}
.contact i { color:#FFFFFF; font-size:24px; text-align:center; border:1px solid #ff6600; background:#ff6600; border-radius:100%; padding:12px; width: 50px; height: 50px; margin-bottom:130px;}
.contact span {  font-size:16px; color:#919191; text-align:left; padding-left:10px;}
.contact p { font-size:16px; color:#919191; text-align:left; padding-left:10px; margin-bottom:0px; font-weight:400;}



.contact1{ padding-top:40px; padding-bottom:30px;}
.contact1 h2 { font-size: 24px;  border-bottom: 3px solid #eeeeee;    color: #5c5c5c; padding-bottom: 15px;   position: relative;}
.contact1 h2:after {  bottom: -3px;  content: "";  height: 3px;   left: 0;   position: absolute;   width: 32px;   background: #f69323;}


.contact1 ul { display:inline; list-style:none;}
.contact1 ul i { background: #f93;   color: #FFFFFF; width: 32px; height: 32px; line-height: 32px;  text-align: center;  margin-right: 16px; margin-bottom:10px;}
.contact1 li { font-size:14px; color:#333333; font-weight:400; text-align:left;}
.contact1 li a { font-size:14px; color:#333333; font-weight:400; text-align:left; text-decoration:none;}

.contact1 a{text-decoration:none;}
.contact1 a i { color: #FFFFFF; text-align: center;  width: 32px; height: 32px; }
.icon-one {background:#55acee; padding:5px; margin:5px;}
.icon-two {background:#2d4373; padding:5px; margin:5px;}
.icon-three {background:#801419; padding:5px; margin:5px;}

.pd {padding-left:50px;}
.po {padding-top:30px;}


.contact1 iframe { display:block; margin:auto; width:100%; height:350px; margin-top:10px; border:0px;}	


@media screen and (max-width:768px)
{

.pd {padding-left:50px;}
.contact1 iframe { height:320px;}	
}

.form-contact {padding:0px 0px; margin:0px;}
.form-contact form { margin:0px;}
.form-contact form { padding: 27px 25px 20px 25px; box-shadow: 1px 1px 34px rgba(38, 63, 90, 0.09); border-radius: 5px; background-color: #fff;}

.form form-group { margin-bottom: 35px; font-weight: 400;  color: #333;}

.form-contact h3 {color: #39335b; font-size: 32px; margin-bottom: 31px;  text-align: center;}

.form-contact input { width: 100%;  font-size: 15px;  color: #8198a6;  padding-bottom: 18px;  border: none;  border-bottom: 2px solid #dee6eb; }
  
.form-contact   textarea {  width: 100%;  color: #8198a6;  height: 100px;  border: 2px solid #dee6eb;}

.form-contact button {  font-size: 15px; color: #fff; padding: 15px 48px; border-radius: 7px; text-transform: uppercase;  border: none;  transition: 0.2s linear;  background-color: #ff6600;}


@media screen and (max-width:768px)
{

.contact i { margin-bottom:60px;}
.contact span {  font-size:15px;}
.contact p { font-size:15px; }
.form-contact form { padding: 27px 10px 10px 25px; box-shadow: 1px 1px 4px;}
}



.footer {background-color:#1e2228; padding:50px 0px 50px 0px; color:#FFFFFF;   }
.footer h6 {font-size:18px; color:#fff; text-align:left; margin:0px;  font-weight:500; opacity: 0.9; padding-top:10px; padding-bottom:10px;}
.footer p { margin:0px; font-size:14px; line-height:30px; text-transform:capitalize; }
.footer a { margin:0px; font-size:13px; line-height:30px; text-decoration:none; color:#FFFFFF; }
.footer h6 a {font-size:18px; color:#fff; text-align:left; margin:0px;  font-weight:600; opacity: 0.9;}

.footer i { font-size:18px; color:#fff; padding-right:10px;}

.footer span { margin:0px; font-size:14px; line-height:30px; text-transform:capitalize; }
.footer h4 { margin:0px; font-size:14px; line-height:30px; text-transform:lowercase; font-weight:400;}


@media screen and (max-width:768px)

{
.footer {padding:10px; padding-bottom:80px;}
.footer a { font-size:14px;}
}



.footer-call { display:block;  position:fixed;	left: 0;  bottom: 0;  width: 100%; 

background:
		-moz-linear-gradient(-45deg,
		rgba(246,115,13,0.9) 0%,
		rgba(217,8,69,0.9) 80%);
	background:
		-webkit-linear-gradient(-45deg,
		rgba(246,115,13,0.9) 0%,
		rgba(217,8,69,0.9) 80%);
	background:
		linear-gradient(135deg,
		rgba(246,115,13,0.9) 0%,
		rgba(217,8,69,0.9) 80%);
		
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3f6730d', endColorstr='#b3d90845',GradientType=1 );
	

}



.call2a { padding-top:30px; }
.call2a a { display:block; }
.call2a a:hover { text-decoration: none; }
.call2a i:before {font-family: Flaticon !important; font-size:40px;color:#fff !important; display:block; text-align:center; margin:auto; font-weight: normal; height:40px;}
.call2a p { color:#fff; padding:0px; display:inline; font-size:18px;text-align:center; width:100%; display:block; }
.footer-call { display:none; }
@media screen and (max-width:1200px)

{

.footer-call { display:block; }
.footer-call { bottom:0px; width:100%; }
.call2a { padding-top:10px; }
.call2a i:before {font-family: Flaticon !important; font-size:23px;height:26px; }
.call2a p {font-size:13px; margin-bottom:0px;}

}
.contact h2:after {
    bottom: -3px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 32px;
    background: #f69323;
}