#side-logo{
	padding: 30px 50px;
	padding-bottom: 10px;
}
#side-logo a{
	display: block;
	width: 12%;
	padding: 5px;
	background-color: #000;
	border-radius: 10px;
	border: 5px solid #fff;
}
#side-logo a img{
	display: block;
	width: 100%;
	border-radius: 10px;
}



#services-logo{
	padding: 0px 50px;
	padding-top: 40px;
}
#services-logo h4{
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #111;
	font-weight: 700;
	text-transform: uppercase;
}
#services-logo p{
	font-size: 1.3rem;
	font-weight: 400;
	letter-spacing: 1.5px;
	text-align: center;
	margin-bottom: 30px;
}
#services-logo a{
	display: block;
	padding: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 10px 2px rgba(51, 51, 51, 1);
}
#services-logo a img{
	display: block;
	width: 100%;
	border-radius: 3px;
}

.ncc-logo{
	padding-top: 50px;
	text-align: center;
}
.ncc-logo span{
	width: 17%;
	display: block;
	margin: auto;
}
.ncc-logo span img{
	display: block;
	width: 100%;
	border-radius: 50%;
	border: 4px solid #fff;
}
#networks-select{
	width: 60%;
	margin: auto;
	text-align: center;
	padding: 60px 50px;
	padding-bottom: 90px;
}
#networks-select label{
	color: #000;
	display: block;
	font-weight: 600;
	font-size: 1.2rem;
	text-transform: uppercase;
}
#networks-select select{
	font-size: 1.1rem;
	text-align: center;
	letter-spacing: 3px;
	/* for Firefox */
	-moz-appearance: none!important;
	/* for Chrome */
	-webkit-appearance: none!important;
}

/* For IE10 */
#networks-select select::-ms-expand {
	display: none!important;
}

.logo-section{}
.logo-section a{
	width: 13%;
	display: block;
}
.logo-section a img{
	display: block;
	width: 100%;
	margin-top: 8px;
}
/*====================================

======================================*/
#front-login{}
#front-login .section-left{
	width: 60%;
}
#front-login .section-right{
	top: 0px;
	right: 0px;
	width: 40%;
	height: 100%;
	position: fixed;
	background-color: #000;
}
#loginform-wrap{
	padding: 0px 60px;
	padding-top: 170px;
}
#loginform-wrap form{}
#loginform-wrap form label{
	font-size: 1.1rem;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
}
#loginform-wrap form button{
	color: #111!important;
	font-weight: 600;
	font-size: 1.1rem;
	text-transform: uppercase;
	border-color: #FFCC00!important;
	background-color: #FFCC00!important;
}
/*====================================

======================================*/
#footer-bottom{
	padding: 20px 50px;
	border-top: 1px solid #ccc;
}
#footer-bottom span{
	display: block;
}
#footer-bottom span a{
	color: #000;
	display: inline-block;
	margin-right: 25px;
	font-weight: 600;
	text-transform: uppercase;
}


/*====================================

======================================*/
#header-section{
	top: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	z-index: 999;
	position: fixed;
}
#header-section .site-navbar{
	background-color: #FFCC00;
	box-shadow: 0px 0px 20px 2px rgba(51, 51, 51, 0.3);
}

#header-section .site-navbar nav{}
#header-section .site-navbar nav ul li a{
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.wrapper{
	width: 80%;
	margin: auto;
}
/*====================================

======================================*/
#main-body{
	padding-top: 120px;
}

#product-content{}
#product-content table th{
	text-align: left!important;
}



/*====================================

======================================*/
#welcome-time{
	text-align: center;
	padding-bottom: 6px;
	border-bottom: 1px solid #ddd;
}
#welcome-time h3{
	margin: 0px;
	color: #111;
	font-weight: 600;
	margin-bottom: 10px;
	text-transform: uppercase;
}
#welcome-time span{
	color: #111;
	display: inline-block;
	text-transform: capitalize;
	font-size: 1.5rem;
}
#welcome-time strong{
	font-weight: 600;
	display: inline-block;
}

/*====================================

======================================*/
#home-menu{
	padding-bottom: 30px;
	padding-top: 50px;
}
#home-menu a{
	color: #111;
	font-size: 1.2rem;
	display: block;
	padding: 30px;
	font-weight: 600;
	margin: 0px;
	border-radius: 10px;
	line-height: 1.3;
	background-color: #eee;
	box-shadow: 0px 0px 20px 2px rgba(51, 51, 51, 0.3);
}
#home-menu .active{
	background-color: #FFCC00;
}
#home-menu a i{
	font-size: 1.8rem;
	margin-bottom: 10px;
	display: block;
}
/*====================================

======================================*/
#products-section{
	padding-bottom: 50px;
}
#products-section h4{
	font-size: 1.2rem;
	margin-top: 20px;
}
#products-section form{}
#products-section form input{
	border-radius: 5px!important;
	font-size: 1.2rem!important;
	font-weight: 600!important;
}
#products-section form select{
	font-size: 1.2rem!important;
	font-weight: 600!important;
}
#products-section form button{
	background-color: #FFCC00;
	border-color: #FFCC00;
	border-radius: 50px;
	color: #111;
	font-size: 1.2rem;
	font-weight: 600;
	text-transform: uppercase;
}
#products-section form textarea{
	border-radius: 5px!important;
}
#products-section .radio-buttons-bold{}
#products-section .radio-buttons-bold label{
	font-weight: 700;
	color: #111;
}

.text-bold{
	font-weight: 600;
}

#horizontalTab{

}
#horizontalTab ul{
	
}
#horizontalTab ul li{
	color: #111!important;
	font-size: 1.1rem!important;
	font-weight: 600!important;
	padding-left: 0px!important;
	margin-right: 20px!important;
}
#horizontalTab .resp-tabs-container div{
	padding: 0px!important;
	padding-top: 15px!important;
}
/*====================================

======================================*/
#details-payment{
	box-shadow: 0px 0px 20px 2px rgba(51, 51, 51, 0.3);
}
#details-payment .pleft{
	float: left;
	width: 40%;
}
#details-payment .pleft span{
	color: #fff;
	display: block;
	padding: 2px;
	text-align: center;
	font-weight: 600;
	background-color: #0FAF4B;
}
#details-payment .pright{
	float: right;
	width: 60%;
}
#details-payment .pright span{
	padding: 2px;
	text-align: center;
	font-weight: 600;
	display: block;
	background-color: #fff;
}

#goback{
	padding: 40px 0px;
}
#goback a{
	width: 13%;
	color: #111;
	text-align: center;
	display: block;
	font-weight: 600;
	font-size: 1.3rem;
	border-radius: 50px;
	font-style: italic;
	padding: 6px 10px;
	background-color: #FFCC00;
}

#payment-confirm{
	padding-bottom: 80px;
}
.img-section{}
.img-section img{
	display: block;
	width: 100%;
	height: 340px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	box-shadow: 0px 0px 20px 2px rgba(51, 51, 51, 0.5);
}


.pdetails{
	text-align: center;
	border-radius: 10px;
	margin: 30px 0px;
	box-shadow: 0px 0px 20px 2px rgba(51, 51, 51, 0.5);
}
.pdetails p{
	padding: 10px;
}
.pdetails .col-left{
	float: left;
	width: 68%;
	height: 70px;
	background-color: #FFF;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.pdetails .col-left span{
	display: block;
	margin: 0px;
	line-height: 1.3;
	font-size: 1.3rem;
	font-weight: 600;
	color: #111;
}
.pdetails .col-left small{
	display: block;
	font-size: 12px;
	color: #111;
	font-weight: 600;
}
.pdetails .col-right{
	width: 32%;
	float: right;
	height: 70px;
	background-color: #FFCC00;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.pdetails .col-right span{
	font-size: 1.3rem;
	display: block;
	font-weight: 700;
	color: #111;
	margin-top: 5px;
}

#payment-number{
	padding-bottom: 60px;
}
#payment-number h2{
	font-weight: 700;
}
#payment-number h2 span{
	color: #aaa;
}
/*====================================

======================================*/
.active-mode{}
.active-mode label{
	font-weight: 600;
	font-size: 1.2rem;
	color: #111;
}
.payment-method{
	display: block;
	width: 70%;
	margin: 15px 0px;
}
.payment-method img{
	display: block;
	width: 100%;
}


.btn-custom{
	background-color: #FFCC00!important;
	border-color: #FFCC00!important;
	border-radius: 50px!important;
	color: #111!important;
	font-size: 1.2rem!important;
	font-weight: 600!important;
	text-transform: uppercase!important;
}
.btn-custom2{
	background-color: #000!important;
	border-color: #000!important;
	border-radius: 50px!important;
	color: #fff!important;
	font-size: 1.2rem!important;
	font-weight: 600!important;
	text-transform: uppercase!important;
}
.table-responsive table th{
	text-align: center!important;
}
/*====================================

======================================*/
#header-sections{
	padding: 30px 0px;
	text-align: center;
	background-color: #000;
}
#header-sections a{
	width: 7%;
	margin: auto;
	display: block;
}
#header-sections a img{
	display: block;
	width: 100%;
	padding: 5px;
	border-radius: 5px;
	border: 5px solid #fff;
}
/*====================================

======================================*/
#main-section{
	padding: 80px 0px;
}
#main-section .section-row1{
	
}
#main-section .section-row1 h1{
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}
#main-section .section-row1 h4{
	margin-top: 40px;
	font-weight: 600;
}
#main-section .section-row1 p{
	font-size: 1.2rem;
	margin: 20px 0px;
	text-align: justify;
}
#main-section .section-row1 ul{}
#main-section .section-row1 ul li{
	font-size: 1.2rem;
	margin: 20px 0px;
	line-height: 1.6;
	text-align: justify;
}
#main-section .section-row2{
	padding: 20px 0px;
	text-align: center;
}
#main-section .section-row2 ul{
	padding: 30px 0px;
}
#main-section .section-row2 ul li h4{
	color: #444;
	font-weight: 600;
}
#main-section .section-row2 ul li{
	padding: 2px 0px;
}
#main-section .section-row2 ul li span{
	font-size: 1.2rem;
}
#main-section .section-row2 ul li a{
	font-size: 1.2rem;
	display: inline-block;
}
#main-section .section-row2 .ul-center{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
/*====================================

======================================*/

#footer-sections{
	padding: 30px 0px;
	background-color: #000;
	text-align: center;
}
#footer-sections span{
	display: block;
	text-align: center;
}
#footer-sections span a{
	display: inline-block;
	font-size: 1.2rem;
	color: #fff;
	margin: 5px 15px;
}
/*====================================

======================================*/
#footer2{
	padding: 30px 0px;
	background-color: #111;
}
#footer2 p{
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
}
/*====================================

======================================*/

#reg-section{
	width: 50%;
	margin: 3% auto;
	padding: 50px;
	background-color: #fff;
}
#reg-section h5{
	margin: 20px 0px;
	font-weight: 600;
	color: #333;
	text-transform: uppercase;
	border-bottom: 1px solid #333;
}
/*====================================

======================================*/


/*====================================

======================================*/



/*====================================

======================================*/

@media all and (max-width : 768px){
.container{
	width: 90%!important;
	margin: auto!important;
	padding: 0px!important;
}
.wrapper{
	width: 100%;
	margin: auto;
}

#front-login .section-right{
    position: relative!important;
}
#side-logo a{
    width: 15%!important;
    margin: auto!important;
}
#services-logo{
	padding-bottom: 0px!important;
	margin-bottom: 0px!important;
}
#services-logo .services-img{
    display: none!important;
    visibility: hidden!important;
}
#networks-select{
    width: 100%!important;
    padding-bottom: 80px!important;
}

#loginform-wrap{
    padding: 0px 60px!important;
    padding-top: 60px!important;
}
.ncc-logo{
    padding: 40px!important;
}
#footer-bottom{
    padding: 15px 0px!important;
}
#footer-bottom span a{
	font-size: 0.75rem!important;
	margin: 0px!important;
	width: 24%!important;
	text-align: center!important;
}


#header-section .site-navbar{
	padding: 10px 0px!important;
}
.logo-section a{
	width: 20%;
}
.logo-section a img{
	margin-bottom: 10px;
}

#home-menu a{
	margin-bottom: 20px;
}

.img-section img{
	height: 140px;
}

#footer2 p{
	text-align: center;
	font-size: 0.90rem;
}

#reg-section{
	width: 95%;
	margin: 3% auto;
	padding: 30px;
	background-color: #fff;
}
#goback a{
	width: 25%;
}












}