@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);

/*#case>div>div>p { font-size: 16px;}*/
/*.case{ margin-top: 20px; margin-bottom: 0px; transition: all 0.3s; position: relative; border: 10px solid #F4F6F9;}*/
/*.case:hover>h4, .case:hover>span.fa{ !*color: #03b0e2;*! color: #3ba1ec;}*/
/*.case:hover{ border-color: #3ba1ec; margin-top: 0px; margin-bottom: 0px; cursor: pointer; padding-top: 20px;}*/
/*.case p{ font-size: 14px; padding: 30px 20px 20px 20px; font-family: 'Lato', sans-serif; background-color: #F4F6F9; text-align: left;}*/
/*.case:hover p { background-color: #3ba1ec; transition: all 0.3s; padding-bottom: 40px; color: #fff;}*/
/*.space{ padding-top: 40px; }*/
/*.case img { width: 100%; height: 100%; transition: all 0.3s;}*/
/*.case:hover img { margin-top: -20px;}*/
/*.case h4 { margin: 0; color: #3d4954;}*/
/*.case h4:after { background-color: transparent;}*/
/*.case span.fa { margin: 20px 0 5px 0; color: #3d4954;}*/

.case{ margin-top: 20px; margin-bottom: 0px; transition: all 0.3s; position: relative; border: 10px solid #F4F6F9;}
.case:hover>.case-title>h4, .case:hover>.case-title>span.fa{ /*color: #03b0e2;*/ color: #fff; transition: all 0.3s;}
.case:hover{ border-color: #3ba1ec; margin-top: 0px; margin-bottom: 0px; cursor: pointer; padding-top: 20px;}
.case .case-title { font-size: 14px; padding: 5px 20px 25px 20px; font-family: 'Lato', sans-serif; background-color: #F4F6F9;}
.case:hover .case-title { background-color: #3ba1ec; transition: all 0.3s; padding-bottom: 45px; color: #fff;}
.space{ padding-top: 40px; }
.case img { width: 100%; height: 100%; transition: all 0.3s; margin-top: 20px; margin-bottom: 20px;}
.case:hover img { margin-top: 0;}
.case h4 { margin: 0; color: #3d4954; background-color: #F4F6F9;}
.case h4:after { display: none;}
.case:hover h4 { background-color: #3ba1ec; transition: all 0.3s;}
.case span.fa { margin: 20px 0 5px 0; color: #3d4954;}

.is-centered a.btn.secondary { border: 2px solid #00c6ff; color: #00c6ff; padding: 15px 30px 15px 30px;}
.is-centered a.btn { box-shadow: 0px 4px 10px 0px rgba(40, 40, 40, 0.2);}

.is-centered a.btn.secondary:hover { background-color: #00c6ff; color: #fff;}
.is-centered a.btn.secondary:active { background-color: #01b2e5; color: #fff;}
.is-centered a.btn.secondary:focus { background-color: #01b2e5; color: #fff;}

/*.case1 .case-bg { background: url(../img/case1-bg.jpg) no-repeat top center; background-size: contain; }*/
/*.case2 .case-bg { background: url(../img/case2-bg.jpg) no-repeat top center; background-size: contain; }*/
/*.case3 .case-bg { background: url(../img/case3-bg.jpg) no-repeat top center; background-size: contain; }*/