/* Font Families */
.lato_text                  { font-family:Lato,serif;         }
.josefin_text            { font-family:Josefin Slab,serif; }
.droid_sans_text      { font-family:Droid Sans,serif;   }
.lobster_text            { font-family:Lobster,serif;      }
.georgia_text_font  { font-family: Georgia, serif;    }
.roboto_text              { font-family:Roboto,sans-serif;  }

/* Div background colors */
.background_green               { background-color:#81F7BE; }
.background_blue                 { background-color:#2E64FE; }
.background_light_blue     { background-color:#cff2ff; }
.background_light_purple { background-color:#9662c4; }
.background_grey                 { background-color:#666666; }
.background_blue1               { background-color:#30AEC2; }

.italics                  { font-style:italic; }
/* Text colors */
.text_black             { color:black;   }
.text_blue1             { color:#2E2EFE; }
.text_red1               { color:#08088A; }
.text_red3               { color:#0B243B; }
.text_red2               { color:#170B3B; }
.text_red4               { color:#61210B; }
.text_light             { color:#D4A017; }
.text_white             { color:white;   }
.text_light_blue   { color:#cff2ff; }
.text_deep_blue     { color:#102372; }
.text_grey               { color:#666666; }
.text_sea_blue       { color:#003b6f; }

/* Text size */
.text_50           { font-size:45px; }
.text_30           { font-size:25px; }
.text_25           { font-size:20px; }
.text_20           { font-size:16px; }
.text_15           { font-size:12px; }
.text_10           { font-size:8px; }

/* Alignments */
.left_align                       { text-align: left;       }
.right_align                     { text-align: right;      }
.center_align                   { text-align: center;     }
.justify_align                 { text-align: justify;    }
.vertical_center_align { vertical-align: middle; }

.inline_display    { display:inline;      }

.bold_font                       { font-weight:bold;           }
.bottom_align_text       { text-align:bottom;          }
.underline_text             { text-decoration: underline; }
.double_underline_14   { border-bottom: 14px double; }
.double_underline_12   { border-bottom: 12px double; }
.double_underline_10   { border-bottom: 10px double; }
.double_underline_8     { border-bottom: 8px double;  }
.double_underline_6     { border-bottom: 6px double;  }
.double_underline_4     { border-bottom: 4px double;  }
.double_underline_2     { border-bottom: 2px double;  }

.cover_parent                 { top:0px; left:0px; width:100%; height:100%; }

.no_mouse_event    { pointer-events: none;    }
.top_align              { align:top;               }
.center_align        { align:center;            }
.max_text_width    { width:96%; align:center; }

/* Positioning */
.absolute_position     { position:absolute; }
.relative_position     { position:relative; }

.parent_height            { height:100%; }
.parent_height_2        { height:96%; }
.parent_height_50      { height:50%; }
.parent_width              { width:100%; }
.parent_width_2          { width:96%; }

.capital_alphabets    { text-transform: uppercase; }

.fast_scroll           { data-speed:10; }
.slow_scroll           { data-speed:5;  }


.top_position                { top:0px;    }
.top_mid_position        { top:35%;    }
.mid_position                { top:50%;    }
.sub_mid_position        { top:30%;    }
.top_mid_position        { top:10%;    }
.sub_bottom_position  { top:70%;    }
.sub_heading                  { top:50px;   }
.bottom_heading            { bottom:0px; }

.margin_20_10               { padding: 2% 10% 2% 10%; }
.margin_5                      { padding: 5%  5% 5% 5%; }
.margin_2                       { padding:  2%  2%  2%  2%; }
.margin_10                     { padding: 10% 10% 10% 10%; }

.contain_background   { background-repeat: no-repeat; background-size:contain; }

.input_box             { margin-left:2%; width:96%; }
.white_rounded_border  { border:2px solid white; border-radius:3px; }
.red_rounded_border    { border:2px solid red;   border-radius:3px; }
.blue_rounded_border   { border:2px solid blue;  border-radius:3px; }
.black_rounded_border  { border:2px solid black; border-radius:3px; }
.black_rounded_border_4{ border:2px solid black; border-radius:5px; }
.black_rounded_border_1{ border:1px solid black; border-radius:1px; }

a.ex1:hover            { height:110%; width:110%; text-decoration:underline; font-weight:bold; color: yellow; }
img.ex1:hover          { font-style:italic; text-decoration:underline; color:white; }
p.ex1:hover            { font-weight:bold; color: yellow; font-style:italic; text-decoration:underline; }
p.ex1:visited          { font-style:italic; text-decoration:underline; color:white; }

.invisible_initially     { display:none; }
.no_mouse_event          { overflow: hidden; }
.full_screen_popup       { position:fixed; top:0; left:0; z-index:5; width:100%; height:100%; }
.translucent             { background:rgba(0,0,0,0.7); }
.full_screen_popup_child { top:25%; left:25%; width:50%; height:50%; }
.full_screen_close_button{ position:relative; top:25%; left:72%; width:5%; height:5%; align:top; cursor:pointer; }
.fullscreen_close_button { position:relative; top:0%; right:5%; width:5%; height:5%; align:top; cursor:pointer; }
.body_inside_text        { margin-left:10px; margin-top:10px; }
.two_percent_parent_dim  { width:96%; height:96%; }
.small_button            { height:50px; width:50px; }
.small_button_holder     { height:70px; width:70px; align:top; cursor:pointer; }
.hidden_banner           { display: none; float:right; }
.three_in_a_row          { width:33%;  }
.three_in_a_column       { height:33%; }
.float_left              { float:left; }

/* Padding */
.padding_0               { padding:0% 0% 0% 0%;     }
.padding_10              { padding:10% 10% 10% 10%; }
.padding_20              { padding:20% 20% 20% 20%; }
.padding_2               { padding:2%  2%  2%  2%;  }

/* Link Behaviour */
.link_obj                          { width: 100%; text-decoration: none; color: #CEECF5; }
.link_obj ul                      { padding:.1em; list-style:none;  }
.link_obj ul li                   { padding:.1em;                  }
.link_obj ul a                   { padding:.1em;                  }
.link_obj ul a:link         { padding:.1em; text-decoration: none; color: #CEECF5;  }
.link_obj ul a:visited   { padding:.1em; text-decoration: none; color: #CEECF5;  }
.link_obj ul a:active     { padding:.1em; text-decoration: none; color: #CEECF5;  }
.link_obj ul a:hover       { padding:.1em; text-decoration: none; color: #A4C0F4;  }

.fixed_background         { background-attachment: fixed; }
.margin_0                         { margin: 0;                    }

.float_right                   { float:right; }
.float_left                     { float: left; }
.nostyle                           { list-style-type: none; }

/*
@media (max-device-width:480px)
@media (max-width:767px)
@media (min-width:768px)
@media (min-width:992px)
@media (min-width:1200px)
 
*/
@media only screen and (max-width:480px){
	/* styles for browsers smaller than 480px; */
	.link_text_20   { font-size:20px;}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 767px){
	/* styles for browsers between 480px and 767px; */
	.link_text_20   { font-size:20px;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 992px){
	/* styles for browsers between 768px and 992px; */
	.link_text_20   { font-size:20px;}
}
@media only screen and (min-device-width: 993px) and (max-device-width: 1200px){
	/* styles for browsers between 993px and 1200px; */
	.link_text_20   { font-size:20px;}
}
@media only screen and (min-width:1200px){
	/* styles for browsers larger than 1200px; */
	.link_text_20   { font-size:20px;}
}

/*
// different techniques for iPad screening 
@media only screen and (min-device-width: 481px) and (max-device-width: 900px) and (orientation:portrait) {
  // For portrait layouts only 
	.link_text_20   { font-size:20px;}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 900px) and (orientation:landscape) {
  // For landscape layouts only
	.link_text_20   { font-size:20px;}
}
*/

.social_media_small_button       { height:30px; width:30px; }
.social_media_small_button_holder{ height:40px; width:40px; align:top; cursor:pointer; }


.box:before{
	content: "";
	display: block;
	padding-top: 100%;
}
.smallbox:before{
	content: "";
	display: block;
	padding-top: 100%;
}
.content{
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.round {
	border-radius: 50%;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.round img {
	display: block;
	  height: 100%;
	  width: 100%;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
}

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

.box {
	width: 50%;
	left:25%;
	position: relative;
}
.smallbox {
	width: 30%;
	left:35%;
	position: relative;
}

@media only screen and (max-width:480px){
	/* styles for browsers smaller than 480px; */
/*
	.box {
		width: 70%;
		left:15%;
		position: relative;
	}
	.smallbox {
		width: 50%;
		left:25%;
		position: relative;
	}
*/
}
@media only screen and (min-device-width: 481px) and (max-device-width: 767px){
	/* styles for browsers between 480px and 767px; */
/*
	.box {
		width: 60%;
		left:20%;
		position: relative;
	}
	.smallbox {
		width: 40%;
		left:30%;
		position: relative;
	}
*/
}
@media only screen and (min-device-width: 768px) and (max-device-width: 992px){
	/* styles for browsers between 768px and 992px; */
/*
	.box {
		width: 50%;
		left:25%;
		position: relative;
	}
	.smallbox {
		width: 30%;
		left:35%;
		position: relative;
	}
*/
}
@media only screen and (min-device-width: 993px) and (max-device-width: 1200px){
	/* styles for browsers between 993px and 1200px; */
/*
	.box {
		width: 40%;
		left:30%;
		position: relative;
	}
	.smallbox {
		width: 20%;
		left:40%;
		position: relative;
	}
*/
}
@media only screen and (min-width:1200px){
	/* styles for browsers larger than 1200px; */
/*
	.box {
		width: 40%;
		left:30%;
		position: relative;
	}
	.smallbox {
		width: 20%;
		left:40%;
		position: relative;
	}
*/
}