body{ margin:0px; padding:0px; font-size:14px; font-family: "Raleway", Arial, Helvetica, sans-serif; color:#555; }
a { color: #555; text-decoration: none; } a:hover { text-decoration: none; }


/*=====================================
= Header
=====================================*/
#margin-1200{ margin:auto; width:1200px; }
#margin-1000{ margin:auto; width:1050px; }

/*=====================================
= Navbar
=====================================*/
.navi { float: right; }
.navi li .fa{ color: #FFDF00; }
.navi li { display: block; float: left; margin-left: 0px; border: 5px; border-color: #fff; }
.navi li a { color: #fff!important; font-size: 18px; padding: 10px; text-transform: uppercase; font-family: lato; text-decoration: none!important; font-weight: 300; }
.navi li a:hover { color: #ec0933!important; background-color: #fff; padding: 10px; }

/*=====================================
= Button
=====================================*/
input[type="reset"], input[type="button"], .button { -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; background-color: #FF0000; border-radius: 4px; border: 0; color: #ffffff !important; cursor: pointer; display: inline-block; font-weight: 700; height: 3.15em; line-height: 3.25em; padding: 0 2.2em; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
input[type="reset"] a, input[type="button"] a, .button a { color:#fff; text-decoration:none; } input[type="reset"]:hover , input[type="button"]:hover , .button:hover { background: #f80019; } .big{font-size:18px;}


/*=====================================
= Feature Section
=====================================*/
.feature-section li:first-child { margin: 0px; } 
.feature-section li { display: block; width: 30%; float: left; margin-left: 59px; } 
.feature-section { padding: 30px 0; background-color: #EEEEEE; float: left; width: 100%; } 
.feature-section h4 { font-size: 21px; float: left; width: 100%; margin: 0px 0px 10px 0px; text-transform: uppercase; letter-spacing: 1px; font-weight:700; } 
.feature-section p { font-family: Lato,sans-serif; color: #555; font-size: 15px; line-height: 18px; } 
.feature-section .fa { color: #FF0000; font-size: 50px!important; margin-bottom: 15px; }
.feature-section .sub-button2 { -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; background-color: #FF0000; border-radius: 4px; border: 0; color: #ffffff !important; cursor: pointer; display: inline-block; padding: 10px; text-align: center; text-decoration: none; font-family: lato; font-size: 13px white-space: nowrap; width: 120px; }
.feature-section .sub-button2:hover {
color: #fff;
border-color: #FF0000;
background: #FF0000;}
.feature-section a.sub-button2 .fa {
color: #fff;
font-size: 13px!important;
margin-bottom: 0px;
}
.feature-section a { color: #555;} 


/*=====================================
= Feature Sections
=====================================*/
.feature-sections li:first-child { margin: 0px; } 
.feature-sections li { display: block; width: 30%; float: left; margin-left: 59px; } 
.feature-sections { padding: 30px 0; background-color: #EEEEEE; float: left; width: 100%; } 
.feature-sections h2 { font-size: 21px; float: center; width: 100%; margin: 0px 0px 0px 0px; text-transform: uppercase; letter-spacing: 1px; font-weight:700; } 
.feature-sections p { font-family: Lato,sans-serif; color: #555; font-size: 15px; line-height: 18px; } 
.feature-sections .fa { color: #23b5ab; font-size: 50px!important; margin-bottom: 15px; }
.feature-sections .sub-button2 { -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; background-color: #FF0000; border-radius: 4px; border: 0; color: #ffffff !important; cursor: pointer; display: inline-block; padding: 6px; text-align: center; text-decoration: none; font-family: lato; font-size: 13px white-space: nowrap; width: 100px; }
.feature-sections .sub-button2:hover {
color: #fff;
border-color: #FF0000;
background: #FF0000;}

/*=====================================
= Feature Trend
=====================================*/
.feature-trend { width: 100%; float: left; 50% 50% / cover no-repeat fixed; padding: 20px 0px; } 
.feature-trend h2 { color: #555; text-align: left; font-size: 25px; margin: 0px 0px 20px 0px; text-transform: uppercase; font-weight: 700; }
.feature-trend p { color: #555; text-align: left; width: 100%; margin: 0px; float: left; font-size: 15px; font-weight: 300; letter-spacing: 1px; font-family: Lato,sans-serif; } 
.feature-trend h3 { color: #555; text-align: right; font-size: 25px; margin: 0px 0px 20px 0px; text-transform: uppercase; font-weight: 700; }
.feature-trend .col-left { float: left; width: 60%; } 
.feature-trend .col-right { float: right; width: 35%; }
.feature-trend li {
display: block;
float: right;
margin: 5px 0px;
font-size: 18px;
}
.feature-trend li p {
margin: 10px 10px 10px 10px;
color: #555;
font-weight: 700;
float: right;
font-size: 18px;
color: #000;
}
.feature-trend ul {
margin: 0px;
padding: 0px;
}
.feature-trend .col-left .fa {
color: #f58025;
padding: 0px;
margin-left: 0px;

}
.feature-trend .col-right .fa {
color: #fff;
padding: 0px;
margin-left: 20px;
float: right;
}
/*=====================================
= Feature Logo
=====================================*/
.feature-logo img { width: 188px; -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); filter: url(desaturate.svg#greyscale); } 
.feature-logo img:hover { -webkit-filter: none; filter: none; filter: none; filter: none; } 
.feature-logo li { float: left; display: block; margin-left: 64px; } 
.feature-logo li:first-child { margin: 0px; } 
.feature-logo { float: left; width: 100%; padding: 70px 0px 70px 0px; background: #Fff; }


/*=====================================
= Footer
=====================================*/
footer { background-color: #333; color: #CCC; border-top-color: rgba(0,0,0,.2); width: 100%; float: left; padding: 0px 0px 0px 0px; } 
.footer-widget h2 { text-transform: uppercase; font-family: lato; letter-spacing: 1.5px; font-size: 18px; color:#fff; } 
.footer-widget { float: left; width: 250px; margin-left: 30px; font-family: lato; color: #CCC; } 
.footer-widget:first-child { margin: 0px; } .footer-widget p { font-family: lato; line-height: 22px; } 
.footer-widget a { color: #EEBB04; text-decoration: none; } .footer-widget a:hover { color: #23b5ab; } 
.footer-widget li { display: block; margin-bottom: 2px; } 
.footer-widget.last { width: 358px; }
.footer-widget.last p { font-size: 16px; margin-top: 0px; }
.footer-widget .fa {
color: #ecc731;
font-size: 29px;
}

/*=====================================
= Copyrights
=====================================*/
.copyrights { background-color: #333; color: #CCC; border-top-color: rgba(0,0,0,.2); float: left; width: 100%; padding: 10px 0px; margin-top: 0px; } .copyrights p { margin: 0px 0px; font-family: lato; } 
.left { float: left; } 
.right { float: right; } 
.copyrights .right li { float: left; display: block; margin: 0px 0px 0px 35px; }
.copyrights .fa {
color: #ecc731;
font-size: 15px;
}



/*=====================================
= Main wrapper
=====================================*/
#main-wrapper { background: #fff; width: 100%; float: left; margin: 0px; padding: 10px 0px 0px 0px; word-wrap: break-word; overflow: hidden; }
#main-wrapper .head-title { text-align: center; font-size: 32px; margin: 0px 10px 0px 0px; text-transform:uppercase; font-weight:600; }
#main-wrapper .fa {
font-size: 50px;
}
#main-wrapper .fa1 {
font-size: 19px;
}

}