/* ======= CSS Document ========= */

/************ TABLE OF CONTENTS ***************

	01. Google Fonts
	02. 
	03. 
	04. 
	05. 
	06. 
	07. 
	08. 
	09. 
	10. 
	11. 
	12. 
	13. 
	14. 
	15. 
	16. 
	17. 


***********************************************/
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800');
/*
    font-family: 'Nanum Myeongjo', serif;
*/

* {
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
}

.max-200{max-width: 200px;}
.max-300{max-width: 300px;}
.max-600{max-width: 600px;}
.max-700{max-width: 700px;}
.pad-bottom-20{padding-bottom: 20px;}
.pad-top-bottom-20{
  padding-bottom: 20px;
padding-top: 20px;}
.no-top-bottom-margins-padding{
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.font14{font-size: 14px;}
.section-heading{
  font-weight: bold;
  padding-bottom: 10px;
}
h2 {padding-top: 20px;
padding-bottom: 20px;}
p {padding-bottom: 10px;}

a:focus,
input:focus,
button:focus {
    outline: 0 solid;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 700;
}

html,
body {
    height: 100%;
}

body {

    font-family: Verdana, Geneva, sans-serif;
}

img {
    max-width: 100%;
}

a,
ul,
p {
    margin: 0;
}

a:hover {
    /*    text-decoration: none;*/
}

.fix {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

/*********** Start header **********/


header {
    margin-bottom: 25px;
}

header .container-fluid {
    padding: 0;
}

header img {
    width: 100%;
}

.tutorials_left img {
    width: 100%;
}


/*********** Start hero_area **********/

.hero_area {
    margin-bottom: 20px;
}

.title {
    background-color: #006060;
    color: #fff;
    padding: 5px;
    text-align: center;
    font-size: 30px;
    font-family: 'Nanum Myeongjo', serif;
}

.title h1 {
    font-size: 70px;
    margin: 0;
}


.title.left_txt {
    position: relative;
    text-align: left;
    padding-left: 120px;
}

.title.left_txt h1 {
    font-size: 65px;
}

.title.left_txt span {
    position: absolute;
    right: 1%;
    font-size: 14px;
    top: 50%;
    width: 270px;
    transform: translateY(-50%);
}

.tuitorials_title {
    margin-bottom: 50px;
}

.tuitorials_title h2 {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
}

.tutorials_right p {
    margin-bottom: 8px;
}

.communication_menu {
    list-style: none;
}

.communication_list {
    margin: 50px 0;
}

.communication_menu li a {
    display: inline-block;
    padding: 8px 0;
    color: #004080;
    margin-left: 25px;
}

.communication_menu li a:before {
    position: absolute;
    content: '\f04b';
    font-family: fontawesome;
    left: 15px;
}




/*********** Start recommended_area **********/

.recommended_area {}

.recommand_title h4 {
    font-size: 18px;
    font-weight: 700;
}

.recommend_list {}

.recommend_list p {
    margin-bottom: 15px;
}

.recommend_list p b a {
    color: #004080;
}

footer {
    background-color: #424558;
    font-family: 'Nanum Myeongjo', serif;
}

.copy_txt {
    padding: 15px 0;
    color: #fff;
}

.copy_txt a {
    color: #4F818C;
}



/* telecommunications-fundamentals-tutorials page css */

.main_menu {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
  list-style: none;
  background-color: white;
  margin-bottom: 20px;
  margin-top: 0px;
  font-size: 14px;
}

.main_menu li a {
    display: inline-block;
    color: #000;
    text-transform: uppercase;
    /*    border-bottom: 1px solid #444;*/
    text-decoration: none;
}


.page_2_main_menu {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
  list-style: none;
  background-color: white;
  margin-bottom: 20px;
  margin-top: 0px;
  font-size: 14px;
}

.page_2_main_menu li {
    display: inline-block;
    padding-left: 0px;
}

.page_2_main_menu li a {
    display: inline-block;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    /*    border-bottom: 1px solid #444;*/
}

.fundamental_right {}

.fundamental_right h5 {
    margin: 0;
    font-size: 20px;
}

.tele_menu {
    list-style: none;
    padding-top: 20px;
}

.tele_menu li a {
    display: inline-block;
    color: #006060;
    border-bottom: 1px solid #444;
    text-decoration: none;
  margin-bottom: 10px;
}


/* tutorial-pstn page 3*/


.pstn_diagram h4 {
    font-size: 20px;
    text-align: left;
}

.pstn_diagram img {
    height: 800px;
}

.pstn_diagram {
    text-align: center;
}

.switched h6 {
    margin: 0;
    border-bottom: 1px solid #000;
}

.system_diagram img {
    height: 600px;
}

.switched span {
    margin-bottom: 20px;
    display: block;
}

/*tutorial-analog-circuits page css*/


.circuit_diagram img {
    margin: 70px 0;
}

.circuit_menu {
    padding: 20px 70px;
    list-style: none;
}

.circuit_menu li a {
    display: inline-block;
}

.circuit_menu li {
    padding: 5px 0;
    font-size: 14px;
    font-weight: 600;
}

.circuit_menu li:before {
    position: absolute;
    content: '\f04b';
    font-family: fontawesome;
    left: 60px;
    font-size: 10px;
}


/*tutorial-OSI-7-layer-model page css*/

.osi_diagram {
    text-align: center;
}

.osi_diagram h4 {
    text-align: left;
}

.osi_diagram img {
    height: 600px;
    padding: 20px 0;
}


/*errordoc page css*/

.error {
    padding: 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.error h4 {
    font-size: 18px;
    font-weight: 400;
}

.error h5 a {
    font-size: 17px;
    font-weight: 400;
    color: #5555d;
    border-bottom: 1px solid #444;
    text-decoration: none;
}

/*cellular-wireless-backup-for-internet-connection page css*/


.cellular_menu {
    list-style: none;
    background-color: darkcyan;
}

.cellular_menu li {
    display: inline-block;
}

.cellular_menu li a {
    display: inline-block;
    text-transform: capitalize;
    padding: 20px;
    font-size: 14px;
    margin-left: -10px;
    line-height: 30px;
    color: #fff;
    font-weight: 600;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.cellular_menu li a:hover {
    color: #444;
}

.cellular_content h4 {
    font-size: 24px;
    font-weight: 600;
    color: #336666;
    border-bottom: 1px solid #444;
    margin: 20px 0;
    text-transform: uppercase;
}

.figure {
    text-align: center;
    padding: 50px 0;
}

.cellular_area h6 {
    padding: 20px 0;
    font-size: 16px;
}





/*tutorial-radio-bands-spectrum page css*/

.radio_area {}

.radio_content {}

.radio_content h4 {
    margin: 5px 0;
    border-bottom: 1px solid #444;
    font-size: 30px;
}

.radio_left {}

.radio_left img {
    /*    height: 100vh;*/
}

.radio_content strong {
    font-size: 16px;
}

.foot_bar {
    margin: 50px 0 20px 0;
}

.radio_area strong {
    font-size: 18px;
}

.radio_area strong a {
    color: #004080;
}



/*tutorial-VoIP-system-components-newmaybe page css*/

.voip_menu {
    list-style: none;
}

.voip_menu li {
    float: left;
    width: 50%;
    padding: 5px;
    font-size: 14px;
    font-weight: 600;
}

.voip_menu li span {
    font-weight: 400;
    position: relative;
}

.voip_menu li span:before {
    position: absolute;
    content: '\f04b';
    font-family: fontawesome;
    left: -10px;
    font-size: 8px;
    color: #006060;
}

.voip_content {
    color: #000;
    display: inline-block;
    margin-top: 25px;
}









/*tutorial-voice-digitization-principles page css*/


.principles_menu {
    list-style: none;
}

.principles_menu li span:before {
    position: absolute;
    content: '\f04b';
    font-family: fontawesome;
    left: 0;
    font-size: 8px;
    color: #006060;
}

.principles_menu li {
    padding: 4px 0;
    font-size: 14px;
    font-weight: 600;
}

.principles_menu li span {
    font-weight: 400;
    padding: 2px 0;
}





/*IP-call-center-technology-tutorial page css*/


nav {
    background-color: #DCF1EA;
    padding: 20px 0;
    text-align: center;
}

.menu {
    list-style: none;
}

.menu li {
    display: inline-block;
    font-weight: 600;
    padding: 0 10px;
    text-transform: uppercase;
}

.menu li a {
    display: inline-block;
    border-bottom: 1px solid #333;
    text-decoration: none;
    text-transform: capitalize;
    letter-spacing: 5px;
}

.quick_link_table {}

.quick_link_table h6 {
    background-color: #4F818C;
    padding: 5px;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
}

.quick_links {
    list-style: none;
    padding: 10px 20px 20px 10px;
    border: 1px solid #006060;
}

.quick_links li a {
    display: inline-block;
    text-decoration: none;
    border-bottom: 1px solid #006060;
    color: #006060;
}



.quick_link_table_two {
    margin-top: 20px;
}

.quick_link_table_two h6 {
    background-color: #4F818C;
    padding: 5px;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
}

.quick_links_two {
    list-style: none;
    padding: 10px 20px 20px 10px;
    border: 1px solid #006060;
}

.quick_links_two li a {
    display: inline-block;
    text-decoration: none;
    border-bottom: 1px solid #006060;
    color: #006060;
}


.footer_nav {
    border-top: 1px solid #336666;
    margin: 20px 0;
    text-align: center;
}

.footer_menu {
    list-style: none;
    padding-top: 20px;
}

.footer_menu li {
    display: inline-block;
    padding: 0 10px;
}

.footer_menu li a {
    display: inline-block;
    color: #336666;
    border-bottom: 1px solid #336666;
    text-decoration: none;
}