﻿/********** Services **********/
.page-intro.services { padding-bottom: 0 !important; }
.big_button { width:100%; background-color:#fff; box-shadow:0 5px 0 #a9b67e; margin:0 auto; padding-top:2px }
.big_button:hover { background-color:#b8c68a; box-shadow:0 5px 0 #a9b67e; }
.big_button:active,
.big_button:focus { box-shadow:0 3px 0 #a9b67e; }

.btn-services { width:100%; color:#272e3a; border-radius:0px; background-color:#fff; box-shadow:none; border:none; text-align:left; padding:0; outline:none; font-size:20px; padding-bottom:20px; }
.btn-services:hover { background-color:#fff; color: #7a99ac; }
.case-study > p { background-color: rgba(122, 153, 172, 0.2); border-radius: 10px; padding: 25px; }

.btn-services icon:after {
    /* symbol for "opening" panels */
    font-family:'FontAwesome';
    content:"\f0aa";
    float: right;
    color: inherit;
}

.btn-services.collapsed icon:after  {
    /* symbol for "collapsed" panels */
    content:"\f0ab";
}

.btn-services icon { position:absolute; float:left; margin-left:20px; }

.btn-group-justified > .btn-group .btn { width:98%; }
.btn-group-justified > .btn-group .btn a { width:100%; padding:10px 50px; color:#fff; z-index:100; }

.case-study li { margin-bottom: 0.5em; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-left-radius: 0; }
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-right-radius: 0; }

/* hide\show divs */

.an { display: none; }
.ans { display: block; -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s; }
.del { display: none; }
.dels { display: block; -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s; }
.pn { display: none; }
.pns { display: block; -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s; }

section#footer { margin-top: 0 !important; }

.twr { max-width: 30%; float: right; margin-left: 10px; }

@media (max-width: 670px) {	
	.twr { max-width: 45%; float: right; margin-left: 10px; }
}

@media (max-width: 480px) {	
	.big_button { padding-top:6px }
	.btn-group-justified > .btn, .services .btn-group-justified > .btn-group { float:left; width:100%;}
	.btn-services icon { position:absolute; float:left; margin-left:0px; right:0px;}
}