/*-------------- STATUS -----------------*/
#all_status_display{
	line-height:16px;
	font-size:14px;
}



.btn-tyraweb{
	color:darkslategray;
border:1px solid darkslategray;
border-radius:3px;
padding:5px 10px 5px 10px;
}
.btn-tyraweb:hover{
	background-color:darkslategray;
	color:white;
border:1px solid white;
}







#show_loading_div{
border-radius: 5px; 
position: fixed; 
top: 15%; 
left: 30%; 
z-index: 5000; 
padding:10px 0 10px 0;
width: 350px; 
text-align: center; 
background: #EDDBB0; 
border: 1px solid #000
}






 /*-------------- FONTS -----------------*/
h1, h2, h3, h4, h5{
	font-family: "Kreon";
}
body{
	font-family: Arial Helvetica, Arial, sans-serif;
}
p{
	color: rgb(102, 102, 102);
}





.table{
	font-size:12px;
}







 /*-------------- WOW ANIMATION -----------------*/
.wow{
	visibility:hidden;
}






 /*-------------- ERROR DIV -----------------*/
#error div{
border-top: #d2aeb0 1px solid;
border-radius:0;
    padding:4px 0 4px 5px;
}






.make-text-color{
    color:#0ba8be;
}
.medium-title {
	 font-size: 22px;
	 font-weight: 800;
 }









  /*-------------- TOOLTIPS -----------------*/
  .txt-highlight {
  	font-style:italic;
  }
  .tooltip-inner {
    padding: 5px 10px;
    background-color: #f29d0c;
  }
  .tooltip.top .tooltip-arrow {border-top-color: #f29d0c;}
  .tooltip.right .tooltip-arrow {border-right-color: #f29d0c;}
  .tooltip.bottom .tooltip-arrow {border-bottom-color: #f29d0c;}
  .tooltip.left .tooltip-arrow {border-left-color: #f29d0c;}











/*-------------- HEADER -----------------*/
#header-top-part{
	min-height:25px;
	line-height:25px;
	background:white; 
	color: DarkSlateGray; 
	margin:0; 
	padding:0;
	border-top: 1px solid green;
}
img#logo_image{
	height:100%;
	padding:0;
	margin:0;
}
img#logo_image:hover{
	height:90%;
	transition: all 2.8s;
}
img#fb_image{
	width:15px;
	height:15px;
	padding:0;
	margin:0;
}
.navbar .nav {
    padding: 0;
	margin:0;
	background: DarkSlateGray;
}
.navbar{
	background: DarkSlateGray;
	margin:0;
	border:0;
}
.navbar .nav li a, .navbar .nav li ul li a{
	color: white;
	margin-left:5px;
	font-size:12px;
}
.navbar .nav li #mypagelocation{
	color: white;
	border-bottom:2px solid yellowgreen;
	background: linear-gradient(-179deg, rgba(55, 100, 55, 1) 2%, rgba(45, 74, 94, 1) 99%);
}
.navbar .nav li a:hover{
    transition: all .5s;
	border-bottom:2px solid yellowgreen;
	background: linear-gradient(-179deg, rgba(55, 100, 55, 1) 2%, rgba(45, 74, 94, 1) 99%);
}
.navbar .navbar-brand {
    padding: 0 15px;
}


/*--hover dropdown-- */
.dropbtn {
    background-color: DarkSlateGray;
    color: white;
    padding: 14px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
    padding-top:0px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: DarkSlateGray;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    margin-top:0;
}
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-bottom:1px dotted #8a8888;
}

.dropdown-content a:hover {
background-color: DarkSlateGray;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: DarkSlateGray;
}
.dropdown .col {
    float:left;
    width:50%;
}
.dropdown .header_col_big {
    color:#0f0101;
    padding:5px;
    clear:both;
    margin-top: 10px;
    background: #a8a2aa;
}
.dropdown .header_col_big:hover {
    color:darkgreen;
}












/*-------------- HOME PAGE -----------------*/
body {
		background-color: #fff;
		color: black;
		margin:0;
		padding: 0 0 0 0;
	}
	#home1{
	    background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.2) 100%), url('../images/tyra.jpg');
		background-size: 1600px 100%;
    z-index: -1;
		height:600px;
		background-repeat: no-repeat;
		text-align:center;
		text-shadow: 2px 1px #3b5998;
		margin:50px 0 0 0;
		padding:0;
	}
	#home1_inner{
		padding:0 0 0 20px;
		text-align:centre;
		color:white;
		line-height:50px;
		font-size: 50px;
		margin-top:130px;
	}
	#home1_inner .text{
		font-family:cursive;
	}
	#home1_inner p{
		padding:0;
		margin:0;
		color:yellowgreen;
		line-height:25px;
		font-size: 18px;
		width:50%;
		text-align:centre;
		margin:auto;
	}
	#home1_inner button{
		height:50px;
		margin:30px auto;
		font-size: 22px;
		background-color: Transparent;
		color:white;
		pointer:cursor;
	} 
	#home1_inner button:hover{
		background:white;
		color:darkslategray;
	}
	#home2{
		background-size: 100% 100%;
		font-size: 25px;
		min-height:600px;
		line-height:35px;
		background-repeat: no-repeat;
		text-align:center;
	}
	#home2 h2{
		color:#196344;
		font-weight:700;
	}
	#home2_top{
		color:#444;
		font-size:16px;
		line-height:24px;
	}
.single_about{
	color:#196344;
border:1px solid darkgray;
padding:0;
height:300px;
padding-top:20px;
font-size:14px;
line-height:22px;
text-align:center;
-webkit-transition: .5s;
	transition: .5s;                                                                                                                                                                                                                                                               
}
.single_about h4{
color:yellowgreen;
font-weight:700;
}

.single_about:hover{
margin-top:-5px;
transition: all 0.5s ease; 
}
.single_about:hover h4{
color:yellowgreen;
font-weight:700;
}
.single_about h6{
font-weight:700;
}
.single_about i{
background:#196344;
border:1px solid lightgray;
color:white;
font-size:25px;
width:60px;
height:60px;
border-radius:40px;
line-height:60px;
}
.single_about p{
color: #555;
}
#counter_section{
clear:both; 
border-top:1px solid gray; 
border-bottom:1px solid gray; 
margin-bottom:40px; 
text-align:center; 
background:white;
padding:20px 0 20px;
}
#counter_section:hover{
background:lightgray;
}
.stats-counter{
text-align:center;
color:darkgreen;
font-weight: 700;
font-size:35px;
}
.single_about:hover:after {
	content: attr(data-info);
	background:darkgreen;
	color: white;
	position: absolute;
	min-width:150px;
	padding:5px;
	top: 0;
	right: 0;
	pointer-events: none;
	border-radius: 5px;
}
#have_a_quiz_div{
	margin-top:20px; 
	height:200px;
}
#have_a_quiz_div i{
	color:brown; 
	font-size:50px; 
	margin:20px 0 0 0; 
	padding:0;
}











section#single_about{
  height: 300px;
  margin: 60px 0;
}
section#homepage_slider  img{
max-height:250px;
}
.section--bouncing {
  background-color: aliceblue;
  border-left:4px solid DarkSlateGray;
}
#slider_section{
  text-align: center;
  clear:both;
}








#body_page{
	clear:both;
    margin-top:65px;
		background-size: 100% 100%;
		font-size: 16px;
		min-height:600px;
		line-height:25px;
		background-repeat: no-repeat;
		padding-bottom:50px;
	}
#body_page h2{
		font-weight:700;
		text-align:center;
		color:darkgreen;
	}
code {
		font-size: 16px;
		background-color: #f9f9f9;
		border: 1px solid #D0D0D0;
		color: #002166;
		display: block;
		margin: 14px 0 14px 0;
		padding: 12px 10px 12px 10px;
		font-weight:700;
		font-family: Arial Helvetica, Arial, sans-serif;
	}
code:hover{
		padding-left:20px;
		text-decoration:none;
		transition: all 0.5s ease;
	}
code:hover a{
		text-decoration:none;
	}








/*-------------- FAQS -----------------*/
#faqs_page{
    margin-top:65px;
		font-size: 16px;
		min-height:600px;
		line-height:25px;
		background-repeat: no-repeat;
		padding-bottom:50px;
	}
#faqs_page h2{
		font-weight:700;
		text-align:center;
		color:darkgreen;
	}
#faqs_page h3 {
  margin-bottom: 15px;
}
#faqs_page h3 i {
  color: #092150;
}
#faqs_page ul li {
  color: #616368;
}








/*-------------- SOFTWARES -----------------*/
#softwares_row{
	margin-top: 40px;
}
#softwares_row img{
	max-height:200px;
	margin-bottom:30px;
}
#softwares_lowerdiv{
	font-size:20px; 
	text-align: center; 
	clear:both; 
	margin-top:50px; 
	margin-bottom:50px; 
	background:#f2f6ee; 
	padding:40px 0 40px 0; 
	font-weight:700;
}









/*-------------- POS -----------------*/
#pos_screenshots{
	margin-bottom:30px;
}
#pos_screenshots img{
	height:200px;
	border:10px solid lightgray;
}
#pos_screenshots figcaption{
	opacity:0.7;
    background: darkslategray;
    margin:0;
}
#pos_screenshots figcaption p{
    color:white;
}


















/*-------------- SHOP -----------------*/
#shop_page{
    margin-top:65px;
		background-size: 100% 100%;
		font-size: 22px;
		min-height:600px;
		line-height:35px;
		background-repeat: no-repeat;
		padding-bottom:50px;
		position: relative;
	}
#shop_page h2{
		font-weight:700;
		text-align:center;
		color:darkgreen;
	}
	#shop_main_inner{
		padding-top:4px;
		height:380px;
		box-shadow: 2px 2px darkgray;
		overflow:hidden;
	}
	#shop_main_inner img#shop_item_imge{
      height:180px;
	}
	#shop_main_inner p#product_name{
		font-size:16px;
		clear:both;
		height:35px;
		margin-bottom:0;
		color:darkslategray;
	}
	#shop_main_inner p#description{
		font-size:12px;
		line-height:16px;
		clear:both;
		margin-top:2px;
		font-weight:700;
		overflow:hidden;
		height:60px;
	}
	#shop_main_inner p#price{
		font-size:14px;
		line-height:16px;
		clear:both;
		margin-top:5px;
	}
	#shop_main_inner button{
		font-size:14px;
		line-height:16px;
		clear:both;
		margin:5px 30%;
	}
	#shop_main_inner:hover button{
		-ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Safari 3-8 */
    transform: rotate(360deg);

    transition: all 0.5s;
	}
	#shop_main_inner:hover a{
		color:red;
	}
	#best_seller{
		margin:100px auto;
	}
#best_seller img#best_seller_image{
		width:50px;
		height:50px;
		float:left;
		margin:30px;
	}
	#buyer_advice{
		font-size:14px;
		font-size:16px;
		text-align:justify;
		color:#333;
	}
	#buyer_advice h3{
		font-weight:700;
	}
#search_shop{
	height:35px;
	margin-bottom:20px;
	border:1px solid darkgray;
	font-size:18px;
	font-weight:700;
}
#cart_details{
	width: 200px;
border: 1px solid #c5bcbc;
height: 80px;
position: fixed;
z-index: 1;
right: 0;
top:100px;
font-size: 14px;
line-height: 18px;
color: #115f12;
background:#e7edea;
border-radius: 10px;
padding:8px;
font-weight:700;
}
#cart_details:hover{
font-size: 13px;
transition: all 0.5s;
}








/*-------------- SHOP CHECKOUT -----------------*/
#shop_checkout_main{
	min-height:300px;
	margin-top:40px;
}
#shop_checkout_IMG:hover{
  border:1px solid lightgray;
}
#product_features{
	font-size:12px;
}
#product_features h5{
	font-size:12px;
	line-height: 12px;
}
#product_features ol{
	padding:8px;
}
#shop_checkout_info #price{
	color:darkgreen;
}
#user_shopping_cart{
	background:#dce9e7;
	clear:both;
	margin-top:50px;
	padding:7px;
	margin-bottom:30px;
	font-size:16px;
}
#user_shopping_cart h3{
	color:darkgreen;
}
.checkout_btn{
	padding:8px 15px 8px 15px;
	background:#2b9815;
	color:white;
	font-size:18px;
	border-radius:30px;
	border:1px solid white;
}
.checkout_btn:hover{
	background:white;
	color:#2b9815;
	border:1px solid #2b9815;
}
.continue_shop_btn{
	padding:8px 15px 8px 15px;
	background:white;
	color:#2b9815;
	font-size:18px;
	border-radius:30px;
	border:1px solid white;
}
.continue_shop_btn:hover{
	background:#2b9815;
	color:white;
	border:1px solid #2b9815;
}
.shopping-cart-table {
    width: 100%;
    font-size: 14px;
    border-spacing: initial;
    margin: 20px 0px;
    word-break: break-word;
    table-layout: auto;
}
.shopping-cart-table th {
    background-color: #f5f5f5;
    padding: 3px;
    text-align: left;
}
.shopping-cart-table th.align-right {
    text-align: right;
}
.shopping-cart-table td {
    border-bottom: #f0f0f0 1px solid;
    background-color: #ffffff;
    padding: 5px;
}









/*-------------- PAYMENT -----------------*/
#payment_form{
	font-size:14px;
}
#payment_form table td{
	padding:5px;
}
#payment_form input{
	width:200px;
	border-radius:20px;
	border:1px solid gray;
	padding-left:10px;
	height:30px;
	border:1px solid lightgray;
}
#payment_form input[type=submit]{
	background:green;
	color:white;
	border: 1px solid;
}
#payment_form input[type=submit]:hover{
	background:white;
	color:green;
	border: 1px solid green;
}






/*-------------- CONFIRM PAYMENT -----------------*/
#payment_main{
	min-height:300px;
	margin-top:30px;
	font-size:16px;
}





/*-------------- MY ORDERS -----------------*/
#shop_orders{
    margin-top:65px;
		background-size: 100% 100%;
		font-size: 16px;
		min-height:600px;
		line-height:30px;
		padding-bottom:50px;
	}
#shop_orders h2{
		text-align:center;
		color:darkgreen;
		border:1px solid lightgray;
	}
#shop_orders table{
		font-size: 14px;
	}








h3#cart_title{
	background: #e7f2e6;
	padding:5px;
color:darkgreen;
border-bottom: 1px solid gray;
}








/*-------------- ABOUT US -----------------*/
#company_mission_vision{
    clear:both;
    padding:0;
    margin-left:0;
    margin-right:0;
}
#company_mission_vision .large-title{
    font-size: 30px;
	 font-weight: 800;
	 width: 100%;
	 float: left;
	 line-height: 1.1;
	 padding-bottom: 10px;
}
#company_mission_vision .normal-text{
    font-size: 16px;
	 line-height: 1.4;
	width: 100%;
	 float: left;
     padding: 20px 0px;
     color:white;
}
#about_mission{
    text-align:center;
    background: url("../images/mission.jpg");
    background-size: cover;
    background-position: center;
    padding:0;
    margin:0;
    color:white;
}
#about_vision{
    text-align:center;
    background: url("../images/vision-bg.jpg");
    background-size: cover;
    background-position: center;
    margin-bottom:50px;
    padding:0;
    margin:0;
}
#about_mission .stat-overlay, #about_vision .stat-overlay {
    background: rgba(0,18,23,0.75);
        float: left;
    width: 100%;
    min-height: 400px;
    color:#fff;
    padding: 20px;
}
#about_mission .stat-overlay:hover, #about_vision .stat-overlay:hover {
    background: rgba(0,18,23,0.85);
        float: left;
    width: 100%;
    min-height: 400px;
    color:#fff;
    padding: 20px;
}
#company_mission_vision .stat-icon {
    width: 100px;
    height: 100px;
    margin: 40px auto;
    display: block;
}
/*--- OUR METHOD ---*/
#our-method{
    clear:both;
    margin-bottom:20px;
    padding:0;
    margin-left:0;
    margin-right:0;
    width: 100%;
}
#our-method h2{
		color:darkgreen;
		text-align:center;
		font-size: 30px;
	 font-weight: 800;
	 width: 100%;
	 float: left;
	 line-height: 1.1;
	 padding-bottom: 10px;
	}
#steps{
    float: right;
    width: 60%;
    border-left: 1px solid DarkSlateGray;
    padding: 40px 0px
}
.step {
    float: left;
    width: 400px;
    min-height:200px;
    margin-bottom: 40px;
    position: relative;
    padding-left: 70px;
    padding-top: 45px;
}
.step-circle {
    height: 100px;
    width: 100px;
    border:3px solid DarkSlateGray;
    color: DarkSlateGray;
    line-height: 100px;
    text-align: center;
    position: absolute;
    left:-50px;
    top: 0px;
    font-weight: 800;
    background:#fff;
}
.step-circle:hover {
    height: 105px;
    width: 105px;
    border:3px solid DarkSlateGray;
    color: DarkSlateGray;
    line-height: 105px;
    left:-52.5px;
}
.stepno {
    position: absolute;
    width:50px;
    height: 100px;
    line-height: 100px;
    left:-120px;
    top: 0px;
    color: DarkSlateGray;
}
.step-text .normal-text {
    padding:5px 0px;
}
.step:hover .step-text .quote-text {
    color: DarkSlateGray;
}






/*---- OUR CLIENTS ----*/
#our-clients {
        float: left;
    width: 100%;
    background: #f7f7f7;
    text-align:center;
    margin-bottom:30px;
}
#our-clients h2{
		color:darkgreen;
		text-align:center;
		font-size: 30px;
	 font-weight: 800;
	 width: 100%;
	 float: left;
	 line-height: 1.1;
	 padding-bottom: 10px;
	}
.brands-list {
        float: left;
    width: 100%;
    list-style: none;
    text-align: center;
}
.brands-list li {
   display: inline-block;
   margin: 0px 5px;
   padding: 0;
   border-top:1px solid #02e0ff;
   border-bottom:1px solid #02e0ff;
   
}
.brands-list  img {
height:70px;
   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
    filter: grayscale(100%);
}
.brands-list img:hover {
   -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');
    filter: grayscale(0%);
}









/*-------------- HOME SLIDESHOW -----------------*/
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.5s ease;
}
.active {
  background-color: #717171;
}
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 3.8s;
  animation-name: fade;
  animation-duration: 3.8s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}








/*-------------- SERVICES PAGE -----------------*/
#webdesign_image{
	width:96%;
	height:96%;
}
#services_list{
list-style-type:none;
font-size:16px;
padding-left:0;
margin-left:0;
margin-top:10px;
}
#services_list li{
border-radius:3px;
box-shadow:3px 3px 3px gray;
padding-left:5px;
}






/*-------------- POS PAGE -----------------*/
#pos_full_clossure{
     padding:0;
     margin:0;
	}
#pos_image{
	border-radius:4px;
	margin-bottom:10px;
	border:1px solid gray;
	padding:0;
}
#pos_sidebar{
	border:1px solid lightgray;
	padding-bottom:50px;
	margin-bottom:20px;
	font-size:16px;
	padding-left:0;
	margin-left:0;
}
#pos_mainbar li{
    font-size:14px;
    padding-left:0;
}
#pos_mainbar{
    border:1px solid darkgray;
    padding:0;
    margin:0;
}
#pos_mainbar div{
    border-right:1px solid #e1dede;
    padding:0;
}
#pos_lower{
	clear:both;
	margin-top:30px;
	padding:0;
}
#pos_lower h2{
	border:1px solid #efeaea; 
	font-size:20px; 
	font-weight:700; 
	margin:0; 
	padding:10px 0 10px 0;
}
#pos_lower h2:hover{
	font-style: normal;
}







/*-------------- TEMPLATES PAGE -----------------*/
#template_image{
	height:250px;
	border: 1px solid #D0D0D0;
		box-shadow: 0 0 8px #D0D0D0;
		border-radius:20px 0 20px 0;
}
#template_image img{
	height:96%;
	padding:2%;
	border-radius:20px 0 20px 0;
}







/*-------------- CONTACT US PAGE -----------------*/
#contactus_div input[type=text], #contactus_div input[type=email]{
width:100%;
float:right;
border:1px solid darkgray;
color:blue;
margin-bottom:10px;
font-size:20px;
}
#contactus_div input[type=text]:active, #contactus_div input[type=email]:active, #contactus_div input[type=email]:hover, #contactus_div input[type=text]:hover, #contactus_div textarea:hover{
border:1px solid darkblue;
color:black;
transition: all .5s;
padding-left:5px;
}
#contactus_div textarea{
color:blue;
height:150px;
width:100%;
border:1px solid darkgray;
}
#contact_form_div{
clear:both;
}









/*-------------- ACCOUNT PAGE -----------------*/
#acc_page{
		background-size: 100% 100%;
		font-size: 16px;
		min-height:600px;
		line-height:25px;
		background: linear-gradient(-179deg, rgba(45, 65, 55, 0.5) 2%, rgba(240, 240, 240, .5) 99%);
		padding-bottom:50px;
		width:100%;
}
#acc_page h3{
		font-weight:700;
		text-align:center;
		background:brown;
		opacity:0.9;
		margin:0 0 5px 0;
		padding:10px;
		border-radius:10px 10px 0 0;
}
#acc_page_inner{
	margin-top:100px;
	margin-bottom:70px;
	padding:5px;
	border: 1px solid #D0D0D0;
		box-shadow: 0 0 8px #D0D0D0;
		border-radius:10px;
}
#acc_page_inner input[type=submit]{
    background-color: #4CAF50;
    color: white;
    border-radius: 40px;
    cursor: pointer;
    padding:10px 25px 10px 25px;
    font-weight:700;
}
#acc_page_inner input[type=submit]:hover{
	background-color: #45a049;
}
#acc_page_inner input[type=text],input[type=password],select{
	width:100%;
	 padding: 12px 20px;
	 border: 1px solid #ccc;
    border-radius: 4px;
    height:40px;
    font-size:14px;
}
#acc_page_inner #email {
    background: url("../images/mail.png")no-repeat 96% 7px #fff;
}
#acc_page_inner #password {
    background: url("../images/lock.png")no-repeat 96% 7px #fff;
}
#acc_page_inner #vercode {
    background: url("../images/lock.png")no-repeat 96% 7px #fff;
}
#acc_page_inner select{
	font-size:14px;
}
#acc_page_inner a{
	font-size:14px;
	margin-top:10px;
}
#lower_acc_page{
	line-height:30px;
	padding:0;
	margin:0;
	text-align:center;
	font-style: italic;
	font-size:12px;
	clear:both;
}

/*---pwd validate---*/
#password-strength-status {padding: 2px 10px 2px;color: #FFFFFF; border-radius:4px;margin-top:3px; font-size:12px;}
.medium-password{background-color: #9F990E;border:#7D7812 1px solid;}
.weak-password{background-color: #FF6600;border:#AA4502 1px solid;}
.strong-password{background-color: #12CC1A;border:#0FA015 1px solid;}






/*-------------- BLOG PAGE -----------------*/
#blog_part{
	border: 1px solid #D0D0D0;
		background: lavender;
		font: 20px "Times New Roman", Arial, sans-serif;
		margin-bottom:5px;
		padding-left:5px;
		color:darkslategray;
		border-radius:6px;
}
#image_tick{
	width:20px;
	height:20px;
}













/*-------------- PAGINATION -----------------*/
ul.tsc_pagination li a
{
border:solid 1px;
border-radius:3px;
padding:6px 9px 6px 9px;
color:black;
text-decoration:none;
margin-top:5px;
padding:7px 10px 7px 10px;
color:#0A7EC5;
border-color:#8DC5E6;
background:#F8FCFF;
}
ul.tsc_pagination li
{
padding-bottom:1px;
float:left;
margin:0px;
padding:0px;
margin-left:5px;
height:30px;
}
ul.tsc_pagination li a:hover,ul.tsc_pagination li a.current
{
color:#FFFFFF;
box-shadow:0px 1px #EDEDED;
text-shadow:0px 1px #388DBE;
border-color:#3390CA;
background:#58B0E7;
}
ul.tsc_pagination
{
margin:4px 0;
height:50px;
overflow:hidden;
font:10px 'Tahoma';
list-style-type:none;
padding:5px;
}










	/*-------------- FOOTER -----------------*/
#footer{
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.3) 100%), url('../images/footer-back.jpg');
	background-size: cover;
    background-position: center;
padding-top:10px;
	color: white;
	clear:both;
	min-height:150px;
	font-size:14px;
	line-height:35px;
}
#footer div{
	padding:0;
}
#footer h3{
	color:#63ae76;
    border-bottom:1px dashed gray; 
    width:280px;
	font-size:22px;
}
#footer ul{
	display:inline-block;
	list-style:none;
	padding:0;
}
#footer a{
	color: white;
	text-decoration:none;
}
#footer li:hover{
	color: white;
	padding-left:5px;
	text-decoration:none;
	transition: all .5s;
}
#footer #lower_footer{
	text-align:center;
	color:darkgray;
	clear:both;
	border-top:1px solid gray;
	min-height:100px;
	line-height:60px;
	margin:0;
}
#footer input[type=text]{
	width:100%;
	background:black;
	color:white;
	margin-bottom:5px;
	border-radius:5px;
}
#footer input[type=submit]{
    width:100%;
	color:white;
	background-color: Transparent;
	border-radius:5px;
	border:1px solid white;
}
#footer #Newsletter_info{
	line-height: 18px;
	color:#ccc7c7;
}
#social_links{
	color:white;
	padding:15px;
	border-radius:50%;
	border:1px solid darkgray;
}
#social_links:hover{
	background-color:#4a6d9d;
	border-color:#4a6d9d;
}











/*-------------- NOTIFICATIONS -----------------*/
.not-body {
    position: fixed;
    top:0px;
    left:0px;
    width: 100%;
    height: 100vh;
    z-index: -1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding-top:70px;
    -webkit-transition: .6s;
    transition: .6s;
    color:black;
}
.not-body .inner-pad {
  height:100%;
  background: rgba(0,18,23,0.6);
  padding-top:0px;
  padding-bottom: 20px;
}
.not-body .inner-pad .add-pad {
    height:100%;
}
.not-body .inner-pad .add-pad .nholder {
    position: relative;
    height:100%;
}
.notification {
    position: absolute;
    bottom:10px;
    right: 0px;
    width: 400px;
    background:#fff;
    text-align: center;
    padding-bottom: 40px;
}
.notification img {
float: left;
width:100%;
margin-bottom: 10px;
}
.notification .medium-normal {
background: #fff;
color: #333;
}
.notification #close-not {
width:100px;
padding:5px;
cursor: pointer;
color:DarkSlateGray;
background:white;
margin:20px auto 20px auto;
border:3px solid DarkSlateGray;
}










/*-------------- GO TO TOP BUTTON -----------------*/
#myBtn {
	line-height:18px;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
  transform:translate3d(0,0,0) rotate(360deg);
	transition:all 0.3s;
}














@media(max-width:768px) {
/*-------------- HOME PAGE -----------------*/
#home1{
		height:350px;
	}
#home1_inner{
		padding:0 0 0 20px;
		text-align:centre;
		color:white;
		line-height:25px;
		font-size: 24px;
		padding-top:60px;
		margin:0;
	}
#home1_inner p{
		color:aquamarine;
		line-height:25px;
		width:80%;
		text-align:centre;
		margin:auto;
	}
#home2{
		background-size: 100% 100%;
		min-height:600px;
		line-height:35px;
		background-repeat: no-repeat;
		text-align:left;
		padding:0;
	}
#home2 p{
	    text-align: justify;
	}
#have_a_quiz_div{
	font-size:20px; 
}
#have_a_quiz_div i{
	color:brown; 
	font-size:30px; 
	margin:20px 0 0 0; 
	padding:0;
}	
	
	
	
	
	
.single_about{
text-align:center;                                                                                                                                                                                                                                                                
}




	
   #body_page{
       margin-top:60px;
		font-size: 14px;
}
#body_page h2{
		font-size:25px;
	}
#body_page ul{
		margin:0 0 0 5px;
		padding:0;
}


  
  

/*-------------- SOFTWARES -----------------*/
#softwares_lowerdiv{
	font-size:14px; 
}












  /*-------------- SHOP -----------------*/
  #best_seller img#best_seller_image{
		width:20px;
		height:20px;
		margin:5px;
	}
	#buyer_advice ol{
		padding:0;
	}





  

/*-------------- SHOP CHECKOUT -----------------*/
#shop_checkout_main{
	min-height:300px;
	margin-top:30px;
}
#product_features{
	font-size:10px;
}
#product_features h5{
	font-size:10px;
	line-height: 10px;
}
.checkout_btn{
	font-size:14px;
}
.continue_shop_btn{
	font-size:14px;
}
.shopping-cart-table {
    font-size: 12px;
}
.shopping-cart-table th {
    background-color: #f5f5f5;
    padding: 3px;
    text-align: left;
}
.shopping-cart-table th.align-right {
    text-align: right;
}
.shopping-cart-table td {
    padding: 3px;
}






  /*-------------- ACCOUNT PAGE -----------------*/
#acc_page{
		font-size: 12px;
	}
	#acc_page_inner select{
	font-size:12px;
}  
  
  
  
  
  
  
  
  
  
/*-------------- FOOTER -----------------*/
  	#footer{
	font-size:14px;
	line-height:25px;
}
#footer h3{
	font-size:18px;
}
#footer #lower_footer{
	line-height:16px;
	clear:both;
	margin-top:20px;
}  
    
}