@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,600);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:300);
body {font-size:14px; font-family:'Raleway', sans-serif; color:#333; background:#fff;}
p {/*font-family:'Roboto Slab', sans-serif;  font-weight:300;  color:#4f4f4f;*/  line-height:24px;}
a {/*color:#666;*/ color:#ec483b; transition:color 0.2s ease-in-out; -moz-transition:color 0.2s ease-in-out; -webkit-transition:color 0.2s ease-in-out; -o-transition:color 0.2s ease-in-out;}
a:hover, a:focus, a.active {color:#666; outline:none; text-decoration:none;}
h4 {text-transform:capitalize;}
img {max-width:100%;}
ul {margin:0; padding:0;}
ul li {list-style:none; line-height: 24px;}
ol {list-style:none;}
#content {background:#fff;}
.btn {font-size:16px; opacity:1; border-radius:0; font-weight:600;}
.btn:focus, .btn:hover {outline:none;}
.btn-common {font-size:16px; color:#ec483b; padding:0; text-transform:uppercase;}
.btn-common i {font-size:16px; transition:all 0.2s ease; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
.btn-common:hover i {margin-left:8px;}
.btn-common:hover {color:#ec483b;}
.btn-border {font-size:14px; border:none; color:#ec483b; background:#fff; margin-left:4px; font-weight:500; margin-top:40px; font-size:20px; border-radius:0; text-transform:uppercase; line-height:28px; transition:all 300ms ease 0s;}
.btn-border:hover {background:#ec483b; color:#fff;}
.btn-system {font-size:14px; border:1px solid #E3E3E3; background:#ec483b; color:#fff; font-weight:500; margin-top:40px; font-size:20px; border-radius:0; text-transform:uppercase; line-height:28px; border:0; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; transition:all 300ms ease 0s; box-shadow:0 4px 0 rgba(0, 0, 0, 0.1) inset;}
.btn-system:hover {box-shadow:0 60px 0 rgba(0, 0, 0, 0.1) inset; color:#fff;}
.btn-lg {padding:15px 30px; margin:40px 10px;}
.btn-sn {width:100%; background:#ec483b; border-radius:0; padding:18px 0; color:#fff;}
.btn-sn:hover {color:#fff;}
.btn.disabled {opacity:1;}
#content {padding:30px 0;}
#portfolio-list .mix {display:none;}
.space {margin-bottom:20px; display:block;}
.side {position:relative; float:right; top:0; padding:32px 0; margin-left:4px; right:-15px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.side a {display:inline-block; color:#666; margin-right:15px; font-size:16px;}
.side a:hover {color:#ec483b;}
.show-search:hover i {color:#666;}
.show-search:hover i:hover {color:#ec483b; cursor:pointer;}
.full-search {z-index:9999; position:absolute; top:70px; display:none; margin-bottom:-1px;}
.full-search:before {position:absolute; top:-8px; right:30px; display:block; content:""; width:0; height:0; border-style:solid; border-width:0 8px 8px; border-color:transparent transparent #666; box-sizing:border-box;}
.full-search .form-control:focus {border:none;}
.full-search .close-search {cursor:pointer; font-size:24px; color:#fff; top:10px; right:24px; position:absolute;}
.full-search input[type="text"] {outline:medium none; font-size:20px; display:inline-block; color:#fff; background:#666; margin-left:-45px; font-weight:400; border:none; line-height:30px; width:260px; position:absolute; right:10px; color:#fff !important;}
.socialPlugin .showSocialButtons {color:#ec483b;}
/* Container Of The Plugin */
.socialPlugin {text-align:center; width:24px; margin:0; display:block;}
.socialPlugin .showSocialButtons {font-size:18px; cursor:pointer; line-height:24px; padding:10px; margin-right:12px;}
.socialPlugin .socials {color:#FFF; line-height:10px; text-align:right; margin-top:-22px; margin-left:-74px; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0;}
table {font-family:arial, sans-serif; border-collapse:collapse; width:100%;}
th {background:#eceeef; color:#464a4c;}
td, th {border:1px solid #ddd; text-align:left; padding:8px;}
.no-border {}
.no-border th, .no-border td {border:0;}

h3 {border-bottom:1px solid #eee; padding:0 0 15px; margin:20px 0; text-transform:capitalize;}
.bullet-list li {margin:0 0 15px;}
.bullet-list li:before {content:""; width:8px; height:8px; background:#ec483b; border-radius:100%; display:inline-block; vertical-align:top; margin:5px 9px 0 0;}
.bullet-list li span {display:inline-block; vertical-align:top; max-width:95%;}
.teaching-page .table {max-width:80%; margin:0 auto;}
.table>thead>tr>th {vertical-align:middle;}
.header-top {background:#662630; color:#fff; padding:10px 0;}
.primary-color {color:#ec483b;}
.e-books {margin:0 0 30px;}
.e-books a {font-weight:600; color:#ec483b;}
.e-books li {margin:0 0 7px;}
.header-top .top-link {display:inline-block}
.header-top .top-link a { color:#fff;padding:0 15px;}

.top-link a.flash-button{
	background: #ff6b00;
	padding:8px 10px;
    font-family: 'Raleway', sans-serif;
	color:#fff;
	border:none;
    font-weight:bold;
	border-radius:5px;
	margin-left: 20px;
	animation-name: flash;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;

	//Firefox 1+
	-webkit-animation-name: flash;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;

	//Safari 3-4
	-moz-animation-name: flash;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
}

@keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

//Firefox 1+
@-webkit-keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

//Safari 3-4
@-moz-keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}


/* Toggled State */
.socialPlugin .socials.opened {opacity:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}

.formula strong {min-width:65px;}
.formula strong, .formula span {display:inline-block; vertical-align:top; margin-top:5px;}
.formula .formula-content {display:inline-block; vertical-align:top; text-align:center; margin:0 5px;}
.formula .formula-content .formula-top {border-bottom:1px solid #ddd;}

@media all and (max-width:992px) {
.socialPlugin .socials {margin-top:-20px;}
}

@media all and (max-width:767px) {
.bullet-list li span {max-width:93%;}
}




.feedback-card {
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 5px;
	max-width: 335px;
	margin: auto;
	margin-bottom: 30px;
	transition: all .4s ease
}
.feedback-card h4{margin-bottom:20px;}
.feedback-card a{border-radius:20px;}
	.feedback-card:hover {
		background-color: #002f76;
		color: white;
		transition: all .4s ease;
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75)
	}