/*

Original Author: Tomas Lach (www.tomaslach.cz)
Heavily Modified by OS Templates (http://www.os-templates.com)

Changing colours is now simple, now uses @import to import the individual CSS colour scheme instead of having to use multiple templates
The template now gracefully degrades for older browsers - IE 7 + 8 are now also partially supported

Template re-named to: Continents AIO (All In One)

*/

/*******************************************************************************************************************
*  IMPORT OTHER STYLES                                                                                             
*******************************************************************************************************************/
@import url(reset.css); 
/* 
Choose the colour you wish to use => colour-azure.css is default
@import url(colour-azure.css);
@import url(colour-black.css);
@import url(colour-blue.css);
@import url(colour-green.css);
@import url(colour-orange.css);
@import url(colour-purple.css);
*/
@import url(colour-azure.css);

@font-face {
font-family:'Zawgyi-One';
src: url('font/zawgyi.woff') format('woff'), url('font/zawgyi.ttf') format('ttf');
}
@font-face {
font-family:'Pyidaungsu';
src:local('Pyidaungsu'), url('https://mmwebfonts.comquas.com/fonts/Pyidaungsu-2.1_Regular.woff') format('woff'), url('https://mmwebfonts.comquas.com/fonts/Pyidaungsu-2.1_Regular.ttf') format('ttf');
}
@font-face {
font-family:'Pyidaungsu';
src:local('Pyidaungsu'), url('https://mmwebfonts.comquas.com/fonts/Pyidaungsu-2.1_Bold.woff') format('woff'), url('https://mmwebfonts.comquas.com/fonts/Pyidaungsu-2.1_Bold.ttf') format('ttf');
font-weight:bold;
}
/*******************************************************************************************************************
*  BASE                                                                                                            
*******************************************************************************************************************/
html{background:#f2f2f2;}
body{background-color: #f2f2f2; color:#727272; font-family: 'Pyidaungsu';}

p strong{color:#424242;}
address{font-style:normal; padding-bottom:15px;}

/*******************************************************************************************************************
*  LINKS                                                                                                           
*******************************************************************************************************************/
a{outline:0;}
a:hover{color:#000; text-decoration:underline;}

/*******************************************************************************************************************
*  H1 - H4                                                                                                         
*******************************************************************************************************************/
h1, h2, h3, h4{line-height:1.2em; margin-bottom:15px;}
h1{font-size:2.0em; color:#fff; font-weight:normal;}
h1 strong{font-weight:bold;}
h2{font-size:2em; color:#737373; margin-bottom:30px; border-bottom:1px solid #e5e5e5; padding-bottom:10px;}
h3, h4{font-size:1.4em; color:#424242; text-shadow:1px 1px 1px #fff;  margin:0 15px 10px 15px;}
h4{font-size:1.6em;}

.page-title{font-family: 'Epilogue', sans-serif !important; font-weight:bold;}

/*******************************************************************************************************************
*  HEADER                                                                                                          
*******************************************************************************************************************/
header{height:84px; line-height:84px; background:#1a1a1a; opacity: 70%; position:relative; z-index:100;}
header a#logo{font-size:1.2em; font-weight:bold; display:block; position:absolute; top:0; left:20px; color:#fff; text-transform:uppercase; text-decoration:none;}
header a#logo:hover{text-decoration:none; color:#f7f7f7;}
header #nav{position:absolute; top:0; right:0;}
header #nav > strong{display:none;}
header #nav > ul > li{float:left; background:url("img/nav-sep.png") no-repeat 0 50%; position:relative;}
header #nav > ul > li.parent > a{background:url("img/nav-more.png") no-repeat 20px 50%; padding-left:40px;}
header #nav > ul > li > ul{display:none; min-width:100%; position:absolute; top:62px; left:20px; line-height:normal; white-space:nowrap;}
header #nav > ul > li > ul > li{margin-bottom:1px;}
header #nav > ul > li > ul > li > a{color:#c3c3c3; text-decoration:none; padding:10px 20px; display:block; background:url("img/subnav-bg.png");}
header #nav > ul > li > ul > li > a:hover{background:#000; color:#fff; text-decoration:none;}
header #nav > ul > li:first-child{background:none;}
header #nav > ul > li > a{float:left; color:#a2a2a2; display:block; height:84px; text-transform:uppercase; text-decoration:none; font-weight:bold; padding:0 20px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
header #nav > ul > li.active > a{cursor:pointer; text-decoration:none;}
header #nav > ul > li > a:hover{color:#fff; text-decoration:none;}
header:hover {opacity: 100%;}

#intro{border-bottom:1px solid #fff; position:relative; z-index:90;}
#intro .inner{padding:55px 0;}
#intro .button{text-shadow:-1px -1px 0 #ff6d00; text-transform:none; border:0; font-size:13px; background-color:#ff9a01; border-radius:5px; color:#fff; display:inline-block; padding:15px 40px; text-decoration:none; box-shadow:0 2px 2px #2596b7; background:-moz-linear-gradient(top, #ffc101 0%, #ff9a01); background:-webkit-gradient(linear, left top, left bottom, from(#ffc101), to(#ff9a01));}
#intro .button:hover{background:-moz-linear-gradient(top, #ff9a01 0%, #ffc101); background:-webkit-gradient(linear, left top, left bottom, from(#ff9a01), to(#ffc101));}
#intro .button span{color:#b1b1b1; font-weight:100;}

/*******************************************************************************************************************
*  CONTENT                                                                                                         
*******************************************************************************************************************/
#content{padding:40px 0 30px; }
#content h3{color:#737373; border-bottom: 1px solid #737373; padding:10px 0 10px 0;}
.cols{margin-bottom:30px;}
.cols li{max-width:28%; float:left;}
.cols li p{padding-left:15px;}
.cols li.middle{max-width:40%; margin:0 2%;}
form{padding:10px 10px 10px; font-size: 15px; text-align: justify; background:#eee; border:1px solid #e5e5e5; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
form [type: text]{border:3px solid #d6d6d6; background:#000; width:350px; padding:8px; font-size:12px; margin:0 10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
form .text:hover{border-color:#aeaeae;}
.activity-row {margin-bottom: 2.5rem;}


/*******************************************************************************************************************
*  FOOTER                                                                                                          
*******************************************************************************************************************/
footer{padding:30px 0; background:#1a1a1a; font-size:0.85em; color:#777;}
footer p{line-height:1.9em;}
footer a, footer a:link, footer a:focus{color:#999; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
footer a:hover{color:#fff;}
footer .socialIcons{padding-top:7px;}
footer .socialIcons a{display:inline-block; width:29px; height:29px; margin:0 10px 0 0; text-indent:-9999px;}
footer .socialIcons a:last-child{margin-right:0;}
footer .socialIcons a.rss{background:url("img/small-rss.png") no-repeat;}
footer .socialIcons a.facebook{background:url("img/small-facebook.png") no-repeat;}
footer .socialIcons a.twitter{background:url("img/small-twitter.png") no-repeat;}

/*******************************************************************************************************************
*  OTHER STYLES                                                                                                    
*******************************************************************************************************************/
.wrap{margin:0 auto; position:relative; max-width:940px; padding:0 20px;}
.wrap_two{background-color: #fff; margin:0 auto; position:relative; max-width:1600px; padding:20px 10px 20px 10px; border-radius: 15px;}
.wrap3{background-color: #fff; margin:0 auto; position:relative; max-width:1180px; padding:20px 0 20px 0; border-radius: 15px;}
.col{position:relative; margin-bottom:20px;}

.col .icon{position:absolute; top:0; left:0; padding:0;}
.buttonCentered{text-align:center; margin-bottom:30px;}
.button, .button:link, .button:focus{cursor:pointer; position:relative; margin-top:10px; display:inline-block; text-decoration:none; font-size:12px; font-weight:bold; text-transform:uppercase; color:#787b7c; padding:8px 20px; background:-moz-linear-gradient(top, #fff 0%, #f1f1f1); background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cacaca; text-shadow:0 0 0;}
.button:hover{text-decoration:none; background:-moz-linear-gradient(top, #424242 0%, #000); background:-webkit-gradient(linear, left top, left bottom, from(#424242), to(#000)); color:#fff; border-color:#000;}
.button.iconLeft{padding-left:45px;}
.button.iconRight{padding-right:45px;}
.button i{display:inline-block; position:absolute; top:50%; margin-top:-9px; width:16px; height:16px; background-repeat:no-repeat; background-position:50% 50%;}
.button.iconLeft i{left:20px;}
.button.iconRight i{right:20px;}
.button i.more{background-image:url("img/more.png");}
.button i.email{background-image:url("img/mail.png"); margin-top:-8px;}

.shadow {box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}

/*******************************************************************************************************************
*  Responsive design                                                                                                    
*******************************************************************************************************************/
@media (max-width: 1140px) {
	.wrap{max-width:auto; margin:0;}
	.cols li{max-width:30%;}
	.cols li.middle{margin:0 5%;}
	form fieldset{padding:15px;}
	form label{display:block; margin-bottom:10px;}
	form .text{margin:0; width:100%; padding-left:0; padding-right:0; text-indent:8px;}
	form .button{float:right;}
}

@media (max-width: 750px) { 
	header nav li a{font-size:11px; padding:0 10px;}
	.col, .cols li{width:100%; max-width:100%; float:none; margin:0 0 30px !important;}
	.cols li{max-width:100%;}
	.cols li.middle{margin:0;}
}

@media (max-width: 680px) { 
	header{height:50px; line-height:50px;}
	#intro .inner{padding:30px 0;}
	#intro p{padding-right:0 !important;}
	h1{font-size:2.6em;}
	header a#logo{left:20px;}
	header #nav{right:20px;}
	header #nav > strong{display:block; float:right; cursor:pointer;}
	header #nav > strong:hover{color:#fff;}
	header #nav > ul{display:none; position:absolute; left:auto; right:0; top:80%; line-height:normal; white-space:nowrap;}
	header #nav > ul > li, header #nav > ul > li > ul > li{float:none; margin-bottom:1px; position:relative; background:none !important;}
	header #nav > ul > li > ul{margin-top:1px; position:relative !important; display:block !important; top:0 !important; width:100% !important;}
	header #nav > ul > li > a, header #nav > ul > li.parent > a{font-weight:bold; color:#c3c3c3; text-decoration:none; padding:10px 20px !important; height:auto; float:none !important; width:100%; display:block; background:url("img/subnav-bg.png"); -webkit-transition:all 0s ease-in-out; -moz-transition:all 0s ease-in-out; -o-transition:all 0s ease-in-out; -ms-transition:all 0s ease-in-out; transition:all 0s ease-in-out;}
	header #nav > ul > li > a:hover{background:#000; color:#fff; text-decoration:none;}
	header #nav > ul > li > ul > li > a{background:url("img/subnav-bg.png");}
	footer p.floatLeft, footer p.floatRight{display:block; width:100%; float:none; margin-bottom:20px;}
	footer p:last-child{margin-bottom:0;}
	.buttonCentered{position:relative; top:-15px;}
}

/* iPhone4 */
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
	html{width:100%;}
}

.col-md-3 img{
	 margin-top: -60px;
	 padding: 0 0 0 0;
	 position: relative;
    overflow: hidden;
}
.media-body h1{
	padding-bottom: 20px;
	border-bottom: 1px solid #fff;
}
.media-body strong{
	line-height: 60px;
}
.mr-3 .custom{
	width: 323px; height: 368px;
}
.media-body h1{
	font-weight: bold;
	color: #000;
	padding-bottom: 0px;
}
.media-body p{
	font-size: 16px; 
	line-height: 30px; 
	text-align: justify;
}
.cold-md-3 .custom-2{
	padding-left: 30px;
}

.floatRight hr{
	display: block;
	color: #9c9c9c;
}

/* IMPORT from old website */
.list1 {
	margin-top:-12px
}
.list1 li {
	line-height:40px
}
.list1 li a {
	display:inline-block;
	background:url(../images/marker_1.gif) 0 2px no-repeat;
	padding-left:48px;
	color:#363636;
	font-weight:bold;
	text-decoration:none
}
.list1 li a:hover {
	background-position:0 -38px;
	color:#0055a2
}
.date {
	float:left;
	width:72px;
	height:50px;
	background:url(../images/date.gif) 0 0 no-repeat;
	margin-right:14px;
	font-size:34px;
	line-height:1.2em;
	padding-top:22px;
	text-align:center
}
.custom-3{
	color: #fff;
}

.call1 {
	font-size:20px;
	color:#000;
	line-height:1.8em;
	display:inline-block;
	letter-spacing:-1px
}
.call2 {
	font-size:28px;
	color:#0055a2;
	line-height:1.2em;
	display:inline-block;
	letter-spacing:-1px
}
.opdate{
	color: green;
	font-size: 20px;	
}
.opdate strong{
	color: red;
}

/*******************************************************************************************************************
*  Animations                                                                                                  
*******************************************************************************************************************/

@keyframes animate-sliding {
	0% {margin-left: -30px;}
	25% {margin-left: 0;}
	50% {margin-left: 30px;}
	75% { margin-left: 0;}
	100% {margin-left: -30px;}
}

.sliding {
	animation: 3s linear .1s animate-sliding;
	animation-iteration-count: infinite;
}