@charset "utf-8";*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
@import url("fonts/stylesheet.css"); 
@import url("fonts/fa.css"); /* Using a url */



@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff2') format('woff2'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-BoldItalic-webfont.woff2') format('woff2'),
         url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}


body, html, form, section{height:100%; color:#444;}
section {margin-top:100px;}
body{font-size:16px !important; font-family: 'open_sansregular' !important;}
body{line-height:24pt !important;color:#000 !important;background-color:#f8f9f9;padding:0px; margin:0px;font-weight:400;overflow-x:hidden}
input, button, select, textarea{font-family:inherit;font-size:inherit;line-height:inherit;}
a{color:#2a6496; text-decoration:none;}
a:hover{color:#444;text-decoration:inherit !important;}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;color:inherit !important;text-decoration:inherit !important;}
p{margin:0px; font-size:inherit;line-height:inherit;}
img{max-width:100%;width:initial;height:auto}
.scrollup{position:fixed;bottom:0px;right:0px;display:none;z-index:9999;font-size:13px;}
.scrollup{-webkit-animation:fadeInUp 1000ms ease;-moz-animation:fadeInUp 1000ms ease;-ms-animation:fadeInUp 1000ms ease;}
a.scrollup{color:#fff !important;text-decoration:none;border:1px solid #248658;border-width:1px 1px 0px 1px;background:#248658;padding:15px 5px 7px 5px;line-height:15px;width:50px;right:5px;border-radius:100px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;text-align:center;bottom:0px;}
a.scrollup:hover{color:#fff !important;border:1px solid #444;border-width:1px 1px 0px 1px;background:#444;text-decoration:none !important}
@media (max-width:767px){.scrollup{display:none !important}
body{font-size:14px !important; font-family: 'open_sansregular' !important; background: #fff !important;}
}
.clear{clear:both;}
.spacer1{clear:both;width:100%;height:10px;}
.spacer2{clear:both;width:100%;height:20px;}
.spacer3{clear:both;width:100%;height:30px;}
.spacer4{clear:both;width:100%;height:40px;}
.spacer5{clear:both;width:100%;height:50px;}
.container-spacing-bt{padding:0px 0px 50px;margin:0px;width:100%;}
.container-spacing-t{padding:50px 0px 0px;margin:0px;width:100%;}
.container-spacing-t20 {padding:0px 0px 0px !important;}
.container-spacing-b20 {padding:0px 0px 20px !important;}
.container-spacing{padding:50px 0px;margin:0px;width:100%;}
.no-shadow{box-shadow:none !important}
.border{border:1px solid #ccc !important;}
.border-t{border-top:1px solid #ccc !important}
.border-b{border-bottom:1px solid #ccc !important}
.pad-br{padding:1px;}
.no-border-rd{border-radius:0px !important}
.no-border{border:none !important}
.no-border-l{border-left:none !important;}
.no-border-r{border-right:none !important;}
.no-border-t{border-top:none !important;}
.no-border-b{border-bottom:none !important;}
.marg-t{margin-top:30px !important;}
.marg-b{margin-bottom:40px !important;}
.no-margin{margin:0 !important;}
.no-margin-r{margin-right:0 !important;}
.no-margin-l{margin-left:0 !important;}
.no-margin-b{margin-bottom:0 !important;}
.no-margin-t{margin-top:0 !important;}
.no-margin-x{margin-left:0 !important;margin-right:0 !important;}
.no-margin-y{margin-top:0 !important;margin-bottom:0 !important;}
.pad-t{padding-top:40px !important;}
.pad-b{padding-bottom:40px !important;}
.pad-l{padding-left:15px !important;}
.pad-t-20{padding-top:20px !important;}
.no-pad{padding:0 !important;}
.no-pad-l{padding-left:0 !important;}
.no-pad-r{padding-right:0 !important;}
.no-pad-t{padding-top:0 !important;}
.no-pad-b{padding-bottom:0 !important;}
.no-pad-x{padding-left:0 !important;padding-right:0 !important;}
.no-pad-y{padding-top:0 !important;padding-bottom:0 !important;}
.navbar-brand h1{margin:0px !important;padding:0px !important;}
.txt-ctr {text-align:center;}
.txt-lft {text-align:left;}
.txt-rgt {text-align:right;}
.mt-1{margin-top: 10px !important;}
.mt-2{margin-top: 20px !important;}
.mt-3{margin-top: 30px !important;}
.mt-4{margin-top: 40px !important;}
.mt-5{margin-top: 50px !important;}
.mt-6{margin-top: 60px !important;}
.mt-7{margin-top: 70px !important;}
.mt-8{margin-top: 80px !important;}
.mt-9{margin-top: 90px !important;}
.mb-1{margin-bottom: 10px;}
.mb-2{margin-bottom: 20px;}
.mb-3{margin-bottom: 30px;}
.mb-4{margin-bottom: 40px;}
.mb-5{margin-bottom: 50px;}
.mb-6{margin-bottom: 60px;}
.mb-7{margin-bottom: 70px;}
.mb-8{margin-bottom: 80px;}
.mb-9{margin-bottom: 90px;}
.mr-1{margin-right: 10px;}
.mr-2{margin-right: 20px;}
.mr-3{margin-right: 30px;}
.mr-4{margin-right: 40px;}
.mr-5{margin-right: 50px;}
.mr-6{margin-right: 60px;}
.mr-7{margin-right: 70px;}
.mr-8{margin-right: 80px;}
.mr-9{margin-right: 90px;}
.ml-1{margin-left: 10px;}
.ml-2{margin-left: 20px;}
.ml-3{margin-left: 30px;}
.ml-4{margin-left: 40px;}
.ml-5{margin-left: 50px;}
.ml-6{margin-left: 60px;}
.ml-7{margin-left: 70px;}
.ml-8{margin-left: 80px;}
.ml-9{margin-left: 90px;}
hr.solid{border:0;border-top:1px solid #ccc;}
hr.dotted{border:0;border-top:1px dotted #666;background:#292929;}
hr.dashed{border:0;border-top:1px dashed #ccc;background:#fff;}
hr.double{border:0;border-top:1px dashed #ccc;background:#999;}
.err{font-size:12px;color:#c80000;}
.red{color:#c80000;}
.img-left{float:left;margin-right:15px;margin-bottom:10px;margin-top:5px;}
.img-right{float:right;margin-left:15px;margin-bottom:10px;margin-top:5px;}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family: 'open_sansbold';font-weight:100;line-height:1.1;color:inherit;}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,
.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small, h6 small{font-weight:400;line-height:1;color:#777}
.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:15px}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}
.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}
.h1,h1{font-size:40px !important; margin:0px 0px 10px !important; padding:0px 10px 5px; color:#000; border-bottom:4px solid #f48024; display: inline-block;}
h1.small-h1 {font-size:30px !important;}
.h2,h2{font-size:26px !important;color:#000;margin:0px 0px 10px 0px; line-height:normal !important;font-weight:normal !important;}
.h3,h3{font-size:20px !important;color:#000;margin:0px 0px 10px 0px;line-height:24pt;font-weight:800 !important; border-bottom:2px solid #f48024; display: inline-block;}
.h4,h4{font-size:18px;margin:0px;color:#000;line-height:normal;font-weight:400 !important;}
.h5,h5{font-size:16px !important;font-weight:700 !important;line-height:normal !important;}
.h6,h6{font-size:12px}
@media (max-width:767px){
	.h1,h1{	 font-size: 32px !important; }
}
.underline{position:relative;font-size:20px;max-width:150px;margin:auto;color:#000;padding:0px;margin-bottom:0px;height:1px;background-color:#d2dee6;}
.btn-marg-b{margin-bottom:10px;}
.btn-marg-t{margin-top:10px;}
.btn-rgt{float:right}
.btn-lft{float:left}
.apply{position:absolute;right:15px}
.link-btn{text-align:center;text-decoration:none !important;padding:7px 20px;font-size:15px;margin:0px 0px;}
.btn-inline{display:inline-block;}
.link-btn .fa{margin-right:5px;}
.link-btn a{color:inherit;display:block !important;-webkit-transition:all .0s ease 0s;-o-transition:all .0s ease 0s;transition:all .0s ease 0s;}
.link-btn a:hover{color:inherit;text-decoration:none}
.clr-white-br{border:1px solid #fff;color:#fff;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.clr-white-br:hover{border:1px solid #fff;color:#000;background:#fff}
.wrapper{_position:relative;width:100%;margin:0 auto;text-align:left;float:none;}
.wrapper{min-height:100% !important;height:auto !important;height:100%;margin:0 auto;}
.footer{position:relative;bottom:0px;width:100%;margin:0 auto; }
.footer, .push{min-he-ight:196px;clear:both; }
.desktop-hide{ display:none;}
.terms-links {color:#fff;}
.terms-links:hover {color:#f48024;}
.zaprix {color:#f48024;}
.zaprix:hover {color:#fff;}

@media (max-width:980px){.footer{position:relative;bottom:0px;width:100%;margin:0 auto;background-image:none}
}

.wrap{ width:90%; max-width:1200px; margin:0px auto;} 
@media (max-width:767px){
.wrap{ width:96%; margin-left:1%;}	
	}
address {font-style: normal; font-family: inherit;}
.orange-text {color:#f48024;}
.red-text {color:#f22c3d;}
code {width:98%; margin: 0px; padding: 10px 1%; border:1px solid #ccc; background: #fff; display: block;}
pre {margin: 0px; padding: 0px; display: flex;}
.scroll-hyperlink { scroll-margin-top:100px; }


/*::: HEADER :::*/
header { width:100%; position:fixed; top:0px; float:left; background:#f8f9f9; border-top:3px solid #f48024; z-index: 9999; box-shadow: 5px 5px 15px #ddd;}
header.header-position {background:#f8f9f9;}
.header-container {width:90%; padding:10px 0px; margin: 0px auto; }
.logo { width:34%; margin:0px; display:inline-block;}
.logo img{ height: 40px;} 

ul {margin-left:18px; padding-left: 0px;}



/*::: NAVBAR :::*/
/*
nav ul {width:100%; margin: 12px 0px 0px 0px; padding: 0px;}
nav ul li {width:22%; margin: 0 1%; padding: 0px; list-style: none; display: inline-block;}
nav ul li a {color:#f48225; text-align: center; font-weight: bold;}
nav ul li a:hover {color:#000;}*/


nav {display: inline-block; width:60%; vertical-align: top; text-align: right; margin: 10px 0px 0px 0px;}
.nav-aadil {
  display: block;
  margin-bottom: 15px 0;
}

.nav-aadil ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
}

.nav-aadil li {
	text-align: center;
  list-style-type: none;
  margin: 0;
  padding: 0px 15px;
  display: inline-block;
  position: relative;
  font-size: 14;
  color: #def1f0;
}

.nav-aadil li a {
  font-size: 14;
  color: #f48225;
  display: inline-block;
  outline: 0;
  font-weight: bold;
}
.nav-aadil li a:hover, .nav-aadil li a.active {
	color:#000;
}
.nav-aadil li:hover ul.dropdown { display: block; }

.nav-aadil li ul.dropdown {
  position: absolute;
  display: none;
  width: 200px;
  background: #f9f9f9;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  padding-top: 0;
}

.nav-aadil li ul.dropdown li {
  display: block;
  list-style-type: none;
	border-bottom:  1px dashed #ddd;
}

.nav-aadil li ul.dropdown li a {
  padding: 5px;
  font-size: 15px;
  color: #fff;
  display: block;
  font-weight: 400;
}

.nav-aadil li ul.dropdown li:last-child a { border-bottom: none; }

.nav-aadil li:hover a {
  color: #000 !important;
}

.nav-aadil li:first-child:hover a { border-radius: 3px 0 0 3px; }

.nav-aadil li ul.dropdown li:hover a { color:#f48024 !important;}

.nav-aadil li ul.dropdown li:first-child:hover a { border-radius: 0; }

.nav-aadil li:hover .arrow-down { border-top: 5px solid #000; }

.arrow-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #f48225;
  position: relative;
  top: 12px;
  right: -5px;
  content: '';
}
.title-mobile {
  display: none;
}
 @media only screen and (max-width:900px) {

.nav-aadil {
  background: #fff;
  width: 200px;
  height: 100%;
  display: block;
  position: fixed;
  left: -200px;
  top: 0px;
  -webkit-transition: left 0.25s ease;
  -moz-transition: left 0.25s ease;
  -ms-transition: left 0.25s ease;
  -o-transition: left 0.25s ease;
  transition: left 0.25s ease;
  margin: 0;
  border: 0;
  border-radius: 0;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.title-mobile {
  position: fixed;
  display: block;
    top: 10px;
    font-size: 20px;
    left: 100px;
    right: 100px;
    text-align: center;
    color: #FFF;
}
.nav-aadil.visible {
	background: #ffead9;
  left: 0px;
  -webkit-transition: left 0.25s ease;
  -moz-transition: left 0.25s ease;
  -ms-transition: left 0.25s ease;
  -o-transition: left 0.25s ease;
  transition: left 0.25s ease;
}

.nav-bg-zaprix {
  display: inline-block;
  vertical-align: middle;
  width: 13%;
  height: 50px;
  margin: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  background: #f48225;
  padding: 12px 0 0 10px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.navbar-aadil {
  display: inline-block;
  vertical-align: middle;
  height: 50px;
  cursor: pointer;
  margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    padding: 12px;
}

.navbar-aadil span {
  height: 2px;
  background: #fff;
  margin: 5px;
  display: block;
  width: 20px;
}

.navbar-aadil span:nth-child(2) { width: 20px; }

.navbar-aadil span:nth-child(3) { width: 20px; }

.nav-aadil ul { padding-top: 0px; }

.nav-aadil li { display: block; }

.nav-aadil li a {
  display: block;
  color: #000;
  font-weight: 600;
}

.nav-aadil li:first-child:hover a { border-radius: 0; }

.nav-aadil li ul.dropdown { position: relative; }

.nav-aadil li ul.dropdown li a {
  border-bottom: none;
  color: #000 !important;
}

.nav-aadil li:hover a, .nav-aadil li a.active {
  color: #f48225 !important;
}

.nav-aadil li ul.dropdown li:hover a {
  color: #f48225 !important;
}

	 .nav-aadil li ul.dropdown li {padding: 5px 0px 5px 0px;}
.nav-aadil li ul.dropdown li a { padding: 0px; }

.nav-aadil li:hover .arrow-down { border-top: 5px solid #f48225; }

.arrow-down {
  border-top: 5px solid #505050;
  position: absolute;
  top: 20px;
  right: 10px;
}

.cover-bg {
  background: rgba(0,0,0,0.5);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
}
 @media only screen and (max-width:1199px) {

.container { width: 96%; }
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}

/*::: NAVBAR :::*/


/*::: SLIDER :::*/
.slider {width:100%; margin: 0px; padding: 0px; position: relative; top:120px;}
.slider-left {width:45%; margin: 30px 0px 0px 0px; padding: 0px; float:left; vertical-align: top; align-content: center; justify-content: center;}
.slider-right {width:54%; margin: 0px 0px 0px 0px; padding: 0px; float:right; text-align: center; }
.slider-left h2 {font-size:48px !important; margin:0px 0px 0px 0px; font-weight: 700;}
.slider-left p {font-size:20px !important; line-height: 26pt;}
.slider-right img {width:70%; }
/*::: SLIDER :::*/

/*::: HEADER :::*/

/*::::::::::: BREADCRUMB START ::::::::::::: */
#breadcrumb {margin:0px 0px 25px 0px;  padding:0px 0px 0px 0px; clear:both; overflow:hidden; }
ul.crumbs {margin: 0px; padding: 0px;}
ul.crumbs li			{ list-style:none; float:left; padding:0px; margin:0px; background:none; }
ul.crumbs li			{  font-weight:normal; display:inline-block; }
.crumbs li a { text-decoration:none; padding:0px; font-size:16px; display:inline-block; text-transform:uppercase!important; color: #000; font-weight: bold;}
.crumbs li a:hover  {color:#f48024;}
.crumbs li:after {content: ">"; padding:0px 10px; font-weight: bold;}
.crumbs li:last-child:after {content: "";}
.crumbs li:last-child a {color: #f48024;}

/*:::::::::::::: BREADCRUMB END ::::::::::::: */


/*::: ABOUT US START :::*/
.about-right {width:48%; float: right; margin: 0px; padding: 0px; display: inline-block; text-align: center;}
	.about-right img {width:100%; max-width: 500px}
.about-left {width:48%; float: left; margin: 0px; padding: 0px; display: inline-block;}
@media (max-width:767px) {
.about-right {width:100%; float: left; display: block; }
	.about-right img {width:90%; max-width: 90%; margin-top: 20px;}
.about-left {width:100%; display: block;}	
}
/*::: ABOUT US END :::*/


/*::: Tutorial PAGE SECTION :::*/
.left-section {width:80%; display: inline-block; vertical-align: top;}
.right-section { width:18%; margin: 0px; padding: 0px; display: inline-block;}
h3.sect-head {position: relative; text-transform: uppercase; font-size: 14px;}
h3.sect-head:before {content:''; position: absolute; border-bottom: 3px solid #f48225; width:20px; left:0px; bottom: -2px;}
h3.sect-head:after {content:''; position: absolute; border-bottom: 3px solid #f48225;  width:20px; left:22px; bottom: -2px;}
.white-section {background:#fff; box-shadow: 5px 5px 5px #ccc; width:90%; padding: 20px 0px 20px 20px;}
ul.tutorial-list {width: 100%; margin: 0px; padding: 0px;}
ul.tutorial-list li {width:17%; display: inline-block; margin:1%; list-style: none;}
ul.tutorial-list li a img {width:100%; max-width: 200px;}
ul.tutorial-list li a:hover img {box-shadow: 5px 5px 5px #ccc; transition: ease-out 0.2s;}
@media (max-width:767px) {
	.left-section {width:100%; display: block; padding:50px 0px 20px 0px !important;}	
	.right-section {width:100%; display: block; }
	.right-section h3 {display:none;}
}
/*::: Tutorial PAGE SECTION :::*/




/*:::::::::: Tutorial Inner Page Start ::::::::::*/
.tutorial-section {margin-top: 73px;}
.tutorial-page {width:100%; margin:0px; padding: 0px; position: relative; display: block;}
.tutorial-page-left {width:19%; margin: 0px; padding: 0px;  position:fixed; height: 91%; overflow-y: scroll; overflow-x: hidden;}
.tutorial-page-right {width:81%; margin: 0px 0px 0px 0px; padding: 30px 0px 0px 0px;  position:inherit; left:19%;}
.tutorial-content {width: 96%; margin: 0px 0px 2% 2%;}
.example-panel {width:100%; background: #ccc; padding: 10px; margin:10px 0px;}
.example-panel h3 {border:none; margin-bottom: 10px;}
.example-panel code {background: #fff; border-left:5px solid #f48024; margin-bottom: 20px; width: 100%;}
a.try-it {background:#f48024; color:#fff; padding:10px 20px; border-radius: 5px; border: 1px solid #f48024;}
a.try-it:hover {background: #fff; color:#000;}
.big-font {font-size: 24px; padding: 20px 0px;}
a.nxtprev {background:#f48024; color:#fff; padding:5px 30px; margin: 10px 0px; border-radius: 5px; border: 1px solid #f48024;}
a.nxtprev:hover {background: #fff; color:#000;}


@media (max-width:767px) {
.tutorial-page-left {width:100%; margin: 0px; padding: 0px; position:inherit; height:auto; overflow-y:inherit;}
.tutorial-page-right {width:100%; margin: 0px 0px 0px 0px; padding: 30px 0px 0px 0px; left: 0;}	
}

/*:::: Tutorial Left Navigation ::::*/
.sidenav {
    to-p: 0;
    le-ft: 0;		
}

.sidenav .closebtn {display:none; border-bottom:none;}
.open-btn {display:none; margin-bottom:25px;} 
.sidenav-section {background:#e1e1e1; padding:10px 0px; margin:0px 0px; display:block; font-size:16px; border-radius:0px;}
.sidenav-section h2 { font-family: "open_sansregular"; padding: 0px 0px 0px 20px;}

@media (max-width:767px) {
.sidenav {
    z-index:99999 !important;
    width: 0;
    height: 100%;
	position:fixed;	
	overflow-x: hidden;
	background-color: #fff;
    padding-top: 26px;
	border-radius:0px;
	}
	
.sidenav-section {background:none; -webkit-transform:skew(0deg); -moz-transform:skew(0deg); transform:skew(0deg); margin:0px 6px; display:block; font-size:16px; border-radius:0px;}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
	display:block;
	color: #1f8f43;
}

.open-btn {font-size:30px;cursor:pointer; display:block; color:#000; margin: 12px 0px; background: #f48024; padding: 5px; width:230px;}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 16px;
    color: #000 !important;
    display: block;
    transition: 0.3s;
	border-bottom:#ccc dashed 1px;
}
}


.sidenav a {
    padding: 0px 0px 0px 20px;
    text-decoration: none;
    font-size: 16px;
    color: #000;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
   
	background: #ccc;
}

.sidenav a.active {
    color: #fff !important;
	background: #f48024;
}


@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


/*:::: Table ::::*/
table.example-table {width:100%; border: 1px solid #ccc; border-spacing:0px; margin-bottom: 10px;}
table.example-table tr:nth-child(odd) {background: #fff;}
table.example-table tr:nth-child(even) {background:rgba(244,128,36,0.2);}
table.example-table tr td,table.example-table tr th { padding: 5px 10px; }

/*:::::::::: Tutorial Inner Page End ::::::::::*/





/*::: BLOG PAGE :::*/

.blog-page {width:100%; margin: 0px; padding: 0px;}
.blog-page article {width:30%; margin:20px 1.5% 20px 0px; padding: 0px; display: inline-block;}
.blog-page article a {color:inherit;}
.blog-page article a:hover {color: #f48024;}
.blog-page article img {width:100%; border:5px solid #ccc; margin-bottom: 0px;}
.blog-content {background:#fff; padding: 10px 5%; border:1px solid #f48024;}
.blog-page article a:hover .blog-content {border:1px solid #000;}
.blog-content h2 {border-bottom:none; font-weight: normal !important; font-size: 18px !important; padding: 0px;; margin: 0px; }
.blog-page-left {width:22%; margin: 0px 2% 0px 0px; padding: 0px; display: inline-block;}
.blog-page-right {width:75%; margin: 0px; padding: 0px; display: inline-block; vertical-align: top;}
ul.numeric-list li{list-style: decimal; list-style-type: decimal; }
ul.blog-hyperlink-menu {wid-th: 100%; margin: 10px 0px 0px 18px; padding: 0px;}

@media (max-width:767px) {
.blog-page article {width:48%;}	
.blog-page-left {width:100%; display: block;}
.blog-page-right {width:100%; display:block; vertical-align: top;}
}
@media (max-width:480px) {
.blog-page article {width:98%;}		
}

p.important-content {width:100%; border:1px solid #f48225; font-size:20px; text-align: center; padding: 10px 0px; color:#f48225; background: #eee; box-shadow: 5px 5px 5px #ccc; margin: 20px 0px;}

/*::: BLOG PAGE :::*/

/*:::::::::::::: SUBMENU START ::::::::::::: */
#blogmenu { width:100%;}
#blogmenu-icon { display:none; }
.subnav {  width:100%; margin:0px 0px; padding:0px; height:39px;}
.subnav ul { padding:0px; margin:0px; width:100%; background: #fff; box-shadow: 5px 5px 5px #ccc;}
.subnav li {float:none; margin: 0px; padding:5px 0px; line-height:37px; display:block; font-size:15px; border:1px solid #f48225; border-bottom:none; width: 100%;}
.subnav li.menu-heading {background:#f48225; color:#fff; text-transform: uppercase; text-align: center; font-size: 20px;}
.subnav li:last-child {border-bottom:1px solid #f48225;}
.subnav li a { text-decoration:none; text-transform:none; color:#333; display:block; padding:0px 8px; }
.subnav li a:hover {  color:#f48225;}
.subnav li.active a{margin:0px; color:#f48225;}
@media (max-width:767px) {
#blogmenu { width:100%; display:block;   margin:0px auto; padding:0px 0px 0px 0px; float:left; position:relative; background:#f48225; }
#blogmenu-icon { line-height: 31px; height: 31px;  width: auto; margin:0px 10px; -webkit-transition: all 300ms linear;  -moz-transition: all 300ms linear;   -o-transition: all 300ms linear;   -ms-transition: all 300ms linear;}
#blogmenu-icon {background: #f48225 url(images/menu-down.png) no-repeat right center; padding: 0px; cursor: pointer; display: block; float: none; text-transform: uppercase; color: #fff; padding-top:4px; }
#blogmenu-icon:hover { color: #fff; background: #f48225 url(images/menu-down.png) no-repeat right center;}
#blogmenu-icon.active {color: #fff; background: #f48225 url(images/menu-up.png) no-repeat right center;}

.subnav {  width:100%; margin:0px 0px; padding:0px; height:39px; position: relative; display: none;}
.subnav ul { padding:0px; margin:0px; width:100%; background:#fff; text-align:center; border-bottom:0px; }
.subnav li { width:100%; float:left; margin:0px; padding:0px; line-height:37px; display:block; font-size:15px; background:#fff;}
.subnav li a { width:99%; text-decoration:none; text-transform:none; color:#5a5a57; display:block; padding:0px;}
.subnav li a:hover {  color:#f48225; background:#fff;}	
.subnav li.active a{  margin:0px;  color:#f48225; background:#fff; border-radius:0px; }
.subnav li.menu-heading {display: none;}
}
/*:::::::::::::: SUBMENU END ::::::::::::: */



/*::: READY PAGE :::*/
.ready-page-left {width:30%; margin: 0px; padding: 0px; display: inline-block;}
.read-page-right {width:67%; margin: 0px 0px 0px 20px; padding: 0px; display: inline-block; vertical-align: top;}
/*::: READY PAGE :::*/


/* Effect 2: 3D rolling links, idea from http://hakim.se/thoughts/rolling-links */
.cl-effect-2 a {
	line-height: 44px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
}

.cl-effect-2 a span {
	position: relative;
	display: inline-block;
	padding: 0 14px;
	background: #f48024;
	color:#fff;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.csstransforms3d .cl-effect-2 a span::before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: #f19146;
	content: attr(data-hover);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

.cl-effect-2 a:hover span,
.cl-effect-2 a:focus span {
	-webkit-transform: rotateX(90deg) translateY(-22px);
	-moz-transform: rotateX(90deg) translateY(-22px);
	transform: rotateX(90deg) translateY(-22px);
}

.csstransforms3d .cl-effect-2 a:hover span::before,
.csstransforms3d .cl-effect-2 a:focus span::before {
	
}



/*:::: FOOTER START ::::*/
footer { width:100%; margin:0px; padding: 10px 0px; border-top:1px dashed #ccc; background: #000; }
footer p {font-size:14px; padding: 0px !important; margin: 0px !important; color: #fff;}
.footer-section {width:100%; margin: 0px; padding: 0px; text-align: center; vertical-align: top; }
ul.social-media {margin:0px; padding: 0px; width: 100%;}
ul.social-media li {margin:0px; padding: 10px 10px; display: inline-block;}
ul.social-media li:first-child{padding: 10px 10px 10px 0px;}
ul.social-media li a {font-size: 18px; color:#fff; transition:1s linear;}
ul.social-media li a:hover {color:#f48024;}

/*:::: FOOTER END ::::*/

/*:::: MOBILE VIEW HEADER FOOTER HOMEPAGE::::*/
@media (max-width:767px) {
	.header-container {width:96%; padding: 5px 0px; margin: 0px 2%;}
.login-container {width:50%;}
	.logo { width:80%;}
	.logo img{ height: 40px;} 
	nav {width:auto;}
	.nav-aadil ul {background:#ffead9;}
	.nav-aadil li {width:100%; padding:10px 0px; border-bottom:1px dashed #ccc;}
	.slider {top:15px;}
	.slider-left {width:100%; margin-bottom:50px;}
	.slider-left h2 {font-size:32px !important; margin-top:12px;}
	.slider-left p {font-size:16px !important; line-height: 20pt;}
	.slider-right {width:100%; margin-top: 50px;}
	footer {margin:20px 0px 0px 0px;}
	.footer-section {width:100%; border-bottom:1px dashed #ccc; display: block;}

}

/*:::::Google Sheet::::::*/
.google-img {width:100%; max-width:300px;}
/*:::::Google Sheet::::::*/

/*:::: CONTACT US START ::::*/
.contact-form { width:99%; float:left; margin:0px; padding:30px 0px 0px 0px; border-top:1px dotted #ccc; border-radius:5px;}
.contact-form ul { width:100%; margin:30px 0px 0px 0px; padding:0px }
.contact-form ul li { width:48%; float:left; margin:0px; padding:0px; list-style: none; list-style-type: none;}
.contact-form ul li:nth-child(even){ margin-left:4%; }
.contact-form ul li.form-buttons{ margin-top:20px; text-align:right; }
.contact-form label { width:30%; margin:0px; padding:0px; display:inline-block; font-size:16px; vertical-align:top; }
.contact-form label:after { content:":"; float:right; margin-right:10%;}
.contact-form input, .contact-form select { width:64%; display:inline-block; margin-left:2%; padding:5px; margin-bottom:15px; border:1px solid #ddd; }
.contact-form textarea { width:64%; display:inline-block; margin-left:2%; padding:5px; margin-bottom:15px; border:1px solid #ddd; resize:none; height:100px;  }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { outline:none; }
.contact-form input[placeholder], .contact-form textarea[placeholder] { font-size:14px; }
.contact-form select {font-size:14px; width:66%; }
.contact-form select option { padding:20px 0px !important; line-height:20pt; }
.contact-form select option:hover { background-color:none;}
.contact-form input[type="submit"] { width:25%; margin:0px; background:#f48024; color:#fff; border:none;}
.contact-form input[type="submit"]:hover { background:#000; cursor:pointer;}
.contact-form input[type="reset"] { width:25%; background:#f48024; color:#fff; border:none;}
.contact-form input[type="reset"]:hover {background:#000; cursor:pointer;}
.text-danger {text-align: right; color:#f48024; margin-bottom: 10px;}
/*:::: CONTACT US END ::::*/