/* ==========================================================================
*
* Custom CSS Stylesheet. This is where you should add your own styles!
*
** ========================================================================== */
@font-face {  font-family: BrownBold;  src: url(../fonts/Brown-Bold.ttf);}@font-face {  font-family: BrownLight;  src: url(../fonts/Brown-Light.otf);}@font-face {  font-family: BrownRegular;  src: url(../fonts/Brown-Regular.otf);}
/* Simple style overrides or custom adds */
.kl-fancy-form .form-control {
    border: 1px solid #aea7a7;
}
.kl-fancy-form label {
    color: #323231;
}
.some-css-selector {font-size:13px;}
ul.soicon {
    margin-top: 10px;
}
.main-nav>ul>li>a:hover, .main-nav>ul>li:hover>a {
    text-decoration: none;
    color: #323232;
}
ul.soicon li {
    display: inline-block;
    margin-right: 10px;
}
ul.soicon li a img {
    width: 30px;
}
.tabs_style2 > ul.nav {
    margin-top: 20px;
}
.kl-cta-ribbon-new {
    background: #fff;
}
.kl-cta-ribbon-new strong {
    font-size: 13px;
    font-weight: 900;
    display: block;
    line-height: 18px;
}
.kl-cta-ribbon-new .trisvg {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 5px;
    margin-top: -0.2px;
    fill: #fff;
} 
.ctabutton_new {
    clear: right;
    float: right;
    position: relative;
    font-size: 11px;
    font-weight: 700;
    color: #343d46;
    text-align: center;
    padding: 5px 10px 6px;
    border-radius: 2px;
    margin-left: 20px;
    margin-bottom: -5px;
}

/* ==========================================================================
** Responsive styles custom rules
* These rules are ready to be used for either overrides
* or just your own custom rules.
========================================================================== */


/** Higher screens+ **/
@media only screen and (min-width : 1921px){

}


/** Desktop+ **/
@media (min-width: 1200px) {

}


/** Laptop **/
@media (max-width: 1200px) {

}


/** Laptop+ **/
@media (min-width: 991px) {

}


/** Laptop **/
@media (min-width: 992px) and (max-width: 1199px) {

}


/** Large Tablets **/
@media (max-width: 992px) {

}


/** Tablets (landscape mode)  **/
@media (min-width: 768px) and (max-width: 991px) {

}


/** Tablets+  **/
@media (min-width: 768px) {

}


/** Tablets (portrait mode)  **/
@media (min-width : 481px) and (max-width : 768px) {

}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 767px) {
.site-logo img {
    max-height: 100px;
    max-width: 100%;
}
}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 600px) {

}


/** Smartphone portrait mode **/
@media (max-width: 480px) {

}


/** Normal phone portrait mode+ **/
@media (min-width: 320px) {
	
}