body {background:#F9FAF5}


.logo {
    background-size:170px 60px;
    -webkit-background-size:170px 60px;
    -moz-background-size:170px 60px;
    }


@media only screen and (-webkit-device-pixel-ratio: 2){
.logo { 
    background-size:170px 60px;
    -webkit-background-size:170px 60px;
    -moz-background-size:170px 60px;
    }
}

.dropdown-menu-customwidth {
min-width:px !important;
}

.colorback {
    background-color: #4D7CFF;
    color:#F7F7EB;
}
.colorback:hover {
    background-color: #4D7CFF;
    color:#F7F7EB;
}
.colorfront {
    color:#4D7CFF;
    }
.colorbackwhite {
    background-color: #F7F7EB;
    color:#4D7CFF;
    }
.colorwhite {
    color:#F7F7EB;
    }  
.triangle {
    border-style: solid;
    border-width: 0 40px 40px 0;
    border-color: transparent #4D7CFF transparent transparent;
    }   
.button {
    background-color: #4D7CFF;
    color:#F7F7EB;
    }    
.warning {
    margin:20px 0px;}
input:focus {
  border-color: rgba(77, 124, 255, 0.5) !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(77, 124, 255, 0.4) !important;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(77, 124, 255, 0.4) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(77, 124, 255, 0.4) !important;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
}
#pagging_page_article{height:20px;}
#pagging_page_article a{padding:3px 5px 3px 5px;background:#F7F7EB;color:#4D7CFF;}
#pagging_page_article a:hover{background:#4D7CFF;color:#F7F7EB;}
#pagging_page_article span{padding:3px 5px 3px 5px;color:#000;}

#pagging_page_news{height:20px;}
#pagging_page_news a{padding:3px 5px 3px 5px;background:#F7F7EB;color:#4D7CFF;}
#pagging_page_news a:hover{background:#4D7CFF;color:#F7F7EB;}
#pagging_page_news span{padding:3px 5px 3px 5px;color:#000;}

#pagging_page_testimony{height:20px;}
#pagging_page_testimony a{padding:3px 5px 3px 5px;background:#F7F7EB;color:#4D7CFF;}
#pagging_page_testimony a:hover{background:#4D7CFF;color:#F7F7EB;}
#pagging_page_testimony span{padding:3px 5px 3px 5px;color:#000;}


@media (max-width: 1420px) and (min-width: 1200px) {
.container {
width: 1170px !important;
}
}

@media (max-width: 1720px) and (min-width: 1420px) {
.container {
width: 1400px !important;
}
}

@media (max-width: 2000px) and (min-width: 1720px) {
.container {
width: 1635px !important;
}
}


@media (max-width: 2200px) and (min-width: 2000px) {
.container {
width: 1875px !important;
}
#headerunder {
    min-width: 20%;
}
}


@media (min-width: 2200px) {
.container {
width: 2100px !important;
}
#headerunder {
    min-width: 15%;
}
}