@charset "utf-8";

/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,400italic,500,500italic,700,700italic);

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {

	border:0;

	outline:0;

	font-size:100%;

	background:transparent;

	margin:0;

	padding:0;

}

 section, footer, aside, nav, main, article, figure {

    display: block;

} 

a{ text-decoration:none!important; outline:none!important;}

a:hover{ text-decoration:none!important;}

a.active{ text-decoration:none;}

body{ margin:0px!important; padding:0px!important; 	font-family:'Ubuntu'!important; font-size:15px;}

.top_hold{ width:100%; height:auto; position:relative;background-color:#59606b; }

.top_strip{ width:100%; height:8px; background:url(../images/bg.jpg) repeat-y center left; background-size:contain; float:left; }

header { background: transparent; box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2); }

header { left: 0; margin-left: auto; margin-right: auto; right: 0;}

.modal-open{ overflow:auto;}

.logo_hold{ width:100%; height:auto; float:left; padding-top:15px;}

#logo { float: left; padding:0px 0px 15px 0px;}

.social{ width:auto; height:auto; float:right; margin-top:25px;}

.social ul{ margin:0px; padding:0px;}

.social ul li{ list-style:none; line-height:24px; float:left; margin-bottom:15px; width:100%; display:block; width:45px; height:45px; border-radius:50%; border:2px solid #fff; text-align:center; padding-top:9px; font-size:24px; margin-right:5px;}

.social ul li a{ color:#fff; text-decoration:none;}

.social ul li:hover{ color:#e77819; text-decoration:none; border:2px solid #f89005;}

.social ul li:hover a{ color:#f89005; text-decoration:none;}

header nav {text-align: right;}

header nav ul {margin: 0;padding: 0;list-style: none; }

header nav ul li {	display: block;	font-weight:normal;position: relative;	text-align:center;	float:left; width:16.5%; background-color:#0094e5; border-right:1px solid #fff; text-transform:uppercase;   }

header nav ul li:last-child {border-right:0px;}

header nav ul li a {color: #fff;	font-weight: normal;	line-height: 18px;	overflow: hidden;	text-decoration:none;display:block;  padding:20px 0px 20px 0px; border-bottom:0px;}

header nav ul li:hover{ color:#e77819 ;}

header nav ul li:hover a{ text-decoration:none; color:#2c1770 ;}

header nav ul li ul{ margin:0px; padding:0px; position:absolute; z-index:999; display:none;}

header nav ul li ul li { background-color: #f6f6f6; list-style: outside none none; margin: 0 auto; text-align: left;

width:150px; color:#666!important;}

header nav ul li ul li:hover{ background-color:#fff; color:#85610b;}

header nav ul li ul li a{ color:#666;  display:block; padding:10px; text-decoration:none;}

header nav ul li ul li:hover a{ background-color:#85610b; color:#fff;}

header nav ul li:hover ul{ display:block;}



.mean-container .mean-nav ul li a{ width:100%;}

article {width: 96%;}

#current{ color:#fff;	background-color: #e77819; padding:20px 0px 20px 0px; }

#current a{ transform:none;}



header nav ul li a:hover,

header nav ul > li:hover > a {	color:#color:#2c1770;  }

.banner{ width:100%; height:auto; float:left;}





.about_wrapper{ width:100%; height:488px; float:left; background:url(../images/about.jpg) no-repeat; background-position:right top; display:table;}

.about_wrap{ width:100%; height:auto; float:left; }

.about_wrapper h2{ font-size:30px; font-weight:500; color:#000; border-left:10px solid #0094e5; padding-left:15px; line-height:60px; margin-top:30px;}

.about_wrap p{ color:#666; text-align:justify; margin-top:10px;}

.about_wrap h3{ font-size:20px; font-weight:500; color:#000; margin-top:10px; }

.about_img{ width:100%; height:300px; display:table; float:left; margin-top:20px; margin-bottom:20px;}

.about_img img{ width:100%;}

.about_wrapper .col-md-7.col-sm-7.col-xs-12{ padding-left:0px;}





.skills_wrapper{ width:100%; height:auto; float:left; background-color:#f8f8f8; padding-bottom:30px; margin-top:-40px; padding-top:30px;}

.skills_wrap{ width:100%; height:auto; float:left; }

.skills_wrapper h2{ font-size:30px; font-weight:500; color:#000; border-left:10px solid #0094e5; padding-left:15px; line-height:60px;}

.skills_wrap p{ color:#666; text-align:justify; margin-top:10px;}

.skills_img{ width:100%; height:auto; text-align:right; }

.skills_wrapper .col-md-7.col-sm-7.col-xs-12{ padding-left:0px;}



.service_wrapper{ width:100%; height:auto; float:left; background-color:#f8f8f8; padding-bottom:30px; margin-top:-40px; padding-top:30px;}

.service_wrap{ width:100%; height:auto; float:left; padding:30px 0px 30px 0px}

.service_wrap h2{ font-size:30px; font-weight:500; color:#000; border-left:10px solid #0094e5; padding-left:15px; line-height:60px;}

.service_wrap h3{ font-size:18px; font-weight:500; color:#0094e5!important; margin-top:5px!important;}

.service_wrap p{ color:#666; text-align:justify; margin-top:10px;}

.service_hold{ width:100%; height:190px; float:left; border:1px solid #ddd; padding:4%; margin-top:15px;}

.readmore{ color:#e77819; font-weight:500;}

.readmore a{ color:#e77819;}

.readmore:hover{ color:#0094e5;}

.readmore:hover a{ color:#e77819;}

.service_hold:hover{ background-color:#0094e5; transition: 1s linear;}

.service_hold:hover p{ color:#fff;}

.service_hold:hover h3{ color:#fff!important;}

.service_hold:hover .readmore{ color:#000;}

.service_wrap .col-md-3.col-sm-3.col-xs-12{ padding-left:0px;}

.service_wrap .col-md-4.col-sm-4.col-xs-12{ padding-left:0px;}





.project_wrapper{ width:100%; height:auto; float:left;  padding-bottom:30px; padding-top:0px;}

.project_wrap{ width:100%; height:auto; float:left; padding:30px 0px 30px 0px; }

.project_wrap h2{ font-size:30px; font-weight:500; color:#000; border-left:10px solid #0094e5; padding-left:15px; line-height:60px;}

.project_wrap p{ color:#666; text-align:justify; margin-top:10px;}

.project_hold{ width:100%; height:340px; float:left; border:1px solid #ddd; margin-top:30px; position:relative; overflow:hidden; transition: all .2s ease-in-out;}

.project_hold img { height: 340px; width: 100%;-webkit-transition: all 1s ease;  -moz-transition: all 1s ease;    -o-transition: all 1s ease;  -ms-transition: all 1s ease; transition: all 1s ease;   }

.project_hold:hover img{transform: scale(1.5); }

.project_hold:hover .project_details{ height:340px; transition: 1s linear; width: 100%;}

.project_hold:hover .btn_holder{ opacity:1;}

.btn_holder{ position:absolute; top:45%; left:35%; opacity:0;}

.view_btn{ width:auto; text-align:center; background-color:#e77819; color:#fff; padding:8px;  cursor:pointer;}

.view_btn a{ color:#fff;}

.nav-tabs > li{ background-color:#fff; color:#e77819; border:1px solid #e77819; border-radius:0px; margin-right:5px;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{ background-color:#e77819; color:#fff; border-radius:0px; border:1px solid #da7016; transition: 1s linear;}

.nav-tabs{ border:0px; margin-top:20px;}

.nav-tabs > li > a{ margin:0px; color:#e77819;}

.project_wrapper .col-md-3.col-sm-6.col-xs-12{ padding-left:0px;}

.project_details{ width:100%; height:110px; position:absolute; background-color:rgba(0,148,229,0.8); text-align:center; color:#fff; bottom:0px; left:0px; padding:10px 0px 10px 0px;}

.view{ width:auto; height:auto; float:right; padding:10px; text-align:center; background-color:#e77819; color:#fff; margin-right:15px; margin-top:15px; border:none; cursor:pointer;}

.view a{ color:#fff; text-decoration:none; }

.view:hover{ background-color:#0094e5; color:#fff; transition: 1s linear;}



.applicant_wrapper{ width:100%; height:auto; float:left;  }

.applicant_wrapper .col-md-3.col-sm-3.col-xs-12{ padding-left:0px;}

.applicant_wrap{ width:100%; height:auto; float:left; padding:0px 0px 30px 0px; }

.applicant_wrap h2{ font-size:30px; font-weight:500; color:#000; border-left:10px solid #0094e5; padding-left:15px; line-height:60px;}

.applicant_wrap p{ color:#666; text-align:justify; margin-top:10px;}

.applicant_hold{ width:100%; height:160px; float:left; border:6px solid #e77819; margin-top:30px;}

.applicant_hold img{ width:100%; height:150px;}

.applicant_hold img:hover{ opacity:0.7;}



.footer{ width:100%; height:auto; float:left; background-color:#3a3a3a; padding:30px 0px 30px 0px; color:#d6d6d6; font-size:13px;}

.footer h2{ font-size:24px; font-weight:normal; color:#fff; margin-bottom:15px; }

.footer p{ color:#d6d6d6; text-align:justify; margin-top:10px;}

.quick_link{ width:100%; height:auto; float:left; margin-top:10px;}

.quick_link ul{ margin:0px; padding:0px;}

.quick_link ul li{ list-style:none; color:#d6d6d6; font-size:14px;}

.quick_link ul li a{ color:#d6d6d6;}

.quick_link ul li:hover{ color:#e77819;}

.quick_link ul li:hover a{ color:#e77819;}

.address{ width:100%; height:auto; float:left;}

.map_area{ width:100%; height:auto; float:left;}

.google-maps { position: relative; padding-bottom: 60%; height: 0; overflow: hidden; }

.google-maps iframe { position: absolute;  top: 0;left: 0; width: 100% !important; height: 100% !important;}

.txt_in{ background-color: #292727;  color: #d6d6d6!important;  height: 25px; width: 100%;  border:0px; padding-left:5px; margin-bottom:5px;}

.txt_area{ background-color: #292727;  color: #d6d6d6!important;  height: 50px; width: 100%; resize:none; border:0px; padding-left:5px;}

.send{ width:auto; height:auto; float:right; padding:8px; text-align:center; background-color:#e77819; color:#fff;  margin-top:15px; border:none;}

.send a{ color:#fff; text-decoration:none; }

.send:hover{ background-color:#0094e5; text-decoration:none; transition: 1s linear;}

.footer_btm{ width:100%; height:auto; float:left; background-color:#303030; padding:10px 0px 10px 0px; color:#d6d6d6; font-size:13px;}

.powered{ text-align:right;}

.tomsher{ color:#fff; font-weight:500;}

.tomsher a{ color:#fff;}



/*About page*/



.page_banner{ width:100%; height:300px; float:left; background:url(../images/page_banner.jpg) no-repeat center right; background-size:cover; position:relative; }

.title_hold{ position:absolute; bottom:45%;  background:rgba(0,148,229,0.8); opacity:0.9; padding:10px;}

.page_banner h1{font-size:30px; color:#fff;}

.content_wrapper{ width:100%; height:auto; float:left; padding:30px 0px 30px 0px; }

.content_wrapper h3{ font-size:20px; font-weight:500; color:#000; margin-top:10px; }

.content_wrapper h2{ font-size:30px; font-weight:500; color:#000; border-left:10px solid #0094e5; padding-left:15px; line-height:60px;}

.content_wrapper p{ color:#666; text-align:justify; margin-top:10px;}

.abt_img{ width:100%; height:auto; float:left;}

.abt_img img{ width:100%; height:auto;}

.side_bar{ width:100%; height:auto; padding:15px; color:#fff; background-color:#e77819; text-align:justify; float:left;}

.side_bar h3{ font-size:18px; color:#fff; text-align:left; font-weight:500;}

.side_bar p{ color:#fff; text-align:justify; margin-top:10px;}

.content_wrapper .col-md-8.col-sm-8.col-xs-12{ padding-left:0px;}



/*service*/



.service_img{ width:100%; height:auto; float:left; height:200px;}

.service_img img{ width:100%;}



/*service end*/



/*Project*/

.details_wrapper{ width:100%; height:auto; float:left; padding:30px 0px 30px 0px; }

.details_wrap{ width:100%; height:auto; float:left; background-color:#f6f7f8; padding:20px;}

.details_wrap h3{ font-size:24px; font-weight:500; color:#000; border-left:5px solid #0094e5; padding-left:15px; line-height:40px;}

.details_wrap p{ font-size:14px; font-weight:normal; color:#666;  line-height:28px; margin-top:15px;}

.details_wrapper .col-md-7.col-sm-7.col-sxs-12{ padding-left:0px;}

/*Project end*/



/*Gallery*/



.gallery_wrapper{ width:100%; height:auto; float:left;  padding-bottom:30px;}

.gallery_hold{ width:100%; height:150px; float:left; border:1px solid #ddd; margin-top:30px; position:relative;  overflow:hidden; transition: all .2s ease-in-out; }

.gallery_hold > img { height: 150px; width: 100%;  -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;    -o-transition: all 1s ease;  -ms-transition: all 1s ease; transition: all 1s ease; }

.example-image { height: 150px; width: 100%; -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;    -o-transition: all 1s ease;  -ms-transition: all 1s ease; transition: all 1s ease;}

.gallery_wrapper .col-md-3.col-sm-4.col-xs-6{ padding-left:0px;}

.gallery_title{ width:100%; height:40px; position:absolute; background-color:rgba(0,148,229,0.8); text-align:center; color:#fff; bottom:-2px;  padding-top:8px; padding-bottom:10px; }

.gallery_hold:hover img{transform: scale(1.5); }

#carousel img{ height:130px;}



/*Gallery End*/



/*Contact*/





.contact_wrap{ width:100%; height:auto; float:left; padding:0px 0px 30px 0px}

.contact_wrap h2{ font-size:30px; font-weight:500; color:#000; border-left:10px solid #0094e5; padding-left:15px; line-height:60px;}

.contact_wrap h3{ font-size:20px; font-weight:500; color:#0094e5;}

.contact_wrap p{ color:#444; text-align:justify; margin-top:10px;}

.txt_con{ width:100%; height:35px; background-color:#ececec; color:#666; border-radius:0px; border:0px;}

.txt_mes{ width:100%; height:120px; background-color:#ececec; color:#666; border-radius:0px; border:0px; padding:5px 0px 0px 10px; resize:none;}

.form_wrap{ width:100%; height:auto; margin-top:20px;}

.form_wrap .col-md-6.col-sm-6.col-xs-12{ padding-left:0px;}

.form_wrap .col-md-12.col-sm-12.col-xs-12{ padding-left:0px;}

.send_btn{ width:100px; height:50px; background-color:#e77819; text-align:center; color:#fff; border:none;}

.google-maps1 { position: relative; padding-bottom: 35%; height: 0; overflow: hidden; }

.google-maps1 iframe { position: absolute;  top: 0;left: 0; width: 100% !important; height: 100% !important;}





/*contact end*/





/***********************media*******************************/

 @media only screen and (min-width: 960px) and (max-width: 1199px) { .top_hold{ padding-top:50px;} .social{ margin-top:30px;} .bx-wrapper .bx-caption{ padding-top:7%;} #current{ padding:20px;} .about_wrapper{ background-size:42%;}.about_wrapper .col-md-7.col-sm-7.col-xs-12{ width:100%;} .about_wrapper .col-md-5.col-sm-5.col-xs-12{ width:100%; padding-left:0px;} .about_wrapper{ background:none;} .skills_wrapper{ margin-top:30px;} .footer h2{ font-size:18px;} .google-maps{ padding-bottom:100%;}}

 @media only screen and (min-width: 768px) and (max-width: 959px) {.top_hold{ padding-top:50px;} .social{ margin-top:30px;}.bx-wrapper .bx-caption{ padding-top:7%;} .bx-wrapper .bx-caption h1{ font-size:30px;} .bx-wrapper .bx-caption .orange{ font-size:38px;} #current{padding:20px;}.about_wrapper{ background-size:42%;}.about_wrapper{ background:none;} .about_wrapper .col-md-7.col-sm-7.col-xs-12{ width:100%;} .about_wrapper .col-md-5.col-sm-5.col-xs-12{ width:100%; padding-left:0px;} .skills_wrapper{ margin-top:30px;} .skills_wrapper .col-md-7.col-sm-7.col-xs-12{ width:100%;} .skills_wrapper .col-md-5.col-sm-5.col-xs-12{ width:100%;} .skills_img{ text-align:center;} .footer h2{ font-size:18px;} .google-maps{ padding-bottom:100%;} .service_holder p{ font-size:14px;}}



 @media only screen and (min-width: 480px) and (max-width: 767px) {.social ul li{ font-size:18px; width:35px; height:35px; padding-top:4px;} .top_hold{ padding-top:50px;} .social{ margin-top:30px;}.bx-wrapper .bx-caption{ padding-top:7%;} .bx-wrapper .bx-caption h1{ font-size:22px;} .bx-wrapper .bx-caption .orange{ font-size:30px;} .bx-wrapper .bx-caption .blue{ font-size:30px;}.bx-wrapper .bx-pager.bx-default-pager a{ width:10px; height:10px;} .bx-wrapper .bx-pager{ bottom:5%;} #current{ padding:20px;} .about_wrapper{ background:none;} .skills_img{ text-align:center;} .footer h2{ margin-top:15px;} .content_wrapper h2{ font-size:20px;} .about_wrapper .col-md-5.col-sm-5.col-xs-12{ padding-left:0px;} .page_banner h1{ font-size:24px;} .footer_btm{ text-align:center; font-size:11px;} .powered{ text-align:center;} .skills_img{ margin-top:20px;} }

 

 @media only screen and (min-width: 320px) and (max-width: 480px) {.social ul li{ font-size:14px; width:30px; height:30px; padding-top:0px;} .top_hold{ padding-top:50px;} .social{ margin-top:30px;}.bx-wrapper .bx-caption{ padding-top:6%; bottom:25%;} .bx-wrapper .bx-caption h1{ font-size:12px; line-height:normal;} .bx-wrapper .bx-caption .orange{ font-size:18px; line-height:normal; padding:0px;} .bx-wrapper .bx-caption .blue{ font-size:18px; line-height:normal; padding:0px;}.bx-wrapper .bx-pager.bx-default-pager a{ width:10px; height:10px; margin:0px 3px 0px 3px;} #current{ padding:20px;}.about_wrapper{ background:none;} .skills_img{ text-align:center;} .skills_img img{ width:100%;} .footer h2{ margin-top:15px;} .nav > li > a{ padding:10px 2px 10px 2px;} .gallery_title{ font-size:12px; height:32px;} .content_wrapper h2{ font-size:18px;} .about_wrapper .col-md-5.col-sm-5.col-xs-12{ padding-left:0px;} .page_banner h1{ font-size:22px;} .footer_btm{ text-align:center; font-size:11px;} .powered{ text-align:center;}.skills_img{ margin-top:20px;} .nav-tabs > li{ float:none;}}