/*=-=-=-=-=-=-=-= Font Styles =-=-=-=-=-=-=-=*/

@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.eot');
    src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-light-webfont.woff2') format('woff2'),
         url('../fonts/lato-light-webfont.woff') format('woff'),
         url('../fonts/lato-light-webfont.ttf') format('truetype'),
         url('../fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff'),
         url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.eot');
    src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/lato-bold-webfont.woff') format('woff'),
         url('../fonts/lato-bold-webfont.ttf') format('truetype'),
         url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*=-=-=-=-=-=-=-= Common Styles =-=-=-=-=-=-=-=*/
html{ background:#000; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; line-height:0px; }
img{ border:0; line-height:1px; outline:none; }
p, form, h1, h2, h3, h4, h5, h6, div, b, strong, table, header, container, section, aside, footer  { padding: 0; margin: 0; }
a { color: #0e76bc; text-decoration: none; outline:none; -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
a:hover { color: #5eb543; }
ul,ol { margin: 0 0 20px; }
.br-none{ border:none !important; }
.bg-none{ background:none !important; }
p img{ padding:0 10px 10px 0; }
body { width: 100%; height: auto; margin: 0; padding: 0; font:14px/26px 'montserratregular'; color:#565e61; background:url(../images/bg2.jpg) center top repeat; position:relative; }
p { color: #fff; font: 18px/32px 'latolight'; margin: 0; padding: 0 0 30px; }

/*=-=-=-=-=-=-=-= HTML5 Styles =-=-=-=-=-=-=-=*/
header { width: 100%; display: block;} 
banner { width: 100%; display: block;} 
container{ width:100%; display:block; /* min-height:987px;*/ }
aside{ width:100%; display:block;}
footer{ width:100%; display:block; }
section{ width:100%; display:block; }
copyright{ width:100%; padding:20px 0; margin:0; text-align:center; font:15px 'merriweatherregular'; color:#666; display:block; }

.outerdiv{ width:100%; }
.main{ width:1200px; margin:0 auto; background:#000000; min-height: 500px; }

/*=-=-=-=-=-=-=-= Header Style =-=-=-=-=-=-=-=*/
.header-row1{ width:100%; background:url(../images/header-bg.jpg) repeat-x; height:133px; border-bottom:1px solid #1a1a1a; }
.ht-main{ width:1200px; margin:0 auto; position:relative; }
.logo{ width:205px; height:190px; padding:18px 0 0 6px; background: #000 url(../images/header-bg.jpg) repeat-x; position:absolute; left:0; top:0; }
.logo h1 a{ width:177px; height:168px; background:url(../images/logo.png) no-repeat; text-indent:-9999px; display:block; margin:0; padding:0;}

.login-btn{ display:inline-block; font:14px/28px 'montserratregular'; color:#fff; text-transform:uppercase; background:url(../images/login-bg.jpg) repeat-x; border:2px solid #2d2d2d; border-radius:3px; -webkit-border-radius:3px; height:28px; padding:0 10px; margin:18px 0 26px 7px; }
.login-btn:hover{ background:url(../images/login-bg.jpg) repeat-x; border:2px solid #fff; color:#fff; }

.signup-btn{ display:inline-block; font:14px/28px 'montserratregular'; color:#fff; text-transform:uppercase; background: #dd1d10; border:2px solid #dd1d10; border-radius:3px; -webkit-border-radius:3px; height:28px; padding:0 10px; margin:18px 0 26px 7px; }
.signup-btn:hover{ background:#424242; border:2px solid #424242; color:#fff; }

.menu {margin:0; /*padding:0 0 0 226px;*/ padding:0 0 0 212px; }
.menu > li:last-child { margin: 0; }
.menu > li { /*margin: 0 38px 0 0;*/ margin:0 41px 0 0; padding:0;display: inline-block;position: relative;list-style: none;float: left;vertical-align: middle;text-align: center; }
.menu > li > a { display: inline-block; position:relative; color:#fff; padding:0 0 10px; font-family: 'montserratbold'; font-size:17px;text-transform:uppercase; }
.menu > li > a:hover, .menu>li:hover>a {color: #fff;}
.menu > li.active > a {color: #14a4ff;}
.menu > li:hover > ul, .menu ul li:hover > ul{display: block;}
.menu ul {margin: 0px 0px 0px 0px;padding:  0px 0px 0px 0px;background:#f6f6f6;z-index: 999;}
.menu ul {width:250px;position: absolute;left:0px;top:36px;display: none;}
.menu ul ul {left: 100%;top:0px;}
.menu ul li {margin: 0px 0px 0px 0px;padding:  0px 0px 0px 0px;float: none;display: block; line-height: normal;text-align: left;position: relative;-webkit-transition: all .25s ease;border-bottom: 1px solid #dcdcdc;}
.menu ul li a{display: block;padding:10px 10px;color: #000; font-size:14px; font-family:'montserratbold';  -webkit-transition: all ease-in-out 250ms; transition: all ease-in-out 250ms; -moz- transition: all ease-in-out 250ms;}
.menu ul li:hover > a{ color: #fff; box-shadow: inset 255px 0px 0px #dd1d10; -webkit-box-shadow: inset 255px 0px 0px #dd1d10;}
.menu ul li a.active/*, .menu ul li:hover > a*/{   color: #fff; background:#ba465f }
.menu ul, .menu a{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.menu > li > a:before {content: '';display: block;position: absolute;left: 0;bottom: 0;height: 3px;width: 0;transition: width 0s ease, background .5s ease;}
.menu > li > a:after {content: '';display: block;position: absolute;right: 0;bottom: 0;height: 3px;width: 0;background:#dd1d10;transition: width .5s ease;}
.menu > li > a:hover:before, .menu > li:hover a:before {width: 100%;background:#dd1d10;transition: width .5s ease;}
.menu > li > a:hover:after, menu > li:hover a:after {width: 100%;background: transparent;transition: all 0s ease; }

/*=-=-=-=-=-=-=-= Header Style End =-=-=-=-=-=-=-=*/

/*=-=-=-=-=-=-=-= Banner Styles =-=-=-=-=-=-=-=*/

/*=-=-=-=-=-=-=-= Banner Styles End =-=-=-=-=-=-=-=*/

/*=-=-=-=-=-=-=-= Home Container Style =-=-=-=-=-=-=-=*/

.hm-ct-row1, .hm-ct-row2, .hm-ct-row3 { width:100%; }
.ct-img-prt{ width:100%; }
.ct-img-prt ul{ margin:0; padding:14px 0 0; }
.ct-img-prt li {
    float: left;
    line-height: 1px;
    list-style: none outside none;
    margin: 0 14px 14px 0;
}
.ct-img-prt li img{ line-height:1px; font-size:1px; }
.ct-img-prt li.mr-none{ margin-right:0; }
.ct-img-prt li.first-img img {
    padding-top: 60px;
}
.ct-img-prt li.hm-ct-box{ width:542px; /*height:242px; height:546px; height:356px;*/ background:url(../images/hm-ct-bg.jpg) no-repeat; display:block; margin-right:0; padding:24px 24px }
.img-ct-box{ width:100%; }
.img-ct-box h3{ font:34px/34px 'montserratbold'; color:#fff; margin:0 0 10px 0; height:70px; overflow:hidden; text-transform:uppercase; }
.img-ct-box h3 span{ color:#dd1d10; display:block; }
.ct-higt{ /*height:100px;*/ /*height:410px; height:220px; overflow:hidden; */ margin:0 0 16px; }
/*.img-ct-box p{ font:18px/34px 'latolight'; color:#fff; padding:0; }*/
.img-ct-box p { color: #fff; font:18px/27px "latolight"; margin: 0 0 15px;  padding: 0; }
.reg-btn{ font:18px/40px 'montserratregular'; color:#fff; background:#dd1d10; padding:0 20px; display:inline-block; }
.reg-btn:hover{ color:#fff; background:#424242; }
.hm-box1 ul, .hm-box2 ul, .hm-box3 ul{ margin:0; padding:0; }
.hm-box1{ width:593px; }
.hm-box2{ width:593px; }
.hm-box3{ width:100%; }

/*=-=-=-=-=-=-=-= Home Container Style End =-=-=-=-=-=-=-=*/

/*=-=-=-=-=-=-=-= Footer Container Style =-=-=-=-=-=-=-=*/

.ft-row1{ width:100%; background:#080808; border-top:1px solid #141414; border-bottom:1px solid #141414; padding:29px 0 37px 0; }
.ft-main{ width:1200px; margin:0 auto; }
.ft-main p{ font:16px/24px 'latolight'; color:#686868; padding:0 0 0 0; }
.ft-title{ font:18px/29px 'montserratregular'; color:#fff; padding:0 0 11px 0; }
.ft-fld{ width:238px; height:28px; padding:5px 11px; background:#0f0f0f; border:1px solid #1d1d1d; font:13px 'latolight'; color:#3f3f3f; border-radius:3px; -webkit-border-radius:3px; margin:0 0 13px 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.ft-fld:focus{ border:1px solid #484848; }
.ft-submit{ background:#dd1d10; text-transform:uppercase; color:#fff; display:inline-block; font:14px/35px 'montserratregular'; height:35px; padding:0 12px; cursor:pointer; border:none; border-radius:1px; -webkit-border-radius:1px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.ft-submit:hover{ background:#424242; color:#fff; }
.ft-box1{ width:257px; padding:0 30px 0 0; margin: 0 0 0 27px; }
.ft-box2{ width:309px; padding:0 30px 0 0; }
.ft-box3{ width:238px; padding:0 30px 0 0; }
.ft-box3 a{ display:block; background-color:#0f0f0f; width:41px; height:30px; text-align:center; border:1px solid #1c1c1c; border-radius:50%; -webkit-border-radius:50%; margin:0 10px 0 0; padding:11px 0 0 0; }

.ft-box3 a:hover { background-color: #dd1d10; border: 1px solid #a0150b; box-shadow: 0 0 1px #fff inset; -webkit-box-shadow: 0 0 1px #fff inset; }
.ft-box4{ width:249px; padding:0 30px 0 0; }
.ft-ph{ padding:0 0 10px 30px; font:16px 'latolight'; color:#fff; display:inline-block; background:url(../images/ft-ph.png) 0 2px no-repeat; }
.ft-ml{ padding:0 0 0 30px; font:16px 'latolight'; color:#fff; display:inline-block; background:url(../images/ft-mg.png) 0 6px no-repeat; }
.ft-ml a{ color:#fff; }
.ft-ml a:hover{ color:#dd1d10; }
.ft-row2{ width:100%; background:#000; min-height:115px; }
.ft-menu{ padding:38px 0 14px; margin:0; font:14px 'montserratregular'; color:#fff; text-transform:uppercase; }
.ft-menu span{ color:#313131; font-size:14px; display:inline-block; padding:0 5px; }
.ft-menu a{ color:#fff; }
.ft-menu a:hover, .ft-menu a.active{ color:#dd1d10; }
.ft-copyright{ font:16px 'montserratregular'; color:#fff; padding:0 0 12px 0; }
.ft-copyright span{ color:#dd1d10; }
.ft-web-by{ font:16px 'latolight'; color:#686868; padding: 0 0 0 0; }
.ft-web-by img{ display:inline-block; padding:0 0 0 8px; }

/*=-=-=-=-=-=-=-= Footer Container End =-=-=-=-=-=-=-=*/

.contact_uwv ul{ right:250px !important; }
.contact_uwv {
    left: inherit !important;
    right: 0 !important;
}
.scrolltop{bottom:40px;right:18px;z-index:99;overflow:hidden;position:fixed;display:none;border-radius:4px;width:40px;height:40px;text-align:center;background:url(../images/scrollto_top.png) no-repeat center scroll #f41000;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);-moz-webkit-box-shadoe:0 1px 3px rgba(0, 0, 0, 0.3);webkit-box-shadoe:0 1px 3px rgba(0,0,0,0.3);opacity:0.6;cursor:pointer;}
.scrolltop:hover{opacity:1;}

footer .ft-box1{ margin: 0;}
footer .ft-box1 li, footer .ft-box2 li{ list-style: none;}
footer .ft-box1 ul{ padding: 0;}
footer .ft-box1 ul li a, footer .ft-box2 ul li a{ color: #fff;}
footer .ft-box1 ul li a:hover, footer .ft-box2 ul li a:hover{ color: #dd1d10;}
footer .ft-row2{ min-height: inherit; padding: 20px 0;}
footer .ft-row2 .ft-copyright{padding-bottom: 0;}