





// Table of contents //

01. google fonts line-42
02. body line 48
03. Page Loading line 64
04. custom elements
05. links
06. Text Heading 
07. Text Color
08. Margin Top
09. Margin Bottom
10. Padding Left
11. Padding Top
12. Padding Bottom
13. Padding top & bottom
14. No Padding
15. Button
16. Background Color
17. Font Weight
18. frame Style
19. Menu navbar
20. Home
21. Swiper Slider
22. Home Social Icon
23. About
24. The Timeline
25. Timeline Color Style
26. Service
27. Skils
28. Portfolio
29. Typography
30. Contact From
31. Footer






/* 1.google fonts */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cabin+Sketch&family=Fredericka+the+Great&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,700;0,800;1,600;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@100&display=swap');

/* 2.body */
* {
	outline: none !important;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	color: #333333;
	overflow-x:hidden;
}
/* Black body theme*/
.black-theme {
	background: #000;
	color: #fff;
}

/* 3. Page Loading */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../img/loader1.gif) center no-repeat #fff;
}


.pink-theme a{
	color:#8c2755;
}
.blue-theme a{
	color:#007bff;
}
.dark-theme a{
	color:#343a40;
}
.yellow-theme a{
	color:#ffc107;
}
.orange-theme a{
	color:#fd7e14;
}
.green-theme a{
	color:#28a745;}
	
	
.green-theme a:hover,
.yellow-theme a:hover{
	text-decoration:none !important;
	color:#fff  !important;
}	

a:hover{
	text-decoration:none !important;
	color:#000  !important;
}

/* 4. custom elements */
img {
	max-width: 100%;
}



/* Content middle */
.content-middle{display: table-cell;vertical-align: middle;height:100vh;}
.content-middle-flex{    display: flex;
  
    height: 500px;
    text-align: center;
    justify-content: center;
    align-items: center;}
.content-middle-flex1{    display: flex;
  
    height: 250px;
    text-align: center;
    justify-content: center;
    align-items: center;}
.display-blog {
	display: block;
}

/* Overflow */
.overflow-hidden{overflow:hidden:}

.overflow-hidden {
	overflow: hidden !important;
}

/* 5.links */
a {
	color: #0e0e0e;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}

a:hover {
	color: #0e0e0e;
}

a:active {
	color: #0e0e0e;
}

/* 6.Text Heading  */
h1, h2, h3, h4, h5 { margin:0; padding:0; font-weight:600 !important;}
h1 { font-weight:700;font-size:54px !important;}
h2 { font-size:30px !important; font-weight:400; letter-spacing:inherit;}
h3 { font-size:20px !important; letter-spacing:inherit; font-weight:700; }
h4 {  font-weight:400; text-transform:none; font-size:20px !important;}
h5 {  font-weight:600; font-size:16px !important;}
h6 {  font-size: 12px !important; font-weight: 400 !important;}


/* 7.Text Color */
.text-blue{color: #007bff;}
.text-indigo{color: #6610f2;}
.text-purple{color: #6f42c1;}
.text-pink{color: #8c2755;}
.text-red{color: #dc3545;}
.text-orange{color: #fd7e14;}
.text-yellow{color: #ffc107;}
.text-green{color: #28a745;}
.text-teal{color: #20c997;}
.text-cyan{color: #17a2b8;}
.text-white{color: #fff;}
.text-gray{color: #6c757d;}
.text-gray-dark{color: #343a40;}
.text-primary{color: #007bff;}
.text-secondary{color: #6c757d;}
.text-success{color: #28a745;}
.text-info{color: #17a2b8;}
.text-warning{color: #ffc107;}
.text-danger{color: #dc3545;}
.text-light{color: #f8f9fa;}
.text-dark{color: #343a40;}
.text-black{color: #282c36;}



/* 8.Margin Top */
.margin-top-one {margin-top: 1%;}
.margin-top-two {margin-top: 2%;}
.margin-top-three {margin-top: 3%;}
.margin-top-four {margin-top: 4%;}
.margin-top-five {margin-top: 5%;}
.margin-top-six {margin-top: 6%;}
.margin-top-seven {margin-top: 7%;}
.margin-top-eight {margin-top:8%;}
.margin-top-nine {margin-top: 9%;}
.margin-top-ten {margin-top: 10%;}

/* 9.Margin Bottom */
.margin-bottom-one {margin-bottom: 1%;}
.margin-bottom-two {margin-bottom: 2%;}
.margin-bottom-three {margin-bottom: 3%;}
.margin-bottom-four {margin-bottom: 4%;}
.margin-bottom-five {margin-bottom: 5%;}
.margin-bottom-six {margin-bottom: 6%;}
.margin-bottom-seven {margin-bottom: 7%;}
.margin-bottom-eight {margin-bottom:8%;}
.margin-bottom-nine {margin-bottom: 9%;}
.margin-bottom-ten {margin-bottom: 10%;}


/* 10.Padding Left*/
.padding-left-one{padding-left:1%}
.padding-left-two{padding-left:2%}
.padding-left-three{padding-left:3%}
.padding-left-four{padding-left:4%}
.padding-left-five{padding-left:5%}
.padding-left-six{padding-left:6%}
.padding-left-seven{padding-left:7%}
.padding-left-eight{padding-left:8%}
.padding-left-nine{padding-left:9%}
.padding-left-ten{padding-left:10%}

/* 11.Padding Top*/
.padding-top-one{padding-top:1%}
.padding-top-two{padding-top:2%}
.padding-top-three{padding-top:3%}
.padding-top-four{padding-top:4%}
.padding-top-five{padding-top:5%}
.padding-top-six{padding-top:6%}
.padding-top-seven{padding-top:7%}
.padding-top-eight{padding-top:8%}
.padding-top-nine{padding-top:9%}
.padding-top-ten{padding-top:10%}

/* 12.Padding Bottom*/
.padding-bottom-one{padding-bottom:1%}
.padding-bottom-two{padding-bottom:2%}
.padding-bottom-three{padding-bottom:3%}
.padding-bottom-four{padding-bottom:4%}
.padding-bottom-five{padding-bottom:5%}
.padding-bottom-six{padding-bottom:6%}
.padding-bottom-seven{padding-bottom:7%}
.padding-bottom-eight{padding-bottom:8%}
.padding-bottom-nine{padding-bottom:9%}
.padding-bottom-ten{padding-bottom:10%}

/* 13.Padding Top & Bottom*/
.padding-tb-one{padding-bottom:1%;padding-top:1%}
.padding-tb-two{padding-bottom:2%;padding-top:2%}
.padding-tb-three{padding-bottom:3%;padding-top:3%}
.padding-tb-four{padding-bottom:4%;padding-top:4%}
.padding-tb-five{padding-bottom:5%;padding-top:5%}
.padding-tb-six{padding-bottom:6%;padding-top:6%}
.padding-tb-seven{padding-bottom:7%;padding-top:7%}
.padding-tb-eight{padding-bottom:8%;padding-top:8%}
.padding-tb-nine{padding-bottom:9%;padding-top:9%}
.padding-tb-ten{padding-bottom:10%;padding-top:10%}

.padding-one {
    padding: 1%;
}

.display-block {
    display: block;
}

/* 14.No Padding */
.no-padding{
	padding-left:0px;
	padding-right:0px;
}

/* 15.Button */
.btn {
	padding: 8px 29px;
	display: inline-block;
	font-size: 14px;
}
.btn:hover {
	background:#000 !important;
}


/* 16.Background Color Css*/
.bg-violet{background:#771969 !important;}
.bg-blue{background: #007bff !important;}
.bg-indigo{background: #6610f2 !important;}
.bg-purple{background: #6f42c1 !important;}
.bg-pink{background: #8c2755 !important;}
.bg-red{background: #dc3545 !important;}
.bg-orange{background: #fd7e14 !important;}
.bg-yellow{background: #ffc107 !important;}
.bg-green{background: #28a745 !important;}
.bg-teal{background: #20c997 !important;}
.bg-cyan{background: #17a2b8 !important;}
.bg-white{background: #fff !important;}
.bg-gray{background: #6c757d !important;}
.bg-gray-dark{background: #343a40 !important;}
.bg-primary{background: #007bff !important;}
.bg-secondary{background: #6c757d !important;}
.bg-success{background: #28a745 !important;}
.bg-info{background: #17a2b8 !important;}
.bg-warning{background: #ffc107 !important;}
.bg-danger{background: #dc3545 !important;}
.bg-light{background: #f8f9fa !important;}
.bg-dark{background: #343a40 !important;}
.bg-black{background: #000 !important;}

.bg1color{background: #529ACC !important;}
.bg2color{background: #F1AB25 !important;}
.bg3color{background: #E5343A !important;}
.bg4color{background: #1f577d !important;}

.text1color{color: #529ACC !important;}
.text2color{color: #F1AB25 !important;}
.text3color{color: #E5343A !important;}

/* 17.Font Weight */
.font-100{font-weight:100 !important;}
.font-200{font-weight:200 !important;}
.font-300{font-weight:300 !important;}
.font-400{font-weight:400 !important;}
.font-500{font-weight:500 !important;}
.font-600{font-weight:600 !important;}
.font-700{font-weight:700 !important;}
.font-bold{font-weight:bold !important;}

/* 18.Frame Style*/
.pink-frame {
	border-top: 0px solid #8c2755;
	border-bottom: 5px solid #8c2755;
	border-left: 5px solid #8c2755;
	border-right: 0px solid #e6e6e6;
}
.blue-frame {
	border-top: 0px solid #007bff;
	border-bottom: 5px solid #007bff;
	border-left: 5px solid #007bff;
	border-right: 0px solid #007bff;
}
.dark-frame {
	border-top: 0px solid #343a40;
	border-bottom: 5px solid #343a40;
	border-left: 5px solid #343a40;
	border-right: 0px solid #343a40;
}
.yellow-frame {
	border-top: 0px solid #ffc107;
	border-bottom: 5px solid #ffc107;
	border-left: 5px solid #ffc107;
	border-right: 0px solid #ffc107;
}
.orange-frame {
	border-top: 0px solid #fd7e14;
	border-bottom: 5px solid #fd7e14;
	border-left: 5px solid #fd7e14;
	border-right: 0px solid #fd7e14;
}
.green-frame {
	border-top: 0px solid #28a745;
	border-bottom: 5px solid #28a745;
	border-left: 5px solid #28a745;
	border-right: 0px solid #28a745;
}

/* Position property */
.position-fixed-prop {
	z-index: 2;
	width: 100%;
}

.pull-right{
	float:right;
}


.top-bar {
   padding: 0 20px;
    height: 45px;
    line-height: 45px;
    background: rgb(2,74,7);
    background: #f5f5f5 !important;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
}
.f-nav nav#top-menu {
    padding: 0 20px;}
/* 19.Menu*/

/* menu theme*/
.black-theme .nav-link {
	color: #fff !important;
}

.space.space-height {
    display: inline-block;
    height: 50px;
}

.top-social-icon a {
    color: #fff;
    padding: 0px 5px;
}

/*Menu Css*/
.f-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 3;
}
/* Black Theme*/
.black-theme .f-nav {
	background-color: #000;
}
ul.list-style {
    list-style: none;
    margin: 0;
    padding: 0;
}
.navbar{
	padding: 0;
}
.navbar-brand img{
	height: 60px;
	width: auto;
	display: block;
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.navbar-toggler {
	float: right;
	border: none;
	padding-right: 0;
}
.navbar-toggler:active,
.navbar-toggler:focus {
	outline: none;
}

#top-menu {
    padding:0px 20px !important;
    background: #fff;

}
.navbar-light .navbar-toggler-icon {
	width: 24px;
	height: 17px;
	background-image: none !important;
	position: relative;
	border-bottom: 1px solid #000;
    transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after, 
.navbar-light .navbar-toggler-icon:before{
	width: 24px;
	position: absolute;
	height: 1px;
	background-color: #000;
	top: 0;
	left: 0;
	content: '';
	z-index: 2;
    transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after{
	top: 8px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
	transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
	transform: translateY(8px) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	border-color: transparent;
}
.nav-link{
	color: #888 !important;
	font-weight: 500;
    transition: all 200ms linear;
}
.pink-theme .nav-item:hover .nav-link{
	color: #8c2755 !important;
}
.blue-theme .nav-item .nav-link.active,
.blue-theme .nav-item:hover .nav-link{
	color: #fff !important;
    background: #529ACC  !important;
}
.dark-theme .nav-item:hover .nav-link{
	color: #343a40 !important;
}
.yellow-theme .nav-item:hover .nav-link{
	color: #ffc107 !important;
}
.orange-theme .nav-item:hover .nav-link{
	color: #fd7e14 !important;
}
.green-theme .nav-item .nav-link.active,
.green-theme .nav-item:hover .nav-link{
	color: #0d7725 !important;
}

.nav-item.active .nav-link{
	color: #777 !important;
}
.nav-link {
position: relative;
    padding: 8px 16px !important;
    display: table-cell;
    font-size: 15px;
    text-align: center;
    vertical-align: middle;
    height: 40px;
    border-radius: 1px;
    font-weight: 600;
	color:#888;
}
.nav-item:after{
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	opacity: 0;
    transition: all 200ms linear;
}
.pink-theme .nav-item:after{
	background-color:#8c2755;
}
.blue-theme .nav-item:after{

}
.dark-theme .nav-item:after{
	background-color:#343a40;
}
.yellow-theme .nav-item:after{
	background-color:#ffc107;
}
.orange-theme .nav-item:after{
	background-color:#fd7e14;
}
.green-theme .nav-item:after{
	background-color:#28a745;
}
.nav-item.active1:after,
.nav-item:hover:after{
	bottom: 0;
	opacity: 1;
}

.nav-item{
	position: relative;
    transition: all 200ms linear;
	margin: 10px;
}
.navbar-collapse.collapse.in {
	display: block;
}

.nav-item.show .dropdown-menu {
    opacity: 1;
    visibility: visible;
	display:block;
	border:0;
    max-height: 999px;
	top:30px;
transform: translate3d(0, 0px, 0);}
/* 20.Home Start */
.nav-item.show .dropdown-menu .dropdown-item{color:#000;}
.nav-item.show .dropdown-menu .dropdown-item:hover{color:#007bff !important;}
.bg-about{
	width:100%;
	background-size:cover !important;
	height:250px !important ;
}
/* 21.Swiper Slider */
.bg-image{
	width:100%;
	background-size:cover !important;
	height:500px;
	
}

/* Swiper Slider Content my Title */

/* 22.Home Socisal Icon*/
.home-social{
	font-size:25px;
}
/* Home End*/



/* 23.About Starts*/


.about-image {
    width: 100px;
}
.aboutin-image{
	 width: 150px;
}
.about-section{
	height:100vh;
}
.about-info{
	list-style:none;
	padding:0px;
}
.about-info li{
	width:50%;
	float:left;
	margin-bottom:10px;
}
.banner-btn{
    padding: 12px 20px !important  ;
border-radius: 50px !important;  }

.btn:hover {
    color: #fff !important;
}
/* End About Section*/




/* 24.The Timeline */

.bg-transparent-color{
	background: rgba(5, 5, 5, 0.62);
}

.timeline ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    transition: all 0.5s linear;
    top:0
}

.timeline ul:before{
    content: "";
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    top:0;
    left:30px
}
.timeline.pink-theme ul:before{
	border:1px dashed #8c2755;
	}
	.timeline.blue-theme ul:before{
	border:1px dashed #007bff;
	}
	.timeline.dark-theme ul:before{
	border:1px dashed #343a40;
	}
	.timeline.yellow-theme ul:before{
	border:1px dashed #ffc107;
	}
	.timeline.orange-theme ul:before{
	border:1px dashed #fd7e14;
	}
	.timeline.green-theme ul:before{
	border:1px dashed #28a745;
	}
.timeline ul li{
    margin: 20px 60px 30px;
    position: relative;
    padding: 10px 20px;
    line-height: 20px;
}
.line-height1 {
    line-height: 1;
}
.line-height15 {
line-height: 1.5;}

.timeline ul li > span{
    content: "";
    display: block;
    width: 0;
    height: 100%;
	position: absolute;
    top:0;
    left:-30px
}

.timeline.pink-theme ul li > span{
	border:1px solid #8c2755;
}
.timeline.blue-theme ul li > span{
	border:1px solid #007bff;
}
.timeline.dark-theme ul li > span{
	border:1px solid #343a40;
}
.timeline.yellow-theme ul li > span{
	border:1px solid #ffc107;
}
.timeline.orange-theme ul li > span{
	border:1px solid #fd7e14;
}
.timeline.green-theme ul li > span{
	border:1px solid #28a745;
}

.timeline ul li > span:before{
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    left:-7.5px
}

/* 25.Timeline Color theme*/
.timeline.pink-theme ul li > span:before{
	border:2px solid #8c2755;
    }
	.timeline.blue-theme ul li > span:before{
	border:2px solid #007bff;
    }
	.timeline.dark-theme ul li > span:before{
	border:2px solid #343a40;
    }
	.timeline.yellow-theme ul li > span:before{
	border:2px solid #ffc107;
    }
	.timeline.orange-theme ul li > span:before{
	border:2px solid #fd7e14;
    }
	.timeline.green-theme ul li > span:before{
	border:2px solid #28a745;
    }
.timeline ul li > span:before{top:-10px}
.timeline ul li > span:after{top:95%}

.timeline .title{
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 5px
}

.timeline .info:first-letter{text-transform: capitalize;line-height: 1.7}

.timeline .name{
    margin-top: 10px;
    text-transform: capitalize;
    font-style: italic;
    text-align: right;
    margin-right: 20px
}


.timeline .time span{
    position: absolute;
    left: -100px;
    color:red;
    font-size:80%;
    font-weight: bold;
}
.timeline .time span:first-child{top:-16px}
.timeline .time span:last-child{top:94%}



/* 26.Services Section*/
.service-icon {
	font-size: 45px;
}
.service-list {
	padding: 15px;

	margin: 10px 0;
}
img.ser-image {
    width: 50px;
}
/*Black theme border*/
.black-theme .service-list {
	border: 1px solid #313131;
}


.service-icon {
	position: relative;
	top: 0;
	transition: top ease 0.5s;
}


/* 27.Skils*/
.ser-exp {
	text-align: center;
	line-height: 30px;
	border: 1px solid #f2efef;
	margin-bottom: 10px;
	background: #f2efef;
	padding: 15px;
	height: 120px;
}
.skill-icon {
    font-size: 30px;
}
.progress{
	height:10px;
}
.progress-bar {
	font-size: 11px;
}

/* 28.portfolio*/
.as-col-3{
	width:32%;
	display:inline-block;
	margin:0px;
}
.as-col-md-2 {
    width: 14%;
}
img.cli-image {
    width: 140px;
}
#portfolio-gallery .portfolio-item img{
	border: #5px solid #cacaca;
	
}
#portfolio-buttons button {
    border: 0;
    background: no-repeat;
}
#portfolio-buttons button {
    padding: 10px;
	outline:none;
	cursor:pointer;
}
.pink-theme button:hover,
.pink-theme button.active {
	color: #8c2755 !important;
}
.blue-theme button:hover,
.blue-theme button.active {
	color: #007bff !important;
}
.dark-theme button:hover,
.dark-theme button.active {
	color: #343a40 !important;
}
.yellow-theme button:hover,
.yellow-theme button.active {
	color: #ffc107 !important;
}
.orange-theme button:hover,
.orange-theme button.active {
	color: #fd7e14 !important;
}
.green-theme button:hover,
.green-theme button.active {
	color: #28a745 !important;
}

.black-theme #portfolio-buttons button {
	color: #fff;
}
/* 29.typography */

.black-theme .typography-item {
	border:1px solid #313131;
}
.typography-item {
padding: 30px;
    border-radius: 0;
    border-radius: 5px;
  
}

.client-image img {
	width: 80px;
	border-radius: 50px;
	box-shadow: 1px 1px 16px #ccc6c6;
	border: 1px solid #5b5858;
}
.client-name {
	font-size: 22px;
}
/* 30.Contact Form*/
#contact-form input,#contact-form textarea
{
	border: 1px solid #e6e6e6 !important;
	border-radius: 0 !important;
	color: #e6e6e6 !important;
}
.ser-intro {
    padding: 15px 0;
}
.ser-intro .title {
   
  padding: 5px 0;
    display: block;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
}
.slider-inner {
    padding: 40px;
}

.slider-inner {
    padding: 40px;
}

/* 31.Footer*/

/*black theme*/
.black-theme footer {
	background:#000;
	color:#fff;
}
.slider-content.text-left {
width: 100%;}
footer {
	background: #e6e6e6;
	height: 100px;
	padding: 34px;
	color:#484646;
	text-align: center;
}
#portfolio{
background-blend-mode: overlay;
    background-position: -21px -228px;
    background-size: cover;}
	
	.spl {
   background: #F1F1F1;
    padding: 50px;
    /* margin-top: 50px; */
    position: relative;
    top: 60px;
   
}
.showclassroom{

    box-shadow: 0px 68px 18px #bbb6b6;
    position: relative;
}
.swiper-container1{
	overflow:hidden;
}
.swiper-pagination3 {
    padding: 20px;
text-align: center;}

.swiper-pagination3 span {
padding: 5px;}

#typography {
    background: #0D5189;
	
}
#footer {
background:#131313;
}

.footer-menu li a {
    line-height: 30px;
color: #fff;}

#footer .title {
    padding: 5px 0;
    font-size: 20px;
    font-weight: 400;
}


.fade.in.bgblackmodel:not(.show) {
    opacity: 1;
	background: #3D3D3D
}
.bgblackmodel .modal-dialog {
    margin-top: 50px;
	max-width: 1100px !important;
}.bgblackmodel .modal-body {
    background-color:#3F414A;
	padding:0px;
}
.bgblackmodel{
	height:100vh;
}
.empbtn {
    padding: 0;
    border: 0;
    box-shadow: none;
    margin: 0;
}
.empclosebtn span {
    font-size: 44px;
    padding: 10px;
    color: #fff;
}
#request-form textarea,
#request-form input {
    border-top: 0;
    border-left: 0;
    border-right: 0;
border-bottom: 2px solid #e6e6e6;}

#request-form textarea{
	width:100%;
	height:150px;
}
#request-form textarea:focus, #request-form input:focus {
    border-color: #007bff;
    box-shadow: 0 0 0;
border-radius: 0;}

p.small-text {
    font-size: 12px;
}

div#form-messages.success {
    color: #058e05;
    font-size: 30px;
}

div#form-messages.error {
    color: #ff0c0c;
    font-size: 30px;
}
.product_table table th, 
.product_table table td {
   padding: 10px 100px;
    border: 1px solid #e6e6e6;
 
}

span.large-font {
    font-size: 45px;
}

.counterd .counter {
    font-size: 45px;
}

.counterd .ctitle {
    font-size: 25px;
    padding: 5px;
}



.entry-meta {
    font-size: 12px;
    color: #a29e9e;
	display: block;
    padding: 10px 0;
}

.blog-intro .title {
   font-size: 16px;
    height: 60px;
    display: block;
    padding: 10px 0;
}

.contact-social-icon a {
    padding: 10px 12px;
    border-radius: 5px;
    color: #fff;
}

.footer-bg-white {
    background: #fff !important;
    padding: 40px 4px;
    border-radius: 8px;
}


span.title1 {
    padding-top: 10px;
    display: block;
}

.top-moem {
    padding: 0px 20px;
	font-size: 15px;
}

.firstcontent {
    padding: 40px;
    position: relative;
    top: -30px;
    z-index: 1;
}

span.toptitle {
    font-size: 20px;
    padding: 0px;
    display: block;
    line-height: 0;
   
}
.toptitle ,
.topintro{
	 color: #fff;
}

section#about {
    background: #f1f1f1;
}

.ser-intro p {
    font-size: 14px;
    text-align: justify;
}

.btn-large {
    padding: 10px 25px;
    font-size: 20px;
}


.specpictext {
    line-height: 40px;
    font-size: 18px;
}

.course-intro .title {
    font-size: 16px;
    display: block;
    padding: 10px 0;
    font-weight: 600;
}

.btn-small {
    padding: 4px 10px;
    border-radius: 2PX;
}
.ser-intro1 .title {
    padding: 6px 0;
    display: block;
    font-size: 21px;
    font-weight: 500;
    text-align: left;
}

span.iconstyle {
    font-size: 44px;
    background: #174a67;
    padding: 6px 0px;
    display: block;
    margin: 11px 45px;
    border-radius: 59px;
    color: #fff;
}
.wylist:hover .iconstyle {
    background: #E5343A;
}

.wylist {
    padding: 15px;
    margin-bottom: 16px;
}
ul.list-style-none  {
    
    margin: 0;
    padding: 0;
}
ul.list-style-none li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar li a {
    padding: 10px 10px;
    display: block;
    background: #335e7b;
    color: #fff;
    border-bottom: 1px solid #6b789a;
    /* box-shadow: 0px 1px 1px #1a364e; */
    /* margin-bottom: 1px; */
}

.sidebar li a:hover {
	 background: #263c52;
	color:#fff !important;
}


#bar-fixed {
    height: 100vh;
    top: 10px; /* or whatever top you need */
    position: -webkit-sticky;
    position: sticky;
}

a.social-icon {
 padding: 4px 9px;
    margin-left: 0px;
    /* color: #529ACC; */
    border-radius: 2px;
}
a.social-facebook {
    background: #3b5998;
    color: #fff !important;
}
a.social-gmail {
    background: #dc3545;
    color: #fff !important;
}
a.social-twitter {
    background: #1DA1F2;
    color: #fff !important;
}
a.social-Instagram {
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
    color: #fff !important;
}
a.social-pinterest{
    background: #c8232c;
    color: #fff !important;
}
a.social-linkedin {
    background: #0e76a8;
    color: #fff !important;
}

a.social-facebook:hover {
    background: #c9c9ca;
    color: #000 !important;
}
a.social-gmail:hover {
  background: #c9c9ca;
    color: #000 !important;
}
a.social-twitter:hover {
  background: #c9c9ca;
    color: #000 !important;
}
a.social-Instagram:hover {
    background: #c9c9ca;
    color: #000 !important;
}
a.social-pinterest:hover {
    background: #c9c9ca;
    color: #000 !important;
}
a.social-linkedin:hover {
  background: #c9c9ca;
    color: #000 !important;
}
a.social-icon i {
    font-size: 18px;
}

.simplecontactform {
    background: #0D5189;
    padding: 0 40px;
}

h3.contactformtitle {
    display: block;
    padding: 20px 0px;
}

select#course {
    width: 97%;
    padding: 9px;
    border: 1px solid #e4e4e4;
    color: #777;
}
.simplecontactform input {
    height: 44px;
    border-radius: 0;
}

.wid3{
	max-width:20%;
}
.wid4 {
    max-width: 30%;
}

.position-sticly {
    position: sticky;
    height: 100vh;
    top: 10px;
}

.expad a.social-icon {
    padding: 7px 10px;
}