kon/*
Theme Name: MyTheme
Theme URI: http://wordpress.org/
Description: Mytheme style.
Author: the WordPress team
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
Text Domain: twentyten
*/

@font-face {
  font-family: "FontAwesome";
  src: url('../font-awesome/fonts/fontawesome-webfont.eot');
  src: url('../font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('eot'), url('../font-awesome/fonts/fontawesome-webfont.woff') format('woff'), url('../font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'), url('../font-awesome/fonts/fontawesome-webfont.svg#FontAwesome')    format('svg');
  font-weight: normal;
  font-style: normal;
}



body 
{
font-family: 'Source Sans Pro', sans-serif, arial !important;
font-size:18px;
padding:0;
margin:0;
color:#111111;
line-height:135%;
font-weight:300;
background-position:0 80px;
}


h1, h2, h3, h4, h5, h6
{
font-family: 'Raleway', arial, sans-serif !important;
}

h1
{
font-weight:400;
font-size:360%;
}

h1.entry-title
{
font-weight:bold;
margin:20px 0px;
text-align:center;
font-size:400%;
padding:10px 200px;
}

.lastWord
{
color:#3bafbf;
}



h2
{
margin:20px 0px 20px 0px;
font-weight:300;
font-size:230%;
line-height:125%;
}

h3
{
margin:0px;
margin-bottom:15px;
font-weight:300;
font-size:160%;
line-height:145%;
}

h4
{
margin-bottom:20px;
padding:0px;
font-size:140%;
line-height:145%;
}

h5
{
font-size:130%;
font-weight:300;
margin:5px 0px;
margin-top:20px;
}

.greentag
{
color:#439f00;
}

.greentag2
{
color:#013d00;
}

.bluetag
{
color:#3bafbf;
}

p
{
margin:15px 0px;
line-height:155%;
}

.ssba-wrap
{
padding:25px 0px;
padding-bottom:0px;
color:#666666;
}

.blue-text
{
color:#0b47a0;
}

a, a:link, a:visited
{
color:#2c9bbb;
}

a:hover
{
text-decoration:none;
color:#666666;
}


.btn-default,
.btn-primary
{
background:#3bafbf;
border:0px solid #333333;
padding:12px 15px;
color:#ffffff;
text-transform:uppercase;
font-weight:600;
}

.btn-primary2
{
	background:#ef6839;
	border:0px solid #333333;
	padding:12px 15px;
	color:#ffffff !important;
	text-transform:uppercase;
	font-weight:600;
}

.btn-primary:link,
.btn-primary:visited,
.btn-default:link,
.btn-default:visited
{
color:#ffffff;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active
{
background:#08899b;
color:#ffffff;
}

.btn-lg
{
font-size:125%;
padding-left:50px;
padding-right:50px;
}

.row.no-gutter {
  margin-left: 0;
  margin-right: -3px;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

.text-to-right
{
text-align:right;
}

.no-padding-right
{
padding-right:0px;
}

.shorter-blue
{
border-color:#3bafbf;
border-width:2px;
width:10%;
margin-left:0;
text-align: left;
}

.shorter-grey
{
border-color:#cccccc;
border-width:2px;
width:20%;
margin-bottom:30px;
}



ul#ticker {
width: auto;
height: 80px;
overflow: hidden;
}

ul#ticker li
{
height: 85px;
font-size:185%;
font-weight:600;
line-height:105%;
}


ul#ticker li a 
{
    display: block;
    color: #ffffff;
    text-decoration: none;
}



/***************************************************
				      GOOGLE MAP
***************************************************/
.google-maps 
{
border:1px solid #cccccc;
padding:7px;
}
.google-maps iframe {
top: 0;
left: 0;
width: 100% !important;


}

/* ===========================
       RELATED AGENCIES
============================ */

.related-agencies
{
text-align:center;
padding:40px 0px;
}

.related-agencies h4
{
font-weight:300;
padding:15px 0px;
padding-top:0px;
margin:0px;
margin-bottom:10px;
color:#666666;
border-bottom:1px solid #cccccc;
font-size:90%;
}

.related-agencies ul,
.related-agencies li
{
list-style:none;
padding:0;
margin:0;
}

.related-agencies ul
{
text-align:center;
}

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

.related-agencies li a img
{
height:90px;
opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    -webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
    cursor: pointer;
	 -webkit-transition: margin 1s ease;
     -moz-transition: margin 1s ease;
       -o-transition: margin 1s ease;
      -ms-transition: margin 1s ease;
          transition: margin 1s ease;
		  margin-botom: 0px;
}


.related-agencies li a img:hover
{
opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    -webkit-filter: grayscale(0%);
    -moz-filter:    grayscale(0%);
    -ms-filter:     grayscale(0%);
    -o-filter:      grayscale(0%);
    cursor: pointer;
	margin-bottom: -5px;

}

/* ===========================
           IMAGES
============================ */
#page-area
{
padding:0px;
margin:0px;
}


#page-area img 
{
	margin: 0;
    max-width: 99.03225806%; /* 614/620 */

}
#page-area .attachment img {
	max-width:98%;
}
#page-area .alignleft,
#page-area img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#page-area .alignright,
#page-area img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#page-area .aligncenter,
#page-area img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#page-area img.alignleft,
#page-area img.alignright,
#page-area img.aligncenter {
	margin-bottom: 12px;
}
#page-area .wp-caption 
{
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 10px;
	text-align: center;
	max-width:100%;
}


#page-area .wp-caption img 
{
	margin: 5px 5px 0;
	/* Scale down if too big */
    max-width: 99.03225806%; /* 614/620 */
    height: auto;
}
#page-area .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}


/* ===========================
       PAGE CONTAINER
============================ */
.home-intro-boundary,
body.page-id-4 .intro-boundary
{
padding:60px 0px 140px 0px;
}

.intro-boundary
{
padding:30px 0px 70px 0px;
font-size:90%;
}

.intro-boundary h1
{
	margin:0;
	padding:0;
	padding-bottom:10px;
}

.intro-container
{
padding:0px 150px;
} 




.intro-container h1
{
font-weight:700;
}

.boxing
{
padding:50px 40px;
font-size:200%;
background:url(images/boxing_bg.png) repeat;
line-height:130%;
text-align:center;
}

.boxing-icon img
{
width:110px;
height:auto;

}


.boxing-icon img.img-responsive
{
	margin:auto;
}

.content-container
{

}


.box-container
{
padding:50px 100px;
color:#454545;
}

.box-container2
{
padding:50px 60px;
color:#454545;
}

.box-container p,
.box-container2 p
{
font-size:115%;
line-height:135%;
}

.box-container a p,
.box-container a h4,
.box-container2 a p,
.box-container2 a h4
{
color:#454545;
}

.box-container h4,
.box-container2 h4
{
font-weight:400;
}


.grid img
{
text-align:center;
height:200px;
}

.blue-box
{
background:url(images/rgb-gradient-bar-for-logo-carrasel.jpg) repeat center center;
color:#ffffff;
padding:80px 0px;
}

.blue-box h2
{

display:inline;
font-size: 250%;
letter-spacing:-2px;
}

.text-white
{
color:#ffffff;
}

.extra-padding
{
padding:80px 0px;
}


.grey-box
{
background:#ededed;
}


.match-my-cols 
{
    overflow: hidden; 
}

.match-my-cols [class*="col-"]
{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

.blue-button
{
background-color:#3bafbf;
color:#ffffff;
padding:25px;
width:85px;
height:85px;
-webkit-border-radius: 300px;
-moz-border-radius: 300px;
border-radius: 300px;
}


.portfolio-box
{
display:block;
padding:20px;
height:400px;
max-height:400px;
margin-bottom:30px;
border-bottom:1px solid #cccccc;
}

.portfolio-box h4
{
line-height:125%;
font-size:120%;
margin-bottom:0px;
}

.portfolio-box img
{
max-height:200px;
margin-left:0;
text-align:center;

}


/* ===========================
       TOP & NAVIGATION
============================ */


#logo-area
{
display:table;
padding:15px 0px;
width:92%;
margin:auto;
}

.logo-area-left
{
display:table-cell;
width:40%;
}


.logo-area-right
{
display:table-cell;
width:60%;
vertical-align:middle;
font-weight:600;
}



#menu-container
{

}

.navbar
{
text-align:right;
}

.navbar .container-fluid, .navbar-collapse 
{
    padding-left:0;
}

/* navbar */
.navbar-default 
{
  border:0px;
  background:none;
  text-align:left;
  z-index: 10;
  padding-bottom:0px;
  margin-bottom:0px;
  
}



.navbar-default .navbar-nav > li > a 
{
 
  color:#ffffff;
  padding:15px 25px;
  text-transform:uppercase;
  
}


.navbar-default .navbar-nav > li.contactus a
{
background-color:#3bafbf;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color:#ffffff;
}

.navbar-default .navbar-nav > li.contactus a:hover
{
background-color:#007c92;  
color:#ffffff;

}



.navbar-default .navbar-nav > li > a:hover
{
color:#3bafbf;
}

.navbar-default .navbar-nav > li > .dropdown-menu 
{
  border-radius:0px;
  border:0px;
  text-align:left;
  background-color:#3bafbf;
}

.navbar-default .navbar-nav > li > .dropdown-menu > li > a 
{
background:none;
padding:8px 20px;
color:#ffffff;
font-size:120%;
text-transform:capitalize;
}


.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover
{
background-color:#666666;
color:#ffffff;

}

.navbar-default .navbar-toggle {
  border:0px;
}

.navbar-default .navbar-collapse{
  border: 0px;
}




.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #3bafbf;
	background:none;
}
.navbar-default .navbar-toggle {
    border-color: #3bafbf;
	border:2px solid #cccccc;
	color:#111111;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color:transparent;
	color:#111111;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #cccccc;
	
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #575556;
}


.navbar-default ul li:hover a 
{ 
    background:transparent;
	color:#3bafbf;
}

/* ===========================
        LISTING
============================ */

ul.listing
{
  list-style: none;
  padding: 0;
}
ul.listing li
 {
  padding-left: 1.5em;
  margin:15px 0px;
}

ul.listing li:before {
  content: "\f111"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.6em; /* same as padding-left set on li */
  width: 1.6em; /* same as padding-left set on li */
  color:#008945;
}

ul.listing2
{
  list-style: none;
  padding: 0;
}
ul.listing2 li
 {
  padding-left: 1.5em;
  margin:15px 0px;
  font-size:110% !important;
  text-align:left;
}

ul.listing2 li:before {
  content: "\f111"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.6em; /* same as padding-left set on li */
  width: 1.6em; /* same as padding-left set on li */
  color:#3bafbf;
}


ul.icon-listing,
ul.icon-listing2
{
  list-style: none;
  padding: 0;
}

ul.icon-listing li
 {
  padding-left: 60px;
  margin-left:0px;
  margin-top:10px;
}


ul.icon-listing2 li
 {
  padding-left: 90px;
  margin-left:0px;
  margin-top:10px;
}


ul.icon-listing li.map:before {
  content: "\f041"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: block;
  float:left;
  font-size:20px;
  margin-left: -40px; /* same as padding-left set on li */
  width: 30px; /* same as padding-left set on li */
  height:30px;
  padding:5px 10px;
  color:#ffffff;
  background-color:#333333;
  -webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
}


ul.icon-listing li.tel:before {
  content: "\f095"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: block;
  float:left;
  font-size:20px;
  margin-left: -40px; /* same as padding-left set on li */
  width: 30px; /* same as padding-left set on li */
  height:30px;
  padding:5px 7px;
  color:#ffffff;
  background-color:#333333;
  -webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
}

ul.icon-listing li.fax:before {
  content: "\f1ac"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: block;
  float:left;
  font-size:20px;
  margin-left: -40px; /* same as padding-left set on li */
  width: 30px; /* same as padding-left set on li */
  height:30px;
  padding:5px 7px;
  color:#ffffff;
  background-color:#333333;
  -webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
}

ul.icon-listing li.link:before {
  content: "\f0c1"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: block;
  float:left;
  font-size:20px;
  margin-left: -40px; /* same as padding-left set on li */
  width: 30px; /* same as padding-left set on li */
  height:30px;
  padding:5px 7px;
  color:#ffffff;
  background-color:#333333;
  -webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
}

ul.icon-listing2.bullet li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: block;
  float:left;
  font-size:20px;
  margin-left: -40px; /* same as padding-left set on li */

  padding:5px 7px;
  color:#ffffff;
  background-color:#3bafbf;
  -webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
}

ul.icon-listing li.envelope-o:before {
  content: "\f003"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: block;
  float:left;
  font-size:20px;
  margin-left: -40px; /* same as padding-left set on li */
  width: 30px; /* same as padding-left set on li */
  height:30px;
  padding:5px 7px;
  color:#ffffff;
  background-color:#333333;
  -webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
}




ol.number-listing {
  margin: 0;
  padding: 0;
  counter-reset: item;
}

ol.number-listing > li 
{
  margin:20px 0px;
  padding: 0 0 0 2em;
  text-indent: -2em;
  list-style-type: none;
  counter-increment: item;
}

ol.number-listing > li:before {
  display: inline-block;
  color:#999999;
  width: 1.3em;
  padding-right: 0.3em;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
  font-size:150%;
}

ol.number-listing > li li
{
margin-top:15px;
list-style-type:circle;
padding-left:10px;
text-indent: 0;
}

/* ===========================
         TABS
============================ */
.tabs {
  max-width:100%;
  margin: 0 auto;
  padding: 0;
}
#tab-button {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#tab-button li {
  display: table-cell;
  width: 20%;
}
#tab-button li a {
  display: block;
  padding: .5em;
  background: #eee;
  border: 1px solid #ddd;
  text-align: center;
  color: #000;
  text-decoration: none;
  text-transform:uppercase;
  font-size:100%;
}
#tab-button li:not(:first-child) a {
  border-left: none;
}
#tab-button li a:hover,
#tab-button .is-active a {
  border-bottom-color: transparent;
  background: #fff;
}

#tab-button .is-active a {
  border-top:5px solid #094592;
}

.tab-contents {
  padding: .2em 2em 1em;
  border: 1px solid #ddd;
}



.tab-contents h3
{

	color:#094592;
	padding-bottom:5px;
}

.tab-button-outer 
{
  display: none;
}
.tab-contents {
  margin-top: 20px;
}

.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
    width: 100% !important; 
}

@media screen and (min-width: 768px) {
  .tab-button-outer {
    position: relative;
    z-index: 2;
    display: block;
  }
  .tab-select-outer {
    display: none;
  }
  .tab-contents {
    position: relative;
    top: -1px;
    margin-top: 0;
  }
}



.tab-container
{
border:1px solid #0392c1;
border-top:8px solid #0392c1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top:15px;
}

.nav-tabs
{
color: #fff;
background-color: #0392c1;
border-color: transparent;
}

ul.nav-tabs
{
border-left:10px solid #0392c1;
}

.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus 
{
color: #fff;
cursor:pointer;
}

.nav-tabs > li > a:hover
{
	color: #ffffff;
	background-color: #0f4f86;
	border-color: #0f4f86;
	border-bottom-color: transparent;
}


.nav-pills > li > a,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus 
{
  background-color: #ffffff;
  border:1px solid #094592;
  padding:8px 15px;
  margin:5px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #094592;
  border:1px solid #094592;
}

.tab-content
{
padding:20px 15px;
}

.center-pills {
    display: flex;
    justify-content: center;
}

/* ===========================
       INSIDE BANNER
============================ */
.inside-banner
{
background-size:cover;
background-position:top center;
background-repeat:no-repeat;
background-attachment:fixed;
color:#ffffff;
}

@media (max-width:768px) 
{
	.inside-banner
	{
	background-size:cover;
	background-position:bottom right;
	background-repeat:no-repeat;
	background-attachment:fixed;
	color:#ffffff;
	}

}

@media (max-width:640px) 
{


}


@media (max-width:480px)
{


}


.inside-banner h1
{

}

/* ===========================
         FORM
============================ */
label.error {	
	text-align: left;
	width: auto;
	padding: 5px 0 0 20px;
	clear: none;
	display: block;
	color: #b92a45;
	font-size: 12px;
	font-weight:normal;
	border: none;
	background:url(images/required.png) no-repeat left center;
}

input
{
font-size:100%;
}


/* ===========================
         TABLE
============================ */

.table
{
border-bottom:1px solid #dddddd;
}

.table thead
{
background-color:#3ea8d9;
color:#ffffff;
}

.table thead tr td
{
border:0px;
border-left: 1px solid #198dc3;
border-top: 1px solid #198dc3;
font-weight:bold;
padding-top:13px;
padding-bottom:13px;

}

.table tr:nth-child(even)
{
background-color:#f5f5f5;
}


/* ===========================
         portfolio tab
============================ */
.tab {
  overflow: hidden;
  border: 0px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  font-size: 20px;
  text-align:center;
  padding:20px 50px;
}
/* Change background color of buttons on hover */

.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
color:#031763;
  background-color: #fff;
  border-top:3px solid #031763;
  font-size:20px;
  font-weight:bold;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 20px 50px;
  border: 1px solid #ccc;
  border-top: none;
}

/* Style the close button */
.topright {
  float: right;
  cursor: pointer;
  font-size: 28px;
}

.topright:hover {color: red;}

/* ===========================
         ACCORDIAN PANEL
============================ */
.panel-default {
    border-color: #454545;
}

.panel-default > .panel-heading {
    background: #454545;
    color: #ffffff;
    border: 1px solid #454545;
}


h4.panel-title {
font-family: 'Source Sans Pro', sans-serif, arial !important;
    padding: 0;
    margin: 0;
    font-size: 100%;
    color: #ffffff;
}

h4.panel-title a {

    font-size: 22px;
    color: #ffffff;
	font-weight:800;
}
/* ===========================
       BEFORE FOOTER
============================ */
#before-footer
{
margin-bottom:0px;
padding:0px;
margin:0px;
}



#before-footer h6
{
color:#018a46;
font-size:130%;
font-weight:bold;
margin:5px 0px;
margin-top:20px;
}



#before-footer h4
{
display:block;
padding:15px 1px;
padding-bottom:0px;
font-size:150%;
font-weight:700;
margin:15px 0px;
margin-top:35px;
color:#333333;
text-transform:uppercase;
}


#before-footer h5
{
font-size:125%;
font-weight:bold;
margin:10px 0px;
}




#bottom-link-area
{
padding:25px 10px;
padding-bottom:35px;
background:url(images/bottom-area.jpg) repeat-x bottom center;
}

/* ===========================
          FOOTER
============================ */

footer
{
padding:25px 0px;
font-size:85%;
line-height:135%;
color:#454545;
text-align:center;
background-color:#f5f5f5;
}




@media only screen and (max-width :1024px) 
{

h1.entry-title
{
padding:10px 70px;
}

/* navbar */
.navbar-default {
  font-size:90%;
  
}

.navbar-default .navbar-nav > li > a 
{
  padding:14px 12px	;
}


}



@media only screen and (min-width : 991px) {
    /* Make Navigation Toggle on Desktop Hover 
    */.dropdown:hover .dropdown-menu {
        display: block;
    }
	

}



@media (max-width: 990px) 
{



#menu-container
{
margin-top:20px;
padding-left:0px;
}




.navbar
{
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}


.navbar-header {
float: none;
}
    
.navbar-left,.navbar-right 
{
 float: none !important;
}

.navbar-toggle 
{
display: block;
}

.navbar-collapse 
{
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
z-index:10;
}


.navbar-collapse.collapse {
display: none!important;
}

.navbar-nav 
{
float: none!important;
margin-top: 7.5px;
}

.navbar-nav>li 
{
float: none;
}
    
.navbar-nav>li>a 
{
padding-top: 2px;
padding-bottom: 2px;

}

.collapse.in
{
display:block !important;
}

.navbar-collapse.in 
{
overflow-y: auto !important;
}

.navbar-nav .open .dropdown-menu 
{
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: #a5a2cd;
border: 0;
box-shadow: none;
}

.navbar-nav .open .dropdown-menu>li
{
padding-left:0px;
}

.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header 
{
padding: 5px 15px 5px 25px;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a 
{
color:#111111;
background-color:#3bafbf;
}
    
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus 
{
color: #fff;
background-color: #666666;
}




.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover
{
background:none;
color:#ffffff;
}


.navbar-default .navbar-nav > li
{
padding-left:10px;
}


.dropdown-toggle .fa
{
font-family: 'FontAwesome';
content: '\f067';
display:inlie-block;
line-height:25px;
position:absolute;
right:10px;
}


.navbar-default
{
background:#3bafbf;
padding-left:0px;
text-align:center;
}


.navbar-default .navbar-nav > li > a:hover
{
color:#666666; 
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}


.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #ffffff;
}

.navbar-default .navbar-nav > li > .dropdown-menu > li > a 
{
text-align:center;
}

#banner
{
height:133px;
background:url(images/banner_01.png) no-repeat top center;
}





#bottom-link-area,
#bottom-menu-right,
footer,
.text-right
{
text-align:center;
}

}




@media (max-width:768px) 
{
h1.entry-title
{
padding:10px 30px;
}


.box-container,
.box-container2
{
padding:50px 20px;
}

.intro-container
{
padding:0px 30px;
} 

.home-intro-boundary,
body.page-id-4 .intro-boundary
{
padding:30px 30px 60px 30px;
text-align:center;
font-size:85%;
}

.intro-boundary
{
padding:15px 30px 30px 30px;
text-align:center;
font-size:75%;
}

.boxing
{
margin:50px 0px 0px;
padding:50px 20px;
font-size:210%;
background:url(images/boxing_bg.png) repeat;
line-height:130%;
text-align:center;
}


.no-padding-right
{
padding-right:10px;
}

.logo-area-left,
.logo-area-right,
#logo-area
{
display:block;
width:100%;
text-align:center;
}

.logo-area-left
{
padding:10px 0px;
}

.text-to-right
{
text-align:center;
}


.home-highlights
{
padding:20px 30px;
}

.no-gutter
{
padding:0;
margin:0;
}


.text-to-left
{
	text-align:center;
}


}






@media (max-width:480px)
{

h1
{
font-size:250%;
}

h1.entry-title
{
font-size:300%;
}

h2
{
font-size:160%;
}

h3
{
font-size:130%;
}

h4
{
font-size:120%;
}

h5
{
font-size:110%;
}

#logo-area a.btn-default
{
display:inline-block;
margin-top:10px;
}


footer
{
text-align:center;
}

.text-right
{
text-align:center;
}




}