﻿.frequent-actions { background-color:#ffffff; margin: 0 15px; }
.frequent-actions .title { background-color:#0072C1; position:relative; text-align:center;}
.frequent-actions .title h2{font-family:'BlenderBold', Arial, sans-serif; font-size:24px; color:#ffffff !important; padding:20px 5px; margin:0;}
.frequent-actions .title .arrow{ width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 15px; border-color: #0098f0 transparent transparent transparent; position:absolute; left:50%; margin-left:-15px; bottom:-15px;}
.autoWidth{width:auto !important;}
.frequent-actions .links { text-align:center; padding:15px;}
.frequent-actions .links ul { padding:0; margin:0;}
.frequent-actions .links ul li { list-style:none; font-size:24px; text-align:right; background-image:url(/_layouts/15/TlvSP2013PublicSite/images/arrow-l-grey2x.png); background-repeat:no-repeat; background-position:left center; background-size:15px 15px; padding:0; }
.frequent-actions .links ul li a{ color:#3c3c3c; display:block; padding:12px 0; border-bottom:1px solid #bcbcbc; }
/*.frequent-actions .links ul li:nth-child(3) a { border-bottom:none; }*/
.frequent-actions .links ul li a:hover { text-decoration:underline; }

.frequent-actions .links .more-srv { font-size:24px; text-align:left; background-image:url(/_layouts/15/TlvSP2013PublicSite/images/arrow-l-blue2x.png); background-repeat:no-repeat; background-position:left center; background-size:15px 15px; padding-left:20px; margin-top:5px;}
.frequent-actions .links .more-srv a { color:#0072C1;}
.frequent-actions .links .more-srv a:hover { text-decoration:underline; }

@media (min-width: 768px) {
.frequent-actions { max-width:600px;width:100%; margin:auto;}
.frequent-actions .title { padding:15px;}
.frequent-actions .title h2{font-size:35px; }

.frequent-actions .links {padding:15px;}
.frequent-actions .links ul li { font-size:25px; background-position:20px center; padding:0 20px; }
.frequent-actions .links ul li:nth-child(9) a { border-bottom: none; }

.frequent-actions .links .more-srv { font-size:25px; padding-left:20px; margin-top:5px; margin-left:20px;}
}

@media (min-width:992px) {
.frequent-actions { display:table; max-width:960px;width:100%; height:200px;}
.frequent-actions .title { display:table-cell; width:150px;  text-align:right; vertical-align:middle;padding:1.5% 2%;}/*padding:15px 58px;*/
.frequent-actions .title h2{font-size:28px; }
.frequent-actions .title .arrow{border-width: 15px 15px 15px 0; border-color: transparent #0098f0 transparent transparent; top:50%; margin-top:-15px; left:0;}

.frequent-actions .links { display:table-cell; padding:28px 35px 10px; display:table-cell;}
.frequent-actions .links ul li { font-size:21px; background-position:20px center; background-size:14px 14px; padding:0 20px; }
.frequent-actions .links ul li a{ padding:12px 0; }

.frequent-actions .links .more-srv { font-size:21px; background-size:14px 14px; padding-left:20px; margin-top:10px; margin-left:20px;}

.frequent-actions .links ul li:nth-child(7) a, .frequent-actions .links ul li:nth-child(8) a, .frequent-actions .links ul li:nth-child(9) a { border-bottom: none; }
}


@media (min-width: 1200px) {
.frequent-actions { max-width:1080px;width:100%;}
.frequent-actions .title { width:190px;}
.frequent-actions .title h2{font-size:35px; }

.frequent-actions .links {padding:48px 35px 10px;}
.frequent-actions .links ul li {  background-position:10px center; /*padding:0 30px;*/ }

.frequent-actions .links .more-srv { /*margin-left:30px;*/}
}


@media (min-width: 1919px) {
.frequent-actions { max-width:1380px;width:100%; min-width:240px; height:320px;}
.frequent-actions .title { width:240px; padding:1.5% 2%; }/* 15px 88px;*/
.frequent-actions .title h2{font-size:45px; }
.frequent-actions .title .arrow{border-width: 21px 25px 21px 0; margin-top:-21px; left:-10px;}

.frequent-actions .links {padding:58px 35px 10px;}
.frequent-actions .links ul li { font-size:25px; background-position:10px center; background-size:15px 15px;line-height: 40px; /*padding:0 40px;*/ }
.frequent-actions .links ul li a{ padding:13px 0; }

.frequent-actions .links .more-srv { font-size:25px; background-size:15px 15px; padding-left:20px; /*margin-left:40px;*/}
}
