/*================= Reset css====================== */
html,body,div,textarea,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-family: Arial; font-size:15px;    letter-spacing: 1px; color:#333}
body{line-height:1;font-weight: 400; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent; text-decoration:none;  transition: all 0.2s ease 0s; }
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}


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

.contriut {  margin: 0 auto; width: 1200px;}

/* --------------------------header css----------------------------*/
.top { background: none repeat scroll 0 0 #fe7c8a; height: 8px; width: 100%;}
.logo {float: left;width: 300px; padding: 10px 0;}
.smallinfo {background: none repeat scroll 0 0 #fe7c8a; float: right;  height: 29px;  width: 800px;}
.call{ background:url("../images/mail.png") no-repeat scroll 4px 2px #fff; color:#ccc}
.call1{ background:url("../images/call.png") no-repeat scroll 4px 2px rgba(0, 0, 0, 0);}
.call2{ background:url("../images/edit.png") no-repeat scroll 4px 2px rgba(0, 0, 0, 0);}
.call3{ background:url("../images/login.png") no-repeat scroll 4px 2px rgba(0, 0, 0, 0);}
.smallinfo li { border-left: 1px solid #d84f5e; border-right: 1px solid #ffa6b0;color: #ffffff; float: left;  font-size: 14px;    letter-spacing: 1px;  padding:6px 10px 9px 32px;}
.smallinfo li:nth-child(1){ border-left: 0px;color:#330006; }
.smallinfo li:nth-child(4){ border-right: 0px; }
.smallinfo li:nth-child(2){ border-left: 0px; }
header {  position: relative;}
.roght { background: none repeat scroll 0 0 #048cbe;clear: right;   height:29px; position: absolute; right: 0; top: 6px;  width: 13%;display: none;}
header span {background: none repeat scroll 0 0 #330006; box-shadow: 0 2px 4px #62231c; clear: both;  z-index: 99;  display: block;}
.menu {height: 36px;}
.menu a { display: block; letter-spacing: 1px; padding: 10px 19px; text-transform: capitalize;color:#fff;font-size: 16px;}
.menu a:hover{ background:#fff; color:#000	}
.menu li { float: left; border-left: 1px solid #000; border-right: 1px solid #676767;}
.menu li:nth-child(1){ border-left: 0px}
.menu li:nth-child(10){ border-right: 0px}
.viewa > a { margin-top: 5px; display: block;  color: #666;}
.viewa > a:hover{ color:#048cbe}
.lastb {clear: both; overflow: hidden; background: #555555;  border-top: 1px solid #9a9999;}
.allcopy { color: #d5d5d5; float: left;  font-size: 14px; font-weight: 200; line-height: 20px; width: 100%; text-align: center; padding-top: 10px;}
.desi {  color: #adadad; float: right; width: 100%;  text-align: center;}
.disble { background: none repeat scroll 0 0 #330006;left: 0; position: absolute; top: 36px;  z-index: 9999;display: none;}
.disble li { border-right: 0 none;  border-left:0 none ;border-top: 1px solid #000; border-bottom: 1px solid #676767; width: 200px;}
.bloked:hover .disble { display:block;}


/* --------------------------slider css----------------------------*/
.tp-caption.slider_caption.lft.ltt.tp-resizeme.pana.start {font-size: 36px!important; text-transform:capitalize; font-weight: bold; color:#ffffff}
.tp-caption.slider_caption.lft.ltt.tp-resizeme.Online.start {  font-size: 16px!important; color: #fff;  text-transform: capitalize;}
.rev_slider_btn.btn.learn {  width:1028%; height: 1px; background: #499197;  display: block; overflow:hidden;}
.sec-bg3 {  background: url("../images/parallax3.jpg") no-repeat scroll 0 0 / cover  rgba(0, 0, 0, 0);}
.parallax { height: 100%;  left: 0; margin: 0;  position: absolute; top: 0; transition: all 0.5s ease 0s;  width: 100%;   z-index: -1;}

/* --------------------------about css----------------------------*/
.contriut.pogi { position: relative; padding-bottom: 115px;}
.title { text-align: center; width: 100%; background: #fff; position: absolute;  top: -86px;  z-index: 999; padding:50px 0 35px}
.title h2 {  color: #330006; font-size: 25px;  padding-bottom: 10px; text-transform: capitalize;  letter-spacing: 1px; }
.title p { font-size: 13px;  font-weight: 400;    letter-spacing: 1px; color: #140000;padding-bottom: 10px; }
.contentbox { clear: both; padding-top: 90px;display: inline-block;}
.leftimg {  width: 400px; float: left; text-align: center;}
.right_co {  float: left;   width: 800px; text-align: justify;  line-height: 28px;  font-weight: 400;  color: #2a2a2a;}
.right_co.abt{width:960px; min-height: 200px;}
.gray {color: black;  background:#f6f8f8}
.title.frd { background:#f6f8f8;}
.leftsli { width: 880px; float: left; }
.rightse { float: right; width: 25%; position: absolute; bottom: 84px;  right: 0;  z-index: 999;}
.title.frd > span {width: 337px;  display: block;    margin: 0 auto;}
.col-md-9 > p { line-height: 18px; font-weight: 200;}
.lastsign { float: right; font-size: 17px;  line-height: 1.2; color: #333; margin-top: 10px; text-align: center;  width: 178px;}
.right_co.abt > p,.feel > p,.col-md-12 > p {line-height: 23px; font-weight: 200;   padding-bottom: 14px;}
.feel { clear: both;}
.col-md-12 > p strong {font-weight: 500;color: #000;}
.socila { clear: both;overflow: hidden;padding: 90px 0 0; position: relative; width: 612px;  margin: 0 auto;}
.col-xs-6.col-sm-3 { width: 143px;}
.col-xs- { position: absolute;top: 51px; left: 99px;}
.col-xs-6.gplus { float: left;  width: 143px;  margin-left: 91px;}
.col-xs-6.twitter { float: left; width: 143px;margin-left: 91px;}
.col-xs-.twitter { left: 333px;}
footer { background: #181818; clear: both; border-top:5px solid #fe7c8a; overflow: hidden;}
.quicklink { float: left; margin-right: 20px; padding-top: 33px;  width: 280px;}
.quicklink li { border-bottom: 1px dashed #535353;color: #adadad; padding: 10px 0;}
.Quick {border-bottom: 3px solid #666666 !important; color: #fe7c8a !important; font-size: 18px; padding-bottom: 10px !important;  text-transform: capitalize;}
.quicklink a {    color: #e1e1e1;font-weight: 400;}
.quicklink a:hover{color: #fe7c8a;}
.tig {width: 67px;margin: 0 auto; clear: both; overflow: hidden; height: 94px;}
.contriut.pogi.edns {  display: table;}
.col-md-12.ccof strong {  font-size: 14px; line-height: 21px;color: #000;  padding-bottom: 14px;}
.col-md-12.ccof > h3{ color:#333}
/*------------------------------------AAAAA-----------------------------------*/
img{width: 100%;}
.parallax { height: 100%;  left: 0;  margin: 0;  position: absolute;  top: 0;  transition: all 0.5s ease 0s;  width: 100%;  z-index: -1;}
section{  float: left;  width: 100%;position:relative;}
.block {  float: left;   width: 100%;	position:relative;}
.block.blackish:before,.blackish:before {  content: "";  width: 100%;  height: 100%;z-index:-1;   position: absolute;  left: 0;    top: 0; }
section.blur:before,section.blur:after { content: "";  width: 100%;  height: 90px; position: absolute;  left: 0;top: 0;}
.block.blackish {  padding-bottom: 130px;}
section.blur:after{top:auto;bottom:0;	
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);}
.blackish .title h2 ,.blackish .title h1{  color: #FFFFFF;  font-weight: 500;  text-shadow: none;}
.blackish .title h2:before, .blackish .title h2:after ,.blackish .title h1:before, .blackish .title h1:after {  background: none repeat scroll 0 0 #ABAAAA;  -webkit-box-shadow: none;
-moz-box-shadow: none;   -ms-box-shadow: none;  -o-box-shadow: none;  box-shadow: none;}
.blackish .title > p{color:#c8c7c7;}
.block.whitish:before {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0;position: absolute;top: 0; width: 100%; z-index: -1;}
.blockqoute { color: #333; font-size: 12px; line-height: 22px; font-weight: 400;}
.owl-item { padding: 0;}
.col-md-3 > h4 {  color: #333;}
.col-md-3 span { font-size: 12px;  font-weight: 200;}
.col-md-3 { text-align: center;}
.title.paral.wow.bounceInLeft.animated > h2 {  color: #000;}
.title.paral.wow.bounceInLeft.animated > p {   color: #000;}
.button { cursor: pointer; float: right; margin-top: 11px; margin-bottom: 8px; display: block; width: 100%;  text-align: right;}
#target{ color: #333333; font-size: 12px;font-weight: 400; line-height: 22px;  margin-top: 15px;}
/*** TEAM ***/
.team-carousel{cursor:move;}
.member {float: left; padding: 0 15px 15px; width: 25%;	cursor:pointer;-webkit-transition:all 0.4s ease 0s;
-moz-transition:all 0.4s ease 0s;
-ms-transition:all 0.4s ease 0s;
-o-transition:all 0.4s ease 0s;
transition:all 0.4s ease 0s;}
.member.active {  width: 50%;}
.member-info { float: left;  margin-top: 0;position: relative; width: 100%;	
-webkit-transition:all 0.4s ease 0s;
-moz-transition:all 0.4s ease 0s;
-ms-transition:all 0.4s ease 0s;
-o-transition:all 0.4s ease 0s;
transition:all 0.4s ease 0s;}
.member-info:after {background: url("../images/shadow.png") no-repeat scroll center center / 100% 100% rgba(0, 0, 0, 0); content: "";
height: 15px; width: 100%;position: absolute; bottom: -14px;left: 0;}
.member.active .member-info { background: none repeat scroll 0 0 rgba(200, 200, 200, 0.5); padding: 10px;}
.member-details {height: 0; overflow: hidden;}
.member-img { margin-top: 10px;  position: relative;  transition: all 0.4s ease 0s;  width: 290px;  border: 4px solid#ccc;background: #f4f4f4;}
.year {text-align: center;  font-size: 31px;}
.member.active .member-img { border: 4px solid #FFFFFF; float: left; margin-top: 0;overflow: hidden;width: 155px;}
.member.active .member-details {float: left; margin-top: -167px;min-height: 190px; width: 100%;}
.member-intro > h3 {font-size: 18px; margin-bottom: 20px; padding-left: 175px;}
.member-intro > h3 span{font-size: 13px;font-weight: 400;}
.member-intro > span {color: #333;float: left; letter-spacing: 0.3px; margin-bottom: 10px;padding-left: 175px;width: 100%; display: none;}
.member-intro > p { float: right; font-weight: 400;  height: 100px; line-height: 20px;  margin-top: 0; overflow: hidden;  width: 70%; color: #252525;}
.team-carousel .owl-controls {float: left;height: 10px; width: 100%; margin-top: 20px;}
.team-carousel .owl-controls .owl-pagination {  margin: 0 auto;	display:table; width: auto;}
.team-carousel .owl-controls .owl-pagination .owl-page.active {	background:transparent;border:2px solid #ccc;}
.team-carousel .owl-controls .owl-pagination .owl-page { background: none repeat scroll 0 0 #cccccc;  height: 7px;float:left;	margin-right:5px;border:2px solid transparent;  width: 24px;padding:1px;	
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;	
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-ms-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
transition:all 0.3s linear;}
.team-carousel .owl-controls .owl-pagination .owl-page:last-child{	margin-right:0;}
.team-member-img:after {background: url("../images/shadow.png") no-repeat scroll center center / 100% 100% rgba(0, 0, 0, 0);
content: ""; height: 10px;width: 100%; position: absolute; bottom: -10px;  left: 0;}

/*** PORTFOLIO ***/
.option-combo {display: table; margin: 0 auto 40px; padding: 0 30px;}
.option-combo ul {float: left; width: 100%;}
.option-combo li{float: left;margin:0 10px;}
.option-combo li a {color: #FFFFFF; float: left;font-size: 15px; padding: 10px 20px;	letter-spacing:0.3px;	
-webkit-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
-o-transition:all 0.4s linear;
transition:all 0.4s linear;}
.option-combo li a.selected { background: none repeat scroll 0 0 #FFFFFF; color: #555555;	
-webkit-box-shadow: 0 0 5px #C9C9C9;
-moz-box-shadow: 0 0 5px #C9C9C9;
-ms-box-shadow: 0 0 5px #C9C9C9;
-o-box-shadow: 0 0 5px #C9C9C9;
box-shadow: 0 0 5px #C9C9C9;}
#portfolio .col-md-1,
#portfolio .col-md-2,
#portfolio .col-md-3,
#portfolio .col-md-4,
#portfolio .col-md-5,
#portfolio .col-md-6,
#portfolio .col-md-7,
#portfolio .col-md-8,
#portfolio .col-md-9,
#portfolio .col-md-10,
#portfolio .col-md-11,
#portfolio .col-md-12{padding:0;}
.portfolio-image{position:relative;}
.portfolio-image:hover { z-index: 3;
-webkit-box-shadow: 0 0 9px #000000;
-moz-box-shadow: 0 0 9px #000000;
-ms-box-shadow: 0 0 9px #000000;
-o-box-shadow: 0 0 9px #000000;
box-shadow: 0 0 9px #000000;
}
#portfolio .col-md-2 img, #portfolio .col-md-4 img{width:100%!important;}
.portfolio-link { width: 100%;height:100%;background:url("../images/resource/portfolio-hover.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
position: absolute; left: 0;  top: 0;	
-webkit-transform:rotateX(-90deg) perspective(200px);
-moz-transform:rotateX(-90deg) perspective(200px);
-ms-transform:rotateX(-90deg) perspective(200px);
-o-transform:rotateX(-90deg) perspective(200px);
transform:rotateX(-90deg) perspective(200px);

-webkit-transform-origin:0 242px 0;
-moz-transform-origin:0 242px 0;
-ms-transform-origin:0 242px 0;
-o-transform-origin:0 242px 0;
transform-origin:0 242px 0;

-webkkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
.portfolio-image:hover .portfolio-link{
-webkit-transform:rotateX(0deg);
-moz-transform:rotateX(0deg);
-ms-transform:rotateX(0deg);
-o-transform:rotateX(0deg);
transform:rotateX(0deg);}

.contriut.pogi > section {  margin-top: 90px;}
.bootm {  padding-bottom: 20px;}
.desi > p { line-height: 57px;  font-size: 14px; color: #d5d5d5;}
.desi a{ color:#84efef }
.blockqoute > h2 {  font-size: 16px;  color: #000;}
.more.mmds { width: 120px;  margin:10px auto;}
#target2,#target3 { color: #333333;  font-size: 12px;  font-weight: 400;  line-height: 22px; margin-top: 15px;}
.call2 > a,
.call3 > a { color: #ffffff;}
.moreread { width: 100%; float: left; clear: both;}
.call2 > a:hover,.call3 > a:hover{ color:#000}
.portfolio-link a, .portfolio-link span { color: #FFFFFF;font-family: roboto;font-size: 16px; left: 50%;top: 90px;width: 50%;margin-left: -25%;position: absolute;text-align: center;letter-spacing: 0.3px;}
.portfolio-link a{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.portfolio-link span { color: #B2B2B2; font-size: 12px;top: 140px;}
.portfolio-link span i { margin-right: 5px;}
#html5-image img { width: auto;}
/** ISOTOPE STYLING **/
.isotope-item { z-index: 2;}
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1;}
.isotope, .isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;}

.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;}

.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:      -o-transform, opacity;
transition-property:         transform, opacity;}


.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;}
#portfolio {float: left; width: 100%;}


/*** NEW FEATURES TABS ***/
.theme-tabs { float: left; width: 100%;}
.theme-tabs .nav {float:none;border:0 none;display:table;margin:0 auto;}
.theme-tabs .nav li { margin-left: 30px ;float: left;}
.theme-tabs .nav li:nth-child(1) { margin-left: 20px ;float: left;}
.theme-tabs .nav li a {   background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #fff; margin-right: 0; padding:120px 0 0; text-align: center;  transition: all 0.3s linear 0s;    font-weight: 400;   font-size: 14px;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-ms-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
transition:all 0.3s linear;}

.theme-tabs .tab-content {padding: 0; background: #fff;}
.title.dark.wow.bounceInLeft.animated  h2, .title.dark.wow.bounceInLeft.animated  p{ color:#fff}

/*** NEW FEATURES TABS WITH ICONS ***/
.features-selectors {float: left; min-height: 225px; width: 100%;}
.features-selectors .nav { border: 0 none; display: table; margin: 0 auto 30px;}
.features-selectors .nav li {margin: 0 50px 0 0;}
.features-selectors .nav li:last-child{   margin: 0;}
.features-selectors .nav li a, .features-selectors .nav li a:hover, .features-selectors .nav li a:focus {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0); font-size: 40px;padding: 15px 20px; width: 85px;height: 85px;text-align: center;color:#aaaaaa;border:1px solid #aaaaaa;	
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.features-selectors .nav li a:hover i{
-webkit-transition:all 0.4s ease 0s;
-moz-transition:all 0.4s ease 0s;
-ms-transition:all 0.4s ease 0s;
-o-transition:all 0.4s ease 0s;
transition:all 0.4s ease 0s;
}
.features-selectors .nav li a:hover i,
.features-selectors .nav li.active a i {
-webkit-transform: rotateY(180deg) perspective(2000px);
-moz-transform: rotateY(180deg) perspective(2000px);
-ms-transform: rotateY(180deg) perspective(2000px);
-o-transform: rotateY(180deg) perspective(2000px);
transform: rotateY(180deg) perspective(2000px);
}
.features .tab-content { display: table; margin: 0 auto;width: 80%;text-align: center;}
.features .tab-content h4 { font-size: 55px; margin-bottom: 20px;}
.features .tab-content h4 span{ font-size: 75px;font-weight:800;}
.features .tab-content p {font-size: 16px;  line-height: 36px;}
.option-set { background: #330006;}
.leftsli .col-md-6 { width:100%}


.title img {max-width: 100%!important;}
.title > span { display: block; margin: 0 auto;  width: 337px;}
.procedure,.renewal,.hand,.pdfd { height: 140px;  background-position: 36px 15px;width: 159px; border: 0;} 
.procedure.active,.renewal.active,.hand.active ,.pdfd.active{ height: 140px; width: 159px; border: 0; background-position: 23px 6px;} 
.procedure { background: url(../images/procedure.png) no-repeat; background-position: 30px 15px; }
.procedure.active { background: url(../images/procedure-h.png) no-repeat #fff; background-position: 23px 6px}
.renewal { background: url(../images/renewal.png) no-repeat; background-position: 30px 15px;}
.renewal.active { background: url(../images/renewal_r.png) no-repeat #fff; background-position: 23px 6px}
.hand { background: url(../images/hand.png) no-repeat; background-position: 30px 15px; }
.hand.active{ background: url(../images/hand_h.png) no-repeat #fff ; background-position:23px 6px}
.pdfd { background: url(../images/pdfd.png) no-repeat; background-position: 30px 15px; }
.pdfd.active { background: url(../images/pdfd-d.png) no-repeat #fff; background-position: 23px 6px }
#myTab .active a{ color:#000;height: 120px; border:0;}
.rego > a { background: #002153;display: block; width: 150px;color:#fff;  margin: 0 auto;  padding: 10px 0;  text-align: center!important;  text-transform: uppercase;}
.rego > a:hover { background: #048cbe;display: block;   margin: 0 auto;  padding: 10px 0;  text-align: center!important;  text-transform: uppercase;color:#fff;  }


.tab-pane.fade.active.in {background: #fff;padding: 20px 15px;}
.col-md-12 > h4 {border-bottom: 1px dashed #b4b4b4;font-size: 20px;  padding-bottom: 5px;width: 100%;color: #330006; font-weight: 400; margin-bottom: 10px;}
.col-md-12 li {font-weight: 400;line-height: 26px;}
.col-md-12 > p {font-size: 14px;font-weight: 400;line-height: 21px;}

.leftimg.pm {width: 178px; margin: 0 28px;}
.col-md-12 h3 {  font-size: 16px; padding-bottom: 4px;ont-weight: 300; color:#000}
.fee { font-weight: 400; padding-bottom: 5px; color:#666}
.col-md-12 strong {font-weight: 400;}
.col-md-12 ul p { font-weight: 400;  padding-bottom: 3px;}
.col-md-12.ccof { border-bottom: 1px solid #d9d9d9;padding-bottom: 11px;}
.pdf > a { color: #333;}
.pdf > a:hover{ color:#00baff}
.pdf { background: url("../images/pdf.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);padding-left: 20px; background-position: 0 6px; border-bottom: 1px solid #e2e2e2;}
.feel > p { padding-bottom: 3px;}
.client-reviews .owl-controls {  bottom: -27px; left: 0; position: absolute;  width: 100%;}
.client-reviews .owl-controls .owl-pagination {  display: table;  height: 12px; margin: 0 auto;   width: auto;}
article, aside, div, dt, figcaption, footer, form, header, hgroup, html, main, nav, section {   display: block;}
.client-reviews .owl-controls .owl-pagination .owl-page {  background: none repeat scroll 0 0 #4f4f4f;   border: 2px solid rgba(0, 0, 0, 0);   border-radius: 20px;   float: left;    height: 21px;   margin-right: 10px;   width: 21px;}
.client-reviews .owl-controls .owl-pagination .owl-page.active { background: none repeat scroll 0 0 rgba(0, 0, 0, 0);  border: 2px solid #4f4f4f;}
.row.spacaing { clear: both;  overflow: hidden;  padding-top: 80px;}

/*++++++++++++++++ INER PAGES CSS ++++++++++++++++*/

/* Accreditations*/
.contriut.pogi.abouts .title {   padding: 49px 0 0;  position: inherit;  top: 0;  width: 100%;}
.contentbox.abouts {  padding: 25px 0;}

#toggle .content { background: none repeat scroll 0 0 #ffffff; float: left;margin-bottom: 1px; padding: 20px 10px;}
#toggle > h3.active, #toggle > h3.active i {background: none repeat scroll 0 0 #330006;  color: #ffffff;}
#toggle > h3 { border: 1px solid #e8e8e8;cursor: pointer;float: left; font-size: 14px; font-weight: 400;  margin-bottom: 10px; padding: 12px 12px;  text-transform: uppercase; width: 100%;background: #555;  color: #fff;}
.content > span,.For span {  display: block;  font-size: 14px;font-weight: 200;line-height: 25px; margin-top: 17px;}
.For {clear: both; margin-top: 10px;padding-bottom: 20px;}
.For li {font-size: 13px; font-weight: 200; line-height: 18px; list-style: outside none disc; margin-left: 12px;}
.For > ul {  margin-top: 5px;}
.content > p {  line-height: 20px;}
.bloked {  position: relative;}
.imgpic { float: left;  width: 80px;}
.proimg { float: left;  width: 110px;}
.deta {float: left; overflow: hidden; width: 100%; margin-left: 10px;}
.name {font-size: 16px;font-weight: 400;line-height: 19px;}
.name > span { font-size: 12px;color: #606061;}
.name > p {font-size: 12px; font-weight: 200;}
.sate > p {  font-size: 12px; font-weight: 200;  padding-bottom: 8px;}
.deta strong {color: #333; display: block;font-weight: 400; width: 56px; padding-bottom: 4px;}
.sate { margin-top: 9px;}
.Committee { margin: 40px 0;}
.oner {border-color: #cccccc;border-radius: 5px; border-style: solid solid double; border-width: 1px 1px 4px;  float: left;  overflow: hidden;  padding: 10px;  width: 350px;height:228px; margin:20px 0 0 0}
.pice {   height: 250px; overflow: hidden;  width: 366px;}
.more > a { cursor: pointer; background: none;   border-radius: 3px; color: #000;  display: block; float: right;  padding: 35px 0 0 0;  text-align: center;  width: 127px;}
.more > a:hover {  background: none; }
.dat { float: left;  font-size: 15px;font-weight: 400; border-left: 1px solid #7b7b7b;  border-right: 1px solid #7b7b7b;  margin: 0 5px;  padding: 0 5px;}
.yer {  font-size: 15px; font-weight: 400; float: left;}
.date { left: 3px;  text-align: center;  top: 0; width: 100%; clear: both;  overflow: hidden;}
.monyh { float: left;}
strong { font-weight: 500; clear: both;  overflow: hidden;  display: block;}

.addpi > p {
    line-height: 23px;
}
.addpi {float: left; width: 360px;  text-align: left;}
.events {  background: none repeat scroll 0 0 #fbfbfb;  box-shadow: 0 0 4px #858585; float: left;  margin:0 0 20px;  min-height: 355px;  padding: 10px;  position: relative;  width: 366px;   border-radius: 6px;}
.titilehead { font-size: 17px; padding: 3px 0 10px 0;   border-bottom: 1px solid #ccc; margin-bottom: 12px;}
.more { clear: both;overflow: hidden; padding-bottom: 8px; display:none;}
.contentbox.mera {  padding-top: 40px;width: 100%;}
.events:nth-child(3n+2) {  margin: 0px 20px 20px 20px;}
.oner:nth-child(3n+2){margin:20px 20px 0}
.descriptiont {  font-size: 14px;  font-weight: 400;  line-height: 19px;   text-align: left; color: #333;}
.descriptiont > span {  display: block;  font-size: 15px; font-weight: inherit;  padding: 10px 0 0px 0 ;   color: #000;}
.sech {border: 1px solid #cccccc; border-radius: 3px;margin:15px auto 0; padding: 5px;  width: 300px;}
.sech select { border: 0 none; color: #556b69; font-weight: 200; text-align: center; width: 100%;}
.contriut.pogi.abouts { margin-top: 7px;}
.eventti h1 { color: #cb0018; font-size: 20px;  font-weight: 400; float: left;}
.blog.detail.nesw > p {   line-height: 28px;}
.eventti > p { font-size: 14px;  font-weight: 200;  line-height: 19px;   padding-bottom: 14px;   float: right;}
.eventti {loat: left;width: 100%;float: left;}
.even { border-bottom: 1px double #f2f2f2; clear: both;  margin-bottom: 7px;  overflow: hidden;}
.rego.refd { float: right;  overflow: hidden;  width: 140px;}
.blog.detail { color: #5c5c5c; float: right; font-weight: 200; line-height: 22px;   width: 600px;}
.blog.detail > h1 {color: #333;font-size: 17px; font-weight: 400;  padding-bottom: 7px;}
.fast { float: left;  height: auto;  text-align: center;  width: 460px;  padding-bottom: 30px;}
.fast h1 {font-size: 23px; font-weight:300;  padding:0 0 14px;}
.fast > p {font-weight: 200; line-height: 23px; margin: 0 auto; padding-bottom: 15px;font-size: 15px;}
.fast > span {display: block; margin: 0 auto; width: 143px;}
.fastfour { width: 300px; float: left;}
.contriut.pogi.abouts.map { padding-bottom: 20px;}
.dummymap {  border: 10px solid #ffffff;}
.conteied.dd {  float: right;  padding: 20px 0 0;  width: 800px;}
.conteied.dd h3 { font-size: 18px; font-weight: 400;  padding-bottom: 8px; text-align: center; width: 70%;float: right;}
.conteied p { color: #585858; font-size: 13px; font-weight: 400; line-height: 24px; padding-bottom: 30px; text-align: center;  width: 70%; float: right;}
.labl { float: right;  margin-bottom: 30px; overflow: hidden;  width: 70%;}
.labl label { clear: both; color: #333333; display: block; font-size: 13px;  padding-bottom: 6px;  width: 90%;}
.labl input { background: none repeat scroll 0 0 #ffffff;border: 1px solid #e4e4e4; border-radius: 4px; color: #202020;   float: left;  font-style: italic;  font-weight: 400;  letter-spacing: 1px;    padding: 8px;  width: 95%;}
.labl.labed textarea {font-style: italic; border: 1px solid #cccccc; border-radius: 4px; height: 80px; padding: 4px; resize: none; white-space: pre-line; width: 96%;}
.sign {background: none repeat scroll 0 0 #002153 !important; border: 1px solid #002153 !important;  color: #ffffff !important;  cursor: pointer;  float: right !important;  font-size: 19px;  font-style: normal !important;   font-weight: 200 !important;  width: 132px !important;}
.typind {  clear: both;   overflow: hidden;   width: 100%;}
.labl.labed {  width: 70%; margin-top: 20px;}
.labl.sig { float: right;  margin-right: 10px;}
.md-content .contriut { width: 100%; margin: 0 auto;}
.md-content .contriut .labl:nth-child(2) { margin: 0 0;}
.md-content .contriut .labl{ width:100%}
.md-content .contriut .labl input{  background: #fff;
    border: 1px solid #dedede !important; width: 93%;  padding: 13px;  border-radius: 4px;  color: #202020; float: left; font-style: italic;  font-weight: 400;  letter-spacing: 1px;}
.md-content .contriut .labl label { font-weight: 400;  font-size: 15px!important;color: #000;}
.md-content h3 {border-bottom: 1px solid #e3e3e3;  color: #ffffff; padding:7px 0 0 40px; text-align: left;  }
.labl.sig.pnd .sign { padding: 11px!important;   margin-top: 25px;}
.check a {display: block; color: #333; text-align: left;}
.check {  float: left;  width: 160px; margin-top: 30px;}
.labl.sig.pnd { float: left;  width: 270px;}
.md-content button {  background: none repeat scroll 0 0 #c0392b;  margin-top: 52px!important;  border: medium none; border-radius: 2px; color: #ffffff;  cursor: pointer;  letter-spacing: 1px;  padding: 0.6em 1.2em;  text-transform: uppercase;}
.lmenu a {  color: #848484;display: inline-block;font-size: 18px; font-weight: 300;padding: 74px 4px;}
.lmenu li { float: left;}
.denhover a ,.adminhover a,.mancihover a,.Hygienisthover a{ color:#048cbe}
.loginmenu { clear: both;}
.loginmenu span {background: none repeat scroll 0 0 rgba(0, 0, 0, 0); box-shadow: none;  overflow: hidden;  z-index: 99;    padding-bottom: 44px;padding-top: 40px;}
.mmomm{background:#fff;overflow: hidden; width: 600px;margin: 10% auto; padding: 0 ;box-shadow:0 0 8px #cccccc;}
.lmenu {width: 448px;  margin: 0 auto;}
.mmomm .formstart { padding: 20px;}
.loginlogo { width: 300px; margin: 0 auto;  padding-bottom: 20px;}
.lmenu li { float: left;   margin-left: 50px;}
.md-content h3 img {  width: 70%;}
.lmenu li:nth-child(1){ margin-left:0;}
.bglogin{ background:#f4f4f4;  background-size:cover;}
.md-content .contriut { margin: 0 auto;  width: 100%;}
.admin{background:url("../images/admin.png") no-repeat scroll 0 0px rgba(0, 0, 0, 0);  -webkit-transition:background-position .1s ease-in;  
    -moz-transition:background-position .1s ease-in;  
    -o-transition:background-position .1s ease-in;  
    transition:background-position .1s ease-in; }
.adminhover{background:url("../images/admin.png") no-repeat scroll 0 -70px rgba(0, 0, 0, 0); }

.den{background: url("../images/den.png") no-repeat scroll 0 0px rgba(0, 0, 0, 0);  -webkit-transition:background-position .1s ease-in;  
    -moz-transition:background-position .1s ease-in;  
    -o-transition:background-position .1s ease-in;  
    transition:background-position .1s ease-in; }
.denhover{background: url("../images/den.png") no-repeat scroll 0 -70px rgba(0, 0, 0, 0);  -webkit-transition:background-position .1s ease-in;  
    -moz-transition:background-position .1s ease-in;  
    -o-transition:background-position .1s ease-in;  
    transition:background-position .1s ease-in; }

.manci { background: url("../images/manci.png") no-repeat scroll 10px -0px rgba(0, 0, 0, 0);  width: 80px !important;  -webkit-transition:background-position .1s ease-in;  
    -moz-transition:background-position .1s ease-in;  
    -o-transition:background-position .1s ease-in;  
    transition:background-position .1s ease-in; }
.mancihover { background: url("../images/manci.png") no-repeat scroll 10px -70px rgba(0, 0, 0, 0);  width: 80px !important;background-position 0.1s ease-in 0s}

.Hygienist { background: url("../images/Hygienist.png") no-repeat scroll 8px -0px rgba(0, 0, 0, 0); width: 78px !important;  -webkit-transition:background-position .1s ease-in;  
    -moz-transition:background-position .1s ease-in;  
    -o-transition:background-position .1s ease-in;  
    transition:background-position .1s ease-in; }
.Hygienisthover{ background: url("../images/Hygienist.png") no-repeat scroll 8px -70px rgba(0, 0, 0, 0); width: 78px !important;background-position 0.1s ease-in 0s}

.admin,.den,.manci,.Hygienist{ width:68px; height:68px}
.conteied.dd.mm { margin: 0 auto;  width: 480px;}
.labl.sig.pnd .sign {transition: all 0.2s ease 0s;  background: #048cbe!important; color: #ffffff !important; cursor: pointer;  float: right !important;  font-size: 19px;  font-style: normal !important;  font-weight: 200 !important;    width: 132px !important; border: 1px solid #048cbe !important;
}
.labl.sig.pnd .sign:hover{ background:none repeat scroll 0 0 #ffffff !important; color:#333 !important}
.loginmenu > p { float: left;margin: 18px;  width: 43px;}
.satt {font-family: "Black Ops One",cursive; margin: 15% auto 0;  text-align: center; width: 880px;}
.satt h1 { color: #ffffff; font-size:60px; text-transform: uppercase; padding-bottom:8%;}
.folder {  margin: 0 auto;  width: 420px;}
.back a { background: none repeat scroll 0 0 rgba(225, 225, 225, 0) !important;  border: 1px solid #ffffff !important; color: #ffffff !important; cursor: pointer; display: block;   font-size: 19px; font-style: normal !important;    font-weight: 200 !important; margin: 0 auto; padding: 10px; transition: all 0.2s ease 0s;  width: 162px !important;}


.ddl{ background: none repeat scroll 0 0 rgba(225, 225, 225, 0.5);border: 2px solid #ffffff !important;width: 100%;padding: 13px;border-radius: 4px;
color: #202020;float: left;font-style: italic;font-weight: 300;letter-spacing: 1px;}

.contriut.pogi.abouts.dd {width: 600px;}
.contriut.pogi.abouts.dd table{ width:100%}
.msds table tr { background:#330006; color:#fff;}
.msds table tr td {color: #ffffff; font-size: 17px;   font-weight: 500; padding: 5px 10px;}
.ds2 table tr td { font-size: 14px; font-weight: 500; padding: 5px 10px;    line-height: 26px;}
.ds2 table tr td:nth-child(1){ text-align:right; width:230px;}
.ds2 table tr td:nth-child(2){ width:0px; padding: 5px 0;}
.ds2 table tr td:nth-child(3){ text-align:left}
.ds2 table tr:nth-child(2n+1){ background:#f4f4f4}
.dark { background: #396792;}
.year { font-size: 31px; text-align: center; padding-bottom: 15px;}
.date2 {font-size: 30px; text-align: center;width: 100%; padding-top: 13px;}
.month { clear: both; display: block;  font-size: 55px; font-weight: bold; overflow: hidden; padding: 12px; text-align: center;  text-transform: capitalize;  width: auto;}
.member.fadein.active .member-info .member-img  .month {   font-size: 25px;}
.member.fadein.active .member-info .member-img{ width: 138px;}
.member.fadein.active .member-details {  float: left; margin-top: -145px; min-height: 190px; width: 100%;}
#target > p {text-align: justify;}
.specify strong {  font-size: 16px !important; float: left; width: 130px; text-align: right; padding-right: 10px; padding-bottom: 0!important;}
.specify > p {  float: left;  font-size: 14px!important;line-height: 17px;}
.specify { border-bottom: 1px solid #cccccc; clear: both; margin-bottom: 10px;  overflow: hidden; padding-bottom: 4px;  width: 100%;}
#payment h5 { color: #fff;}
.feesreg > h3 { background: rgba(0, 0, 0, 0) url("../images/arrow.png") no-repeat scroll 0 4px; float: left; padding: 0 12px;}
.feesreg {  padding-bottom: 10px;}
@media screen and (max-width: 1920px) {
.roght {  width: 19%;}
}


@media screen and (max-width: 1024px) {
.roght {  width: 5%;}
.logo {width: 300px;}
.contriut { margin: 0 auto; width: 960px;}
.menu a {padding: 11px 8px;  text-transform: capitalize;}
.leftimg { width: 290px;}
.right_co {width: 660px;}
.right_co.abt { width: 720px;}
.leftsli {   width: 670px;}
.procedure, .renewal, .hand, .pdfd {   width: 149px;}
.theme-tabs .nav li { float: left; margin-left: 0px;}
.quicklink { width: 220px;}
.blog.detail.nesw { width: 549px;}
.oner { width: 280px;}
.proimg {  width: 90px;}
.onenews { overflow: hidden; padding-bottom: 63px;}
.deta { width: 175px;}
.labl {  width: 280px;}
.labl input { width: 85%;}
.events { width: 300px;}
.blog.detail { width: 470px;}
.member-img { width: 220px;}
.events { width: 277px;  min-height: 372px;}
.conteied.dd { width: 650px;}
.labl { width: 80%;}
.labl.labed textarea {   width: 86%;}
.labl.labed { width: 80%;}
.member.fadein.active .member-info .member-img {width: 98px;}
.member.active .member-img{  width: 105px;}
.member-intro > h3 {  padding-left: 115px;}
.member-intro > p{width:74%}
}