.f-3-design-video {padding:50px 0px; background: #f9f9f9;}
.f-3-design-video h1 {font-family: 'Quicksand', sans-serif; font-weight: 300; font-size: 4em; line-height: 70px;}
.f-3-design-video h3 {font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 1.3em; line-height: 1.53em}
.f-3-design-video p {font-family: 'Raleway', sans-serif !important; font-weight: 400;}
.f-3-design-video .f-3-btn { border-radius: 50px; text-transform: uppercase; letter-spacing: 1px;text-decoration: none; color: #fff;background-color:#db2645;font-size: 18px; padding: 20px 5px !important; width: 100%; text-align: center;}
.f-3-design-video .f-3-btn:hover { background-color:#b31e38;}

.f-3-design-video .line-separator { background: #db2645; margin:20px auto; width: 50%; height: 4px;}
.f-3-text-video-clip { background: #db2645; padding:0px 5px; color:#fff; -webkit-clip-path: polygon(6% 3%,96% 14%,100% 91%,0 100%);     display: inline-block;}

.f-3-video-list { font-size: 1em; display: inline-flex; width: 100%; padding: 0px;overflow: auto;}
.f-3-video-list li { background: #db2645; color: #fff; padding: 10px 15px; border-left: 3px solid #fff; border-right: 3px solid #fff;display: inline-grid; text-align: center; width: 25%;}
.f-3-video-list li i { font-size: 2em; margin-bottom: 5px;}
.f-3-video-list li a , a:hover {color: #fff; display: inline-grid;}
.f-3-video-list .locked {opacity: 0.2 !important; background: #000;}
.f-3-video-list .locked-opt {opacity: 0.2 !important; }

.fv3-button {background: #db2645; color: #fff; padding: 20px 40px; margin: 10px auto; display:block; width: 50%; border-radius: 5px; font-size: 20px; text-align: center;}
.fv3-button:hover {text-decoration: none; color: #fff; text-align: center; display:block;}
.f3-a-btn {text-transform: uppercase; letter-spacing: 1px; word-break: break-word; color: #fff; font-size: 2em; background: #db2645; border-radius: 10px; padding: 20px; margin-top: 20px; display: block; width:50%; max-width: 500px; margin: 0 auto; text-decoration: none; text-align: center;}
.f3-a-btn:hover, .f-a-btn:focus {text-decoration: none; color: #fff !important; text-align: center; margin: 0 auto; display: block;}
 @media (min-width: 1200px){
.container {
   width: 950px;
}}
@media (min-width: 2000px){
.container {
   width: 1170px;}}