@font-face
{
    font-family: OpenSansBold;
    src: url(../font/opensans-bold.eot?#iefix) format("embedded-opentype"), url(../font/opensans-bold.woff) format("woff"), url(../font/opensans-bold.ttf) format("truetype");
    font-weight: bold;
    font-style: normal;
}
@font-face
{
    font-family: OpenSansRegular;
    src: url(../font/opensans-regular.eot?#iefix) format("embedded-opentype"), url(../font/opensans-regular.woff) format("woff"), url(../font/opensans-regular.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: OpenSansItalic;
    src: url(../font/opensans-italic.eot?#iefix) format("embedded-opentype"), url(../font/opensans-italic.woff) format("woff"), url(../font/opensans-italic.ttf) format("truetype");
    font-weight: normal;
}
@font-face
{
    font-family: OpenSansSemiboldRegular;
    src: url(../font/opensans-semibold.eot?#iefix) format("embedded-opentype"), url(../font/opensans-semibold.woff) format("woff"), url(../font/opensans-semibold.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: OpenSansExtraboldRegular;
    src: url(../font/opensans-extrabold.eot?#iefix) format("embedded-opentype"), url(../font/opensans-extrabold.woff) format("woff"), url(../font/opensans-extrabold.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: OpenSansLightRegular;
    src: url(../font/opensans-light.eot?#iefix) format("embedded-opentype"), url(../font/opensans-light.woff) format("woff"), url(../font/opensans-light.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: OpenSansLightItalic;
    src: url(../font/opensans-lightitalic.eot?#iefix) format("embedded-opentype"), url(../font/opensans-lightitalic.woff) format("woff"), url(../font/opensans-lightitalic.ttf) format("truetype");
    font-weight: normal;
}
@font-face
{
    font-family: bebas_neueregular;
    src: url(../font/bebasneue-webfont.eot?#iefix) format("embedded-opentype"), url(../font/bebasneue-webfont.woff) format("woff"), url(../font/bebasneue-webfont.ttf) format("truetype"), url(../font/bebasneue-webfont.svg#bebas_neueregular) format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: great_vibesregular;
    src: url(../font/greatvibes-regular-webfont.eot?#iefix) format("embedded-opentype"), url(../font/greatvibes-regular-webfont.woff) format("woff"), url(../font/greatvibes-regular-webfont.ttf) format("truetype"), url(../font/greatvibes-regular-webfont.svg#great_vibesregular) format("svg");
    font-weight: normal;
    font-style: normal;
}

body
{
    background: rgb(255, 255, 255);
    font: 13px/20px "OpenSansRegular";
    margin: 0px;
    color: rgb(65, 65, 65);
    font-size-adjust: none;
    font-stretch: normal;
}
.main
{
    background: rgb(255, 255, 255);
    margin: 0px auto;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
}

.top-strip {
    background: repeating-linear-gradient(-55deg, #1770A6, #1770A6 5px, #E53933 10px, #E53933 15px, #FFFFFF 20px);
    height:3px;
    line-height:3px;
}

.logoheader
{
    background: rgb(239, 239, 239);    
}
.sitelogo
{
    width: 1010px;  
    margin: 0px auto;
    padding-top:10px;
    padding-bottom:10px;  
}

/*Social Network*/
.socialntws {text-align: left;font-size: 0;line-height: 0;}
.socialntws a {display: inline-block;font-size: 0;line-height: 0;width: 32px;height: 30px;background: url(../images/socialntw.png) 0 0 no-repeat;}
.socialntws a:hover {opacity: 0.5;}
.socialntws a+a {margin-left: 8px;background-position: -40px 0;}
.socialntws a+a+a {background-position: -80px 0;margin-left: 7px;}
.socialntws a+a+a+a {background-position: right 0;}

.header
{
    /*background: linear-gradient(rgb(249, 249,249) 2%, rgb(239, 239, 239) 100%);
    background: url("../images/page-head-bg.gif") ;
    background: linear-gradient(rgb(229, 229,229) 2%, rgb(219, 219, 219) 100%);*/
    background: rgb(23, 112, 166);
    position: relative;
    border-top-color: rgb(228, 228, 228);
    border-top-width: 1px;
    border-top-style: solid;
}

.header .layout
{
    padding: 0px 40px;
    text-align: center;
    position: relative;    
}
.clearfix::after
{
    clear: both;
    display: block;
    content: "";
}
.b-titlebar
{
    background: rgb(255, 255, 255);
    padding: 0px;
    border-top-color: rgb(228, 228, 228);
    border-top-width: 1px;
    border-top-style: solid;
}
.b-titlebar h1
{
    color: rgb(0, 111, 163);
    line-height: 54px;
    font-family: "OpenSansSemiboldRegular";
    font-size: 18px;
    margin-bottom: 0px;
    white-space: nowrap;
}
.titlebar
{
    color: rgb(0, 111, 163);
    line-height: 20px;
    font-family: "OpenSansSemiboldRegular";
    font-size: 18px;
    margin-bottom: 0px;
    white-space: nowrap;
}
.layout
{
    margin: auto;
    padding: 0px 40px;
    width: 1010px;
    min-width: 200px;    
}

.content
{
    border-top-color: rgb(228, 228, 228);
    border-top-width: 1px;
    border-top-style: solid;
}
.content .layout
{
    padding: 40px;
}
.content .header .layout
{
    padding: 40px 40px 0px !important;
    text-align: right;
    position: relative;
}

.row
{
    margin: 0px -12px;
    line-height: 0;
    letter-spacing: -0.31em;
    font-size: 0px;
    word-spacing: -0.43em;
}
.row-item
{
    margin: 0px 12px;
    text-align: left;
    line-height: 20px;
    letter-spacing: normal;
    font-size: 13px;
    word-spacing: normal;
    vertical-align: top;
    display: inline-block;
}

.content-featured
{
    background: rgb(226, 226, 226);
    padding: 16px;
    border-top-width: 1px;
    border-top-style: solid;
	height:50px;
	line-height:25px;
	color: rgb(51, 51, 51);
	font-family: "OpenSansSemiboldRegular";
    font-size: 14px;
}

.footer
{
    border-top-color: rgb(226, 226, 226);
    border-top-width: 1px;
    border-top-style: solid;
}
.footer .layout
{
    padding: 0px;
}

.b-widgets
{
    background: rgb(51, 51, 51);
    padding: 35px 40px 25px;
    color: rgb(74, 76, 76);
}
.b-widgets h1
{
    color: rgb(256, 256, 256);
}
.b-widgets h2
{
    color: rgb(256, 256, 256);
}
.b-widgets h3
{
    color: rgb(256, 256, 256);
}
.b-widgets h4
{
    color: rgb(256, 256, 256);
}
.b-widgets h5
{
    color: rgb(256, 256, 256);
}
.b-widgets h6
{
    color: rgb(256, 256, 256);
}
.b-widgets h3
{
    text-transform: uppercase;
    font-family: "OpenSansBold";
    font-size: 12px;
    margin-bottom: 15px;
}
.b-widgets .b-list
{
    margin-bottom: 30px;
}
.b-widgets .b-list i
{
    color: rgb(256, 256, 256);
    font-size: 15px;
}

.b-copyright
{
    background: rgb(217, 217, 217);
    padding: 0px 30px;
    line-height: 64px;
    overflow: hidden;
    font-size: 14px;
    text-align:center;
}
.copy
{
    color: rgb(51, 51, 51);
    font-size: 12px;
}
.copy a
{
    transition: 0.2s;
    color: rgb(51, 51, 51);
    -webkit-transition: all 0.2s ease;
    text-decoration:none;
}
.copy a:hover
{
    color: rgb(142, 147, 151);
    text-decoration:underline;
}

.b-list {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0;

	list-style: none;
	line-height: 20px;
}

.b-list li{
	margin-bottom: 2px;
}

.just-links
{
    margin-bottom: 20px;
}
.just-links li
{
    color: rgb(250,250,250);
    line-height: 24px;
}
.just-links a
{
    color: rgb(250,250,250);
    display: block;
    text-decoration:none;
}
.just-links a:hover
{
    color: rgb(0, 111, 163);
}

.b-copyright
{
    background: rgb(217, 217, 217);
    padding: 0px 30px;
    line-height: 64px;
    overflow: hidden;
    font-size: 14px;
    text-align:center;
}
.copy
{
    color: rgb(51, 51, 51);
    font-size: 12px;
}
.copy a
{
    transition: 0.2s;
    color: rgb(51, 51, 51);
    -webkit-transition: all 0.2s ease;
}
.copy a:hover
{
    color: rgb(142, 147, 151);
}

.myButton {
	-moz-box-shadow: 0px 10px 14px -7px #3e7327;
	-webkit-box-shadow: 0px 10px 14px -7px #3e7327;
	box-shadow: 0px 10px 14px -7px #3e7327;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
	background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
	background-color:#77b55a;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
	background:-moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);
	background-color:#72b352;
}
.myButton:active {
	position:relative;
	top:1px;
}


/* columns settings and headings*/
.col-1_2
{
    width: 493px;
}
.col-1_3
{
    width: 320px;
}
.col-2_3
{
    width: 664px;
}
.col-1_4
{
    width: 234px;
}
.col-3_4
{
    width: 750px;
}
h1
{
    margin: 0px 0px 10px;
    padding: 0px;
    color: rgb(49, 53, 56);
    line-height: 1em;
    font-weight: normal;
}
h2
{
    margin: 0px 0px 10px;
    padding: 0px;
    color: rgb(49, 53, 56);
    line-height: 1em;
    font-weight: normal;
}
h3
{
    margin: 0px 0px 10px;
    padding: 0px;
    color: rgb(49, 53, 56);
    line-height: 1em;
    font-weight: normal;
}
h4
{
    margin: 0px 0px 10px;
    padding: 0px;
    color: rgb(49, 53, 56);
    line-height: 1em;
    font-weight: normal;
}
h5
{
    margin: 0px 0px 10px;
    padding: 0px;
    color: rgb(49, 53, 56);
    line-height: 1em;
    font-weight: normal;
}
h6
{
    margin: 0px 0px 10px;
    padding: 0px;
    color: rgb(49, 53, 56);
    line-height: 1em;
    font-weight: normal;
}
p
{
    text-align:justify;
}
h1
{
    font: 38px/38px "OpenSansRegular";
    font-size-adjust: none;
    font-stretch: normal;
}
h2
{
    font: 22px/normal "OpenSansSemiboldRegular";
    font-size-adjust: none;
    font-stretch: normal;
}
h3
{
    font: 18px/normal "OpenSansSemiboldRegular";
    font-size-adjust: none;
    font-stretch: normal;
}
h4
{
    font: 16px/normal "OpenSansSemiboldRegular";
    font-size-adjust: none;
    font-stretch: normal;
}
h5
{
    font: 14px/normal "OpenSansSemiboldRegular";
    font-size-adjust: none;
    font-stretch: normal;
}
h6
{
    font: 12px/normal "OpenSansBold";
    text-transform: uppercase;
    font-size-adjust: none;
    font-stretch: normal;
}
h7
{
    font: 14px/normal "OpenSansSemiboldRegular";
    font-size-adjust: none;
    font-stretch: normal;
}

/*end columns settings and headings*/




/* menu CSS start*/

.menu
{
    list-style: none;
    margin: 56px 0px 0px;
    padding: 0px;
    position: relative;
    z-index: 50;
}
.submenu
{
    list-style: none;
    margin: 56px 0px 0px;
    padding: 0px;
    position: relative;
    z-index: 50;
}
.menu
{
    margin: 0px;
    text-align: right;
    vertical-align: top;
    display: inline-block;
    white-space: nowrap;
    position: relative;
}
.menu li
{
    text-align: left;
    position: relative;
}
.menu li.with-sub:hover::before
{
    background: rgb(0, 111, 163);
    left: 15px;
    width: 180px;
    height: 2px;
    bottom: 0px;
    display: block;
    position: absolute;
    z-index: 1;
    content: "";
}
.menu li i
{
    color: rgb(206, 211, 213);
    margin-right: 7px;
    text-shadow: 0px 1px 0px white;
}
.menu a
{
    font: 15px/normal "OpenSansRegular";
    transition: none;
    color: rgb(100, 96, 96);
    text-decoration: none;
    display: block;
    position: relative;
    font-size-adjust: none;
    font-stretch: normal;
    -webkit-transition: none;
}
.menu a.active
{
    color: rgb(255, 255, 160);
    font-weight: normal;
}
.menu > li
{
    vertical-align: top;
    display: inline-block;
}
.menu > li::before
{
    background: rgb(237, 58, 54);
    transition: height 0.2s;
    left: 15px;
    height: 0px;
    right: 15px;
    bottom: 0px;
    display: block;
    position: absolute;
    z-index: 53;
    content: "";
    -webkit-transition: height 0.2s ease;
}
.menu a.active::before
{
    background: rgb(237, 58, 54);
    transition: height 0.2s;
    left: 15px;
    height: 0px;
    right: 15px;
    bottom: 0px;
    display: block;
    position: absolute;
    z-index: 53;
    content: "";
    -webkit-transition: height 0.2s ease;
}
.menu > li:hover::before
{
    height: 2px;
}
.menu a.active::before
{
    height: 2px;
}
.menu > li > a
{
    padding: 0px 15px;
    color: rgb(239, 239, 239);
    line-height: 50px;
}
.submenu
{
    background: rgb(47, 51, 56);
    list-style: none;
    margin: 0px;
    padding: 0px;
    border-radius: 0px 0px 2px 2px;
    left: 100%;
    top: -1px;
    visibility: hidden;
    position: absolute;
    min-width: 180px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
}
.menu > li > .submenu
{
    left: 15px;
    top: 100%;
}
.menu li:hover > .submenu
{
    visibility: visible;
}
.submenu li
{
    transition: background-color 0.2s, border 0.2s, height 0.3s, color 0.2s, opacity 0.5s;
    position: relative;
    -webkit-transition: background-color 0.2s ease, border 0.2s ease, height 0.3s ease, color 0.2s ease, opacity 0.5s ease;
}
.submenu li:hover
{
    background: rgb(0, 111, 163);
    border-top-color: rgb(0, 111, 163);
    border-bottom-color: rgb(0, 111, 163);
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
}
.submenu li:hover > a
{
    color: rgb(255, 255, 255);
}
.submenu a
{
    padding: 0px 20px;
    color: rgb(168, 172, 175);
    text-transform: none;
    line-height: 35px;
    letter-spacing: 0px;
    font-family: "OpenSansRegular";
    font-size: 13px;
}
.submenu li
{
    height: 10px;
    border-top-color: rgb(57, 60, 66);
    border-bottom-color: rgb(38, 41, 44);
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
}
.submenu li:last-child
{
    border-radius: 0px 0px 2px 2px;
    border-bottom-color: rgb(38, 40, 41);
    border-bottom-width: 0px;
    border-bottom-style: solid;
}
.submenu li i
{
    margin-right: 7px;
}
.menu li:hover > .submenu > li
{
    height: 35px;
}

/*menu CSS end*/