* { padding:0; margin:0; }

body { font-family: 'Roboto', sans-serif; line-height:25px; font-size:14px; overflow-x: hidden; background:#f5f5f5;  }

html { scroll-behavior: smooth; }

.top_sec {

	background: #fff;

	padding: 7px 0;

	box-shadow: 1px 1px 4px #bdbdbd;

}

a, a:hover, a:focus {

	color:inherit;

	text-decoration:none;

}

.menu {

	padding:0;

	margin: 22px 0;

	float:right;

}

.menu li {

	padding: 0;

	float: left;

	list-style-type: none;

	margin: 0 10px;

	font-size: 15px;

	font-weight:500;

	text-transform: uppercase;

}

.menu li a { color:#000; text-decoration:none; }

.menu li.active a { color:#ec7500; }

.menu li.active .dropdown-content a { color:#000; }



.social {

	padding:0;

	margin: 22px 0;

	float:right;

}

.social li {

	padding: 0;

	float: left;

	list-style-type: none;

	margin: 0 10px;

	font-size: 15px;

}

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

.service_icons .owl-carousel .item div {

	height: 72px;

	text-align: center;

	display: flex;

	justify-content: center;

	flex-direction: column;

}

.service_icons .owl-carousel .item div img {

	max-width: 100%;

	height: auto;

	width: auto;

	margin: 0 auto;

}

.service_icons .owl-carousel .item p {

    margin: 0px 0;

    color: #000;

    font-size: 15px;

    text-align: center;

}

.service_icons { padding:12px 0; }



.box { 

	background: #fff;

	padding: 19px 28px;

	box-shadow: 1px 1px 4px #bdbdbd;

	border-radius: 4px;

	display: inline-block;

	width: 100%;

	margin-bottom: 13px;

}

.prof_pic img {

	max-width:100%;

	width:100%;

}

.prof_pic {

	border-radius: 100%;

	overflow: hidden;

}

.name {

	margin: 18px 0 0;

	text-align: center;

	font-size: 22px;

	font-weight: 500;

}

.pos {

	margin:7px 0 0;

	font-style:italic;

	font-size:18px;

	color:#666666;

	text-align:center;

}

.orange_but_sml {

	background: #ec7500;

	padding: 8px 22px;

	display: block;

	margin: 14px auto;

	width: 157px;

	color: #fff;

	text-align: center;

	font-size: 16px;

	text-transform: uppercase;

	font-weight: 500;

	border-radius: 5px;

}

.orange_but_sml i {

	margin-left:5px;

}

.cont_det {

	padding:0;

	margin: 30px 0 0 32px;

}

.cont_det li {

	padding:0;

	margin:0 0 5px;

	list-style-type:none;

	font-size: 15px;

	color: #000;

}

.cont_det li i {

	margin-right:7px;

}

.prof_hdng h1 {

	font-size:23px;

	color:#010101;

	line-height: 30px;

	font-weight:normal;

}

.prof_hdng h1 span {

	font-weight:700;

	display:block;

}

.sub_gray_hd {

	font-size:18px;

	color:#666666;

	margin-bottom: 20px;

}



element {



}

.progress {

    height: 14px;

    margin-bottom: 20px;

    overflow: hidden;

    background-color: #bedab9;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);

    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);

}

.progress-bar {

    float: left;

    width: 0;

    height: 100%;

    font-size: 12px;

    line-height: 20px;

    color: #fff;

    text-align: center;

    background-color: #21900d;

    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);

    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);

    -webkit-transition: width .6s ease;

    -o-transition: width .6s ease;

    transition: width .6s ease;

}

.progress_panl {

	position:relative;

	margin: 12px 0 45px;

}

.cord_name {

	font-size: 14px;

	position: absolute;

	top: -25px;

	left:0;

	margin: 0;

}

.cors_value {

	font-size: 14px;

	position: absolute;

	top: -25px;

	right:0;

	margin: 0;

}

hr {

	background: #e2e2e2;

	height: 1px;

	display: block;

	clear: both;

	width: 100%;

	margin: 12px 0 30px;

}

.box h2 {

	font-size:22px;

	color:#000;

	margin:0;

}

.orange_but_comn {

    background: #ec7500;

    padding: 8px 22px;

    display: block;

    margin: 14px 0;

    width: 157px;

    color: #fff;

    text-align: center;

    font-size: 17px;

    text-transform: uppercase;

    font-weight: 500;

    border-radius: 5px;

}

.float-right {

	float:right;

}

.panel_cont h5 {

	font-size: 18px;

	color: #2e2e2e;

	margin: 0 0 5px;

}

.panel_cont p {

	font-size: 15px;

	color: #2e2e2e;

}

.panel_cont {

	border-bottom: 1px solid #e2e2e2;

	padding-bottom: 10px;

	margin-bottom: 17px;

}

.padd0 { padding:0; }



.loc {

    padding: 10px 0;

	background: #fff;

	box-shadow: -7px -1px 6px #bdbdbd;

}

.loc h2 {

	font-size: 22px;

	color: #000;

	margin: 0;

    margin-bottom: 22px;

    margin-top: 15px;

    text-align: center;

}

.loc ul {

    list-style-type: none;

    text-align: center;

}

.loc ul li {

    float: left;

    padding: 0 5px;

    border-right: 1px solid #ccc;

    line-height: 17px;

    margin: 5px 2px;

    font-weight: 500;

}

.loc ul li a {

    text-decoration: none;

    color: #000;

    font-size: 12px;

}

.key_words02 {

	padding:20px 0;

	background:url(../images/kay_bg.jpg) no-repeat left top / cover;

}

.key_words02  ul {

    text-align: center;

}

.key_words02 ul li {

	float: left;

	padding: 0 3px;

	line-height: 17px;

	margin: 5px 16px;

	font-weight: 500;

	list-style-type: none;

	color: #fff;

}

.key_words02 ul li::before {

    content: ">";

    font-size: 14px;

    margin-right: 10px;

    color: #fff;

}

.key_words02 ul li a { color:#ddd; }

footer {

	background: #fff;

	padding: 14px 0;

}

.copy {

	margin: 0;

	font-size: 15px;

	color: #000;

}

.footer_menu {

	list-style-type:none;

	padding:0;

	margin:0;

	display:flex;

	justify-content: center;

}

.footer_menu li {

	padding: 0 10px;

	margin:0;

	font-size:15px;

}

.footer_menu li { color:#000; }

.social.scl_ftr {

	margin:0;

}

.star {

	padding:0;

	margin:0;

	list-style-type:none;

	display:flex;

}

.star li {

	margin: 0 1px 7px;

	padding: 0;

}

.star li i { color:#dcdcdc; }



.star li.gold i { color:#ffb92d; }



.grn02 {

	width: 60px;

	background: #25a642;

	padding: 2px 9px;

	border-radius: 26px;

	color: #fff;

	line-height: 20px;

	font-size: 13px;

	font-weight: 500;

	float: left;

	margin-right: 8px;

	margin-left: 12px;

}

.float-left { float:left; }

.clr {

	clear:both;

}

.hire_me_sec {

	background: #161515;

	padding: 5px 0px;

	margin-bottom: 15px;

}

.pro_comp {

	padding: 0;

	margin: 0;

	list-style-type: none;

}

.pro_comp li {

	padding: 6px 0;

	margin: 7px 0;

	font-size: 14px;

	border-bottom: 1px dotted #999;

	line-height: 13px;

}

.pro_comp li:first-child { margin-top:0; }

.pro_comp li label { float:right; }

.rev_panel h5 {

	font-size: 15px;

	font-weight: 600;

	margin: 0 0 4px;

}

.rev_panel p {

	font-size: 12px;

	line-height: 14px;

}

.rev_panel p.author { font-weight:600; }



.rev_img img {

	max-width: 100%;

	border-radius: 100%;

}

.rev_panel {

	display: inline-block;

	border-bottom: 1px solid #d7d7d7;

	padding-bottom: 5px;

	margin-bottom: 5px;

	width:100%;

}



.panel_cont a {

	color:#ec7500;

}





/*mob-menu*/



.overlay02 {

  height: 100%;

  width: 100%;

  display: none;

  position: fixed;

  z-index: 9999;

  top: 0;

  left: 0;

  background-color: rgb(0,0,0);

  background-color: rgba(0,0,0, 0.9);

}

.mob_mnu {

	font-size: 24px;

	cursor: pointer;

	color: #ec7500;

	padding: 7px 11px;

	border-radius: 2px;

	margin: 0px 0 0;

	display: inline-block;

	line-height: 12px;

	text-align: center;

	position: absolute;

	top: 0;

	right: 0;

	z-index: 999;

}



.overlay-content {

position: relative;



top: 0;



width: 100%;



text-align: left;



margin-top: 46px;



padding: 0 12px;



}



.overlay02 a {



padding: 7px 2px;



text-decoration: none;



font-size: 16px;



color: #818181;



display: block;



transition: 0.3s;



border-bottom: 1px solid #c8c8c8;



color: #fff;



}



.overlay02 a:hover, .overlay a:focus {

  color: #0e74bb;

}



.overlay02 .closebtn {

position: absolute;

top: 15px;

right: 23px;

font-size: 22px;

text-decoration: none;

border: none;

font-weight: bold;

}





.overlay02 a {font-size: 15px }



.overlay02 .closebtn {

  font-size: 30px;

  top: 15px;

  right: 35px;

 }



/*mobmenu*/



.orange_but_sml:hover { color:#fff; cursor:pointer; }

.orange_but_comn:hover { color:#fff; cursor:pointer;  }



.blue_link {  

    color: #005097;

	}

.blue_link:hover {  

    color: #005097;

	text-decoration:underline;

	}	



.dropdown {

  position: relative;

  display: inline-block;

}



.dropdown-content {

  display: none;

  position: absolute;

  background-color: #f9f9f9;

  min-width: 213px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 9;

  padding: 10px 0;

}

.dropdown-content p {

	margin:0;

}

.dropdown-content a {

	padding: 2px 16px;

	width: 100%;

	display: block;

	text-transform: none;

	font-weight: normal;

	font-size: 13px;

}



.dropdown:hover .dropdown-content {

  display: block;

}

li.dropdown .dropdown-content a:hover {

    color: #fff !important;

    background: #ec7500 !important;

}

.serv_buttn {

	background: #e31a1a;

	padding: 8px 11px;

	display: block;

	margin: 0px auto 8px;

	width: 100%;

	color: #fff;

	text-align: center;

	font-size: 14px;

	text-transform: uppercase;

	font-weight: 500;

	border-radius: 5px;

}

.serv_buttn02 {

	background: #108cc8;

	padding: 8px 11px;

	display: block;

	margin: 0px auto 8px;

	width: 100%;

	color: #fff;

	text-align: center;

	font-size: 14px;

	text-transform: uppercase;

	font-weight: 500;

	border-radius: 5px;

}



.serv_buttn:hover, .serv_buttn02:hover {

	color:#fff;

}



.progress-bar {

  width: 0;

  -webkit-animation: progress 1.5s ease-in-out forwards;

          animation: progress 1.5s ease-in-out forwards;

}



@-webkit-keyframes progress {

  from {

    width: 0;

  }

  to {

    width: 100%;

  }

}



@keyframes progress {

  from {

    width: 0;

  }

  to {

    width: 100%;

  }

}

@-webkit-keyframes show {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}

@keyframes show {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}



.zoom {

    transition: transform .2s;

}

.zoom:hover {

    transform: scale(1.1);

}

.vd_wrap img {

	   transition: transform .2s;

}

.vd_wrap:hover img {

    transform: scale(1.1);

}

.social li:hover .fa-facebook-f { color:#1977f3; }

.social li:hover .fa-instagram { color:#97369a; }

.social li:hover .fa-twitter { color:#1da0f2; }

.social li:hover .fa-linkedin-in { color:#0077b5; }

.social li:hover .fa-youtube { color:#ff0000; }



.serv_panel img { max-width:100%; }



.serv_panel h4 {

	margin: 43px 0 15px;

	font-size: 20px;

}

.read_more {

	color: #ec7500;

	font-size: 15px;

}

.read_more:hover {

	color: #ec7500;

}

.read_more i { margin-left:5px; }

.serv_panel { 

	display: inline-block;

	width: 100%;

	border-bottom: 1px solid #d9d9d9;

	padding-bottom: 8px;

}

.cont_det li a:hover { text-decoration:underline; }



.crm_box img { max-width:100%; }





/*portfolio hover*/

.portfolio:hover img.ap {

 opacity:.1;

 -webkit-transition:all .4s ease-in-out;

 transition:all .4s ease-in-out

}

.portfolio {

 background:#666

}

.portfolio:hover .hover {

 transform:scale(1);

 opacity:1

}

.portfolio .hover {

 position:absolute;

 top:0;

 right:0;

 bottom:0;

 left:0;

 text-align:center;

 opacity:0;

 transform:scale(.4);

 -webkit-transition:all .4s ease-in-out;

 transition:all .4s ease-in-out;

 background-color: rgba(0, 0, 0, 0.5);

}

.portfolio .hover div {

 position:relative;

 top:42%;

 transform:translateY(-50%);

 z-index:2

}

.portfolio .hover a {

	width: 100%;

	line-height: 20px;

	font-weight: 500;

	display: block;

	color: #ffd805;

	margin: 10px auto auto;

	font-size: 16px;

	border-radius: 35px;

	text-decoration: none;

}

.codng {

    margin: 0;

    line-height: 20px;

    color: #fff;

}

.portfolio:hover img {

 opacity:.1;

 -webkit-transition:all .4s ease-in-out;

 transition:all .4s ease-in-out

}

.portfolio02:hover .hover {

 transform:scale(1);

 opacity:1

}

.portfolio02 .hover {

 position:absolute;

 top:0;

 right:0;

 bottom:0;

 left:0;

 text-align:center;

 opacity:0;

 transform:scale(.4);

 -webkit-transition:all .4s ease-in-out;

 transition:all .4s ease-in-out

}

.portfolio02 .hover div {

 position:relative;

 top:42%;

 transform:translateY(-50%);

 z-index:2

}

.portfolio02 .hover a {

	width: 100%;

	line-height: 20px;

	font-weight: 500;

	display: block;

	color: #ffd805;

	margin: 10px auto auto;

	font-size: 16px;

	border-radius: 35px;

	text-decoration: none;

}

.portfolio02:hover img {

 opacity:.1;

 -webkit-transition:all .4s ease-in-out;

 transition:all .4s ease-in-out

}

.portfolio02 .play_str img {

    height: auto;

    width: 130px;

    opacity: 1;

}









.portfolio03:hover .hover {

 transform:scale(1);

 opacity:1

}

.portfolio03 .hover {

 position:absolute;

 top:0;

 right:0;

 bottom:0;

 left:0;

 text-align:center;

 opacity:0;

 transform:scale(.4);

 -webkit-transition:all .4s ease-in-out;

 transition:all .4s ease-in-out;

 background-color: rgba(0, 0, 0, 0.5);

}

.portfolio03 .hover div {

 position:relative;

 top:42%;

 transform:translateY(-50%);

 z-index:2

}

.portfolio03 .hover a {

	width: 100%;

	line-height: 20px;

	font-weight: 500;

	display: block;

	color: #ffd805;

	margin: 10px auto auto;

	font-size: 16px;

	border-radius: 35px;

	text-decoration: none;

}



/*portfolio hover*/



.crm_box  {

	height: 150px;

	background: #e6e6e6;

	display: flex;

	justify-content: center;

	flex-direction: column;

	margin-bottom: 25px;

}

.inq h1 {

    font-size: 25px;

    text-align: left;

    margin: 20px 0 10px;

}

.inq p {

    font-size: 17px;

    color: #000;

    text-align: left;

    margin: 0 0 10px;

}

.inq input {

    border-bottom: 2px solid #d8d8d8 !important;

    border: 0;

    background: transparent;

    color: #000;

    margin: 0 0 15px 0;

    padding: 10px 7px;

    width: 100%;

}

.inq button {

    background: #ec7500;

    padding: 7px 45px;

    color: #fff;

    font-size: 15px;

    font-weight: bold;

    border: 0;

    border-radius: 8px;

    margin: 10px 0 0;

}

.list-inline {

    list-style: none;

    padding: 77px 25%;

}



.map { margin-top:15px; }



.box h2.othr_pro {

	clear: both;

	margin: 55px 0 0;

	display: inline-block;

	width: 100%;

}

.crm_box + p {

	font-size: 15px;

	text-align: center;

	margin: 7px 0;

	font-weight: 500;

}



.crm_box img { max-width:100%; overflow: hidden; }



.reviews {

    padding: 12px 0 21px;

    border-bottom: 1px solid #ddd;

    display: inline-block;

    width: 100%;

}

.reviews_txt .grn {

    width: 58px;

    background: #25a642;

    padding: 0 10px;

    border-radius: 26px;

    color: #fff;

    line-height: 21px;

    font-size: 12px;

    font-weight: 500;

    float: left;

    margin-right: 8px;

    position: relative;

}

.reviews p {

    color: #000;

    font-size: 14px;

    margin: 0px 2px -5px;

    line-height: 32px;

}

.rev_ico ul {

    padding: 0;

    margin: 0;

    display: flex;

    float: right;

    margin: 32px 0 0;

}

.rev_ico ul li {

    float: left;

    list-style-type: none;

    padding: 2px 12px;

    color: #a8a8a8;

    font-size: 13px;

    margin-right: 5px;

}

.det_flx {

	margin: 3px 0;

	display: inline-block;

	width: 100%;

	background: #eaeaea;

	padding: 15px 10px;

	border-radius: 5px;

	border: 1px solid #c8c8c8;

}



.rev {

	float:left;

	 margin: 5px 0;

} 

	

.rate_pro {

    background: #ec7500;

    height: 35px;

    border: 0;

    color: #fff;

    padding: 0 21px;

    border-radius: 3px;

    margin: 0px 0 0 34px;

	float: right;

}

.cht {

    padding: 20px 17px;

    background: #f9f9f9;

}



.frgt-det h4 {

    margin-bottom: 15px;

    color: #000;

    font-size: 17px;

}

.frgt-det span.checked {

    color: orange;

}

.frgt-det span {

    font-size: 16px;

    color: #b0b0b0;

    margin: 0px 5px 7px;

}

.frgt-det h4 {

    margin-bottom: 15px;

    color: #000;

    font-size: 17px;

}

.frgt-det input {

    width: 100%;

    border: 1px solid #ddd;

    margin: 0px 0 10px 0;

    background: #fff;

    padding: 5px 7px;

}

.frgt-det textarea {

    min-height: 120px;

    width: 100%;

    border: 1px solid #ddd;

    margin: 0px 0 10px 0;

    background: #fff;

    padding: 5px 7px;

}

.search-btn.subm {

    border-radius: 3px;

    background: #ec7500;

    color: #fff;

    font-weight: bold;

    font-size: 15px;

    padding: 7px 10px;

    height: 42px;

    width: 119px;

    border: 0;

    margin-bottom: 7px;

}



.reviews_txt {

	font-size: 17px;

	font-weight: 600;

	margin: 0 0 4px;

}

.author02 {

    font-weight: 600;

}

/*responsive*/

@media only screen and (min-width: 200px) and (max-width: 480px)  {



.serv_panel .col-md-4 {

	margin-bottom:10px;

}

.list-inline > li {

    display: block;

}



.list-inline {

    padding: 77px 1px;

}



.key_words02 ul li {

    padding: 0 3px;

	margin: 5px 3px;

}

.portfolio img {

    max-height: 140px;

    max-width: 100%;

}

.logo img {

	width:170px;

}

.social {

    padding: 0;

    margin: 4px 0 0;

    float: none;

    width: 100%;

    display: flex;

    justify-content: center;

}

.cont_det {

    padding: 0;

    margin: 30px 0 0 0px;

}

.box {

    padding: 19px 14px;

    box-shadow: 1px 1px 4px #bdbdbd;

}

.star {

    list-style-type: none;

    display: flex;

    width: 100%;

}

.sub_gray_hd {

    margin-bottom: 20px;

    margin-top: 17px;

}

#filters {

    padding: 0 0px;

}

#filters li {

    float: left;

    width: 48%;

    text-align: center;

}

.rev_img {

	text-align: center;

	margin-bottom: 12px;

}

.rev_panel {

	text-align:center;

}

.rev_panel .star {

    justify-content: center;

}

footer {

	text-align:center; 

}

.footer_menu {

    margin: 6px 0;

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

}



.prof_pic {

    width: 175px;

    margin: 0 auto;

}

.cont_det li {

    text-align: center;

}

.cont_det {

    margin: 30px 0 0 0;

}

}



@media only screen and (min-width: 481px) and (max-width: 767px)  {



footer {

	text-align:center; 

}

.footer_menu {

    margin: 6px 0;

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

}	

.social {

    padding: 0;

    margin: 4px 0 0;

    float: none;

    width: 100%;

    display: flex;

    justify-content: center;

}

.rev_img {

    text-align: center;

    margin-bottom: 12px;

}

.rev_panel {

    text-align: center;

}

.rev_panel .star {

    justify-content: center;

}

.prof_pic {

    width: 175px;

    margin: 0 auto;

}

.cont_det li {

    text-align: center;

}

.cont_det {

    margin: 30px 0 0 0;

}

}



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

.logo img {

	max-width:100%;

}

.social li {

    margin: 0 6px;

    font-size: 14px;

}

.prof_pic {

    width: 175px;

    margin: 0 auto;

}

.footer_menu li {

    padding: 0 8px;

}

.cont_det li {

    text-align: center;

}

.cont_det {

    margin: 30px 0 0 0;

}

}



@media (min-width: 767px) {

.for_mob_menu {

	display:none;

}

}





@media (max-width: 767px) {

.menu { display:none; }	

}