@charset "UTF-8";
/* CSS Document */


body {
	color: #252D35;
	background-color:#e1e1e1;
}

@media only screen and (min-width: 320px) {

.t3-footer {
    color: #999;
}

.t3-wrapper {
	background-color:#e1e1e1 !important;
}

.t3-copyright {
	background-color: #252D35;
	max-width: 1060px;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 0px 10px;
	border:0;
	
}

.t3-footer {
	background-color: #e1e1e1;
	border-top: 0px solid #EEE;	
}


.logo {
    text-align: left;
    margin-bottom: 17px;
}





.container {max-width: 950px;}

	
.my-wrapper {
	background-color: white;
	max-width: 1060px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 0px 30px 5px rgba(219, 219, 219, 0.3);
-moz-box-shadow:  0px 0px 30px 5px rgba(219, 219, 219, 0.3);
-ms-box-shadow:0px 0px 30px 5px rgba(219, 219, 219, 0.3);
-o-box-shadow: 0px 0px 30px 5px rgba(219, 219, 219, 0.3);
-webkit-box-shadow: 0px 0px 30px 5px rgba(219, 219, 219, 0.3);

transition: transform 0.5s ease 0s;
-moz-ransition: transform 0.5s ease 0s;
-ms-ransition: transform 0.5s ease 0s;
-o-ransition: transform 0.5s ease 0s;
-webkit-ransition: transform 0.5s ease 0s;
}

.t3-header {
    padding-top: 20px;
    padding-bottom: 0px;
}

.head-search {
    margin-top: 27px !important;
}

	
.t3-header {
	background-color:#252D35 !important;
	max-width:1030px;
	margin:0 auto;
	
}


.sidr-class-current > a {
    background: #be1e2d none repeat scroll 0% 0% !important;
}

.sidr ul li ul li {
    line-height: 40px;
    font-size: 9px !mportant;
}
	
.container .mynav1{
	padding-left: 0px !mportant;
	padding-right: 0px !mportant;
}

input[type="search"]  { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 12px; letter-spacing: 1px; line-height: 1.42857; color: #D1D1D1 !important; background-color: rgba(153, 153, 153, 0.2) !important; background-image: none; border: 0px solid #CCC !important; border-radius: 2px !important; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.075) inset !important; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
-moz-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
-ms-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
-o-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
-webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.agora-header-bg {
	background-color: #252D35;
}

.home .t3-sl-1 {
    padding: 0px;
    
    color: #333;
    border-bottom: 0px solid #EEE !important;
}


.t3-sl4 {
    padding-bottom: 0px;
    padding-top: 0px;
    background-color: #252D35;
}

/* Contact */

legend {
    
    font-size: 14px;
    color:;
    
}

#agora-intro {
	    padding-bottom: 20px;
    padding-top: 40px !important;
}

.homeheadline {
 	font-size: 40px !important;
	/*font-style: italic !important;*/
    font-family: Georgia,"Times New Roman",Times,serif !important;
    color: #8e8e8e !important;
    text-shadow: 1px 1px 1px #FFF !important;
    text-align: center !important;
}

.homeheadline2 {
	font-size: 50px !important;
	/*font-style: italic !important;*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    color: #8e8e8e !important;
    text-shadow: 1px 1px 1px #FFF !important;
    text-align: center !important;
    font-weight: 200;
   
 
}
.masthead { padding:0px;}

.container .jumbotron, .container-fluid .jumbotron {
    padding-left: 0;
    padding-right: 0;
}

.homeheadlinebody {
    font-size: .9em !important;
    font-weight:300 !important;
    color: #808890 !important;
    padding-top: 10px !important;
	font-family:Arial, Helvetica, sans-serif !important;
	letter-spacing: 1px;
	width: 90%;
	margin-left: 5%;
	
}

.homeheadlineicon img {
    width: 12%;
    min-width: 100px;
    margin-top: 30px;
}

.slideshow-wrapper .orbit-container {
    background-color: #252D35 !important;
}


	
.home h2 {
    font-size: 20px !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    color: #bf202f !important;
    text-shadow: 1px 1px 1px #FFF !important;
    text-align: center !important;
    font-weight: 300;
    letter-spacing: 1;
}

.body-copy {
	color:#808890;
}

dl {
    margin-top: 0px;
    margin-bottom: 20px;
    color: #808890;
    width: 100%;
}


.btn-primary {
    color: #BB152C;
    background-color: #C9CDD0;
    border-color: #C9CDD0;
}


.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #FFF;
    background-color: #BB152C;
    border-color: #BB152C;
}




	
/********************   CONTACT FOR    ********************/

color: #D9D9D9 !important;	

.contact h1 { color:#3D8BC8 !important;}
.contact h3 { color:#3D8BC8 !important;}
.contact-name { display:none !important;}
.say-hey { text-align:center;}

#jform_contact_name { width:100%; font-size:15px; 	font-family: "Ubuntu", Arial, serif !important;}	
#jform_contact_email { width:100%; font-size:15px; 	font-family: "Ubuntu", Arial, serif !important;}
#jform_contact_emailmsg { width:100%; font-size:15px; 	font-family: "Ubuntu", Arial, serif !important;}
#jform_contact_message { width:100%; font-size:15px; 	font-family: "Ubuntu", Arial, serif !important;}


#jform_contact_name-lbl { display:none;}
#jform_contact_email-lbl { display:none;}
#jform_contact_emailmsg-lbl { display:none;}
#jform_contact_message-lbl { display:none;}



.con-bg {background-color:#e7e7e7; padding-top:15px; border-radius:10px !important;}
.well-bg { background-color:#e7e7e7; border: 1px solid #fff; box-shadow:none !important;}

<!---------------------------------------
select, textarea, input[type="text"], input[type="email"], input[type="tel"], .inputbox { border:#F5F5F5;border-radius: 4px;box-shadow:none !important;}

input.invalid {border: 1px solid #cc0000 !important;}



legend {border-bottom: 1px solid #FBFBFB; padding-bottom:7px !important;}

.control-label { }

/*   -----    place-holder color Start  ------*/
input::-webkit-input-placeholder {
color: #D9D9D9 !important;
}
 
input:-moz-placeholder { /* Firefox 18- */
color: #D9D9D9 !important;  
}
 
input::-moz-placeholder {  /* Firefox 19+ */
color: #D9D9D9 !important;  
}
 
input:-ms-input-placeholder {  
color: #D9D9D9 !important;  
}

/*   ///////    place-holder color  End       */


/*   -----    place-holder color  "text areas" Start  ------*/


textarea::-webkit-input-placeholder {
}
 
textarea:-moz-placeholder { /* Firefox 18- */
color: #D9D9D9 !important;  
}
 
textarea::-moz-placeholder {  /* Firefox 19+ */
color: #D9D9D9 !important;  
}
 
textarea:-ms-input-placeholder {  
color: #D9D9D9 !important;  
}


/*   ///////    place-holder color  "text areas" End  */     
/*   -----    change specific place-holder color eg. "email" Start  ------


input[type="email"]::-webkit-input-placeholder {
color: blue !important;
}
 
input[type="email"]:-moz-placeholder { /* Firefox 18- *
color: blue !important;  
}
 
input[type="email"]::-moz-placeholder {  /* Firefox 19+ *
color: blue !important;  
}
 
input[type="email"]:-ms-input-placeholder {  
color: blue !important;  
}





/*----------------------------------slider--------------------------------------*/

#camera_wrap_122 .camera_caption > div div.camera_caption_title {
    font-size: 4em !important;
	font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
	font-weight:200;
}



#camera_wrap_122 .camera_caption > div {
    display: block !important;
    margin-bottom: 100px !important;
    margin-left: 0% !important;
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
    width: 476px !important;
    
}




.camera_caption > div {
    background: #000;
    background: rgba(40, 40, 40, 0.8) !important;
}

.camera_caption {
    bottom: 0;
    display: block;
    position: absolute;
    width: 100%;
    z-index: 1000;
}

#camera_wrap_122 .camera_caption {
    display: block;
    position: absolute;
}

.camera_caption moveFromLeft {
	visibility: visible; 
	left: 0px;
 	right: auto;}
	
.camera_caption_desc {
    background-color: rgba(200, 33, 39, .8);
    padding: 5px;
    margin-top: 15px;
    position: relative;
}

.camera_caption {
    color: #fff;
}

.cameraContent {
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.cameraCont, .cameraContents {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1;
}

/****---------------- Navigation----------------------------***/

#t3-mainnav{
	text-transform:uppercase;
	font-size:10px;
	font-weight:400;
	}
	
	
.navbar-default .navbar-nav > li > a {
	font-weight:200;
}


.dropdown-menu > li > a {
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    white-space: nowrap;
	font-size: 10px;
	
}



.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #252D35;
	color:#f8f8f8 !important;
}
					
a {
    text-decoration: none;
    color: #BB152C;
}

a:hover, a:focus {
    color: #ccc;
    text-decoration: underline;
}	

	
.article-title, .article-header h1 {
    margin: 0 0 20px 0;
    color: #BC1F2D;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0px 0;
    margin: 2px 0 0;
        margin-top: 2px;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
	
}


	
	
.bodycopy2 {
	font-size: .96em !important;
	font-weight: 300 !important;
	color: #808890 !important;
	padding-top: 10px !important;
	font-family: Arial,Helvetica,sans-serif !important;
	width: 90%;
	margin-left: 5%;
    line-height: 19px !important;
}
	
	
.homeheadline3 {
    text-align: center !important;
    font-weight: 300;
    font-size: 27px !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    color: white !important;
    padding-top: 10px;
}	


.color-base-body {
    text-align: center !important;
    font-weight: bold;
    font-size: 19px !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    color: white !important;
    padding-bottom: 10px;
}
	
	
	
.colorbase-red {
	background: rgba(128,135,144,0.46) url(../../../images/frame/gears2.jpg) repeat-y fixed;
}	
	
	
.home h2 {
    font-size: 20px !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    color: #bf202f !important;
    text-shadow: 1px 1px 1px #FFF !important;
    text-align: center !important;
    font-weight: 300;
}

	
.homeheadline {
	font-size: 40px !important;
    font-weight: 200;
    /*font-style: italic !important;*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    color: #808790 !important;
    text-shadow: 1px 1px 1px #FFF !important;
    text-align: center !important;

}

.homeheadline2 {
	font-size: 40px !important;
	/*font-style: italic !important;*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    color: #8e8e8e !important;
    text-shadow: 1px 1px 1px #FFF !important;
    text-align: center !important;
    font-weight: 200;
   
}

.my-wrapper {
    background-color: #FFF;
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 0px 0px 0px rgba(219, 219, 219, 0.3);
    transition: transform 0.5s ease 0s;
	
}


}


@media only screen and (min-width: 481px) {
		
.my-wrapper {
    background-color: #FFF;
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 0px 0px 0px rgba(219, 219, 219, 0.3);
    transition: transform 0.5s ease 0s;
}	

.home h2 {
    font-size: 20px !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    color: #bf202f !important;
    text-shadow: 1px 1px 1px #FFF !important;
    text-align: center !important;
    font-weight: 300;
}

dl {
    margin-top: 0px;
    margin-bottom: 20px;
    color: #808890;
    width: 100%;
}



}



@media only screen and (min-width: 768px) {
	
	
/*.homeheadline {
	font-size: 42px !important;
	color:#ccc !important;
	color:#808790;
	font-family: Georgia,"Times New Roman",Times,serif;
	text-shadow: 1px 1px 1px #FFF;

}*/



.homeheadline {
	font-size: 65px !important;
    font-weight: 200;
    /*font-style: italic !important;*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    text-shadow: 1px 1px 1px #FFF !important;
    text-align: center !important;
  

 
}

.homeheadline2 {
	font-size: 45px !important;
	/*font-style: italic !important;*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    color: #8e8e8e !important;
    text-shadow: 1px 1px 1px #FFF !important;
    text-align: center !important;
    font-weight: 200;
   
 
}

	
	


.my-wrapper {
	background-color: white;
	max-width: 1060px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 0px 30px 5px rgba(219, 219, 219, 0.3);
-moz-box-shadow:  0px 0px 30px 5px rgba(219, 219, 219, 0.3);
-ms-box-shadow:0px 0px 30px 5px rgba(219, 219, 219, 0.3);
-o-box-shadow: 0px 0px 30px 5px rgba(219, 219, 219, 0.3);
-webkit-box-shadow: 0px 0px 30px 5px rgba(219, 219, 219, 0.3);

transition: transform 0.5s ease 0s;
-moz-ransition: transform 0.5s ease 0s;
-ms-ransition: transform 0.5s ease 0s;
-o-ransition: transform 0.5s ease 0s;
-webkit-ransition: transform 0.5s ease 0s;

}


.bodycopy2 {
	font-size: 13px !important;
	font-weight: 300 !important;
	color: #808890 !important;
	padding-top: 10px !important;
	font-family: Arial,Helvetica,sans-serif !important;
	width: 90%;
	margin-left: 5%;
    line-height: 19px !important;
}


.home h2 {
    font-size: 20px !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    color: #bf202f !important;
    text-shadow: 1px 1px 1px #FFF !important;
    text-align: center !important;
    font-weight: 300;
}

dl {
    margin-top: 0px;
    margin-bottom: 20px;
    color: #808890;
    width: 46%;
}

.okoapesa-div {
	padding-top:61px;
	padding-left: 10%;
	
}


	
}

@media only screen and (min-width: 992px) {

}

@media only screen and (min-width: 1200px) {
	
}