@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
}

html {
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
}


body {
font-family:"Roboto", sans-serif;
font-size: 12pt;
line-height: 16pt;
font-weight:normal;
background:#FFF;
color:#333;
}

a{
color:#015cab;
}
a:hover{
color:#00437e;
}

h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, .header1, .header2, .header3, .header4, .header1 a, .header2 a, .header3 a, .header4 a, .header1 a:hover, .header2 a:hover, .header3 a:hover, .header4 a:hover{
padding:0;
margin:0;
font-weight:400;
}
h1, h1 a, .header1, .header1 a, .header1 a:hover{
font-weight:300;
font-size:28pt;
line-height:32pt;
padding:0px 0px;
margin:5px 0px 25px 0px;
}
h2, h2 a, .header2, .header2 a, .header2 a:hover{
font-size:20pt;
line-height:26pt;
margin:30px 0px 10px 0px;
}
h3, h3 a, .header3, .header3 a, .header3 a:hover{
display:block;
font-size:16pt;
line-height:18pt;
color:#015cab;
margin:10px 0px;
font-weight:600;
}
h4, h4 a, .header4, .header4 a, .header4 a:hover{
font-size:14pt;
line-height:18pt;
color:#000;
margin:10px 0px;
font-weight:600;
}

.welcome{
font-size:16pt;
line-height:22pt;
color:#666;
}

#slideshow{
margin:0px;
padding:0px;
}
#slideshow img{
width:100%;
}
.description-container{
width:100%;
}
.slick-prev:before,
.slick-next:before {
    color: rgba(255, 255, 255, 0.5);
}

.slick-prev {
    left: 5px !important;
    z-index: 500 !important;
}

.slick-next {
    right: 5px !important;
    z-index: 501 !important;
}
.slick-prev,
.slick-next{
top: 40% !important;
width:48px !important;
height:48px !important;
}

.portfolio-examples-container .slick-prev{
left:-40px !important;
}
.portfolio-examples-container .slick-next{
right:-40px !important;
}
.portfolio-examples-container .slick-prev:before,
.portfolio-examples-container .slick-next:before {
font-family:"FontAwesome";
background-image:none !important;
color:#015cab !important;
}
.portfolio-examples-container .slick-prev:before{
content:"\f104";
}
.portfolio-examples-container .slick-next:before{
content:"\f105";
}
.portfolio-examples-container .slick-prev:hover:before,
.portfolio-examples-container .slick-next:hover:before{
color:#00437e !important;
}


/* QUICK LINKS */

#quick-links{
list-style:none;
padding:0;
margin:0;
-webkit-border-radius: 5px;
border-radius: 5px;
border:1px solid #CCC;
}
#quick-links li{
border-bottom:1px solid #CCC;
}
#quick-links li:last-child{
border-bottom:none;
}
#quick-links li a{
padding:10px;
display:block;
}
#quick-links li a:hover{
background:#EFEFEF;
}


.bodytext{
color:#333;
font-size:11pt;
line-height:16pt;
}

.alert, .bodytextred, .bodytextboldred{
color:#C00;
}

.grayed{
color:#999;
}
.highlighted{
background:#ffff00;
padding:0px 5px;
}
.pullquote{
font-size:18pt;
line-height:24pt;
font-style: italic;
color:#666;
}
.welcome{
font-size:14pt;
line-height:22pt;
color:#666;
}

hr {
background-color:#CCC;
color:#CCC;
height:1px;
border:0px;
}

#home-photo{
height:200px;
}

#home-message{
background:rgba(0,0,0,0.8);
width:275px;
color:white;
font-size:14pt;
line-height:16pt;
text-align:right;
padding:10px 10px;
position: absolute;
right:0;
bottom:0px;
text-shadow: 0 0 15px #FFFFFF;
z-index:2;
-webkit-border-radius: 10px 0 0 0;
border-radius: 10px 0 0 0;
}

#home-message span{
float:right;
width:200px;
display:block;
padding-top:5px;
color:#ffffff;
font-size:8pt;
line-height:10pt;
padding-bottom: 0px;
text-align: right;
}



#slogan{
padding:10px;
text-align:center;
z-index:10;
width:100%;
color:#FFF;
font-weight:700;
font-style:italic;
font-size:20pt;
line-height:24pt;
text-transform:uppercase;
letter-spacing:1pt;
text-shadow: 0 2px 5px #000;
background:rgba(0,0,0,0.5);
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}

.clearfix:after {
	clear: both;
}

.codrops-header,
.codrops-top {
	font-family: 'Roboto', Arial, sans-serif;
}

.codrops-header {
	margin: 0 auto;
	background:#015cab;
	padding:5px;
	-webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,0.25);
	box-shadow: 0 1px 2px 1px rgba(0,0,0,0.25);
}

.codrops-header h1 {
	margin: 0;
	font-weight: 300;
	font-size: 2.625em;
	line-height: 1.3;
}

.codrops-header span {
	display: block;
	padding: 0;
	font-size: 60%;
	opacity: 0.7;
}

/* To Navigation Style */
.codrops-top {
	width: 100%;
	background: #91cfa1;
	background: rgba(255, 255, 255, 0.1);
	text-transform: uppercase;
	font-size: 0.69em;
	line-height: 2.2;
}

.codrops-top a {
	display: inline-block;
	padding: 0 1em;
	color: #fff;
	text-decoration: none;
	letter-spacing: 0.1em;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.95);
	color: #333;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	display: block;
	float: left;
}

.codrops-icon:before {
	margin: 0 4px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'codropsicons';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}

/* Demo Buttons Style */
.codrops-demos {
	padding-top: 1em;
	font-size: 1.1em;
}

.codrops-demos a {
	display: block;
	float: left;
	clear: both;
	margin: 0.5em 0.5em 0.5em 1.9em;
	padding: 1em 1.1em;
	width: 280px;
	outline: none;
	color: #fff;
	background: #336ca6;
	text-align: center;
	text-decoration: none;
	font-weight: 400;
}

.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
	opacity: 0.6;
}

.content {
	padding: 20px;
	max-width: 1200px;
	margin: 0 auto;
}

.block {
	float: left;
	padding: 1em 3em;
}

.block-40 {
	width: 40%;
}

.block-60 {
	width: 60%;
}

.block p {
	margin: 0;
	padding: 0 1em 0.6em;
	font-size: 1.8em;
	line-height: 1.5;
}

.info {
	text-align: center;
	font-size: 1.5em;
	margin-top: 3em;
	clear: both;
	padding-top: 3em;
	color: rgba(255,255,255,0.5);
}

.info a {
	font-weight: 400;
	font-size: 0.9em;
}

.info a:hover {
	color: #336ca6;
}

@media screen and (max-width: 69em) {
	.block {
		float: none;
		width: 100% !important;
		padding: 1em;
	}
}

.breadcrumbs{
font-size:10pt;
line-height:14pt;
padding:0px 0px 0px 0px;
color:#999;
}
.breadcrumbs i{
display:inline-block;
padding:0px 5px;
}

.colored-box{
background:#f2f2f2;
padding:20px;
}

.table-container
{
	border:5px solid #EFEFEF;
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em;
	-webkit-box-shadow:inset -10px 0 15px 0 rgba(0,0,0,0.25);
	box-shadow:inset -10px 0 15px 0 rgba(0,0,0,0.25);
}


/* SHADOWBOX */

.shadowbox{
background:#FFF;
padding:5px;
-webkit-box-shadow: 0 2px 1px 1px rgba(0,0,0,0.25);
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.25);
}
.shadowbox-right{
background:#FFF;
padding:5px;
-webkit-box-shadow: 0 2px 1px 1px rgba(0,0,0,0.25);
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.25);
margin:0px 0px 0px 20px;
float:right;
}
.shadowbox-left{
background:#FFF;
padding:5px;
-webkit-box-shadow: 0 2px 1px 1px rgba(0,0,0,0.25);
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.25);
margin:0px 20px 20px 0px;
float:left;
}

@media (max-width: 450px) {
	.shadowbox, .shadowbox-right, .shadowbox-left{
	margin:10px 0px !important;
	float:none;
	display:block;
	}
}

.announcement-item .announcement-social .social-button.fb-button{
  padding-top:0px;
}
.announcement-image{
position:relative;
}
.announcement-image img{
display:block;
border:4px solid #FFFFFF;
-webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.25);
box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.25);
margin:10px 0px;
}
.announcement-credits{
color:#666;
text-transform:uppercase;
font-size:10pt;
line-height:12pt;
}
.announcement-author{
display:inline-block;
padding-right:10px;
}
.announcement-date{

}
.announcement-summary{

}
.announcement-readmore{
margin-bottom:20px;
}
.announcement-readmore a{
font-weight:700;
font-size:14pt;
line-height:16pt;
}
.announcement-tags{
color:#666;
font-size:10pt;
line-height:12pt;
margin-bottom:10px;
}
.announcement-tags a{
display:inline-block;
padding-left:10px;
margin-left:5px;
border-left:1px dotted #CCC;
}
.announcement-item .date{
padding:10px 0px;
border:0 !important;
-webkit-border-radius: 5px;
border-radius: 5px;
background:#0251a0 !important;
}
.announcement-item .date,
.announcement-item .date .month,
.announcement-item .date .day,
.announcement-item .date .year,
.announcement-item .date .time{
color:#FFF !important;
}
.announcement-item .date{
padding:5px 0px !important;
}
.announcement-item .date .month{
font-size: 11pt !important;
line-height: 13pt !important;
}
.announcement-item .date .day{
font-size: 22pt !important;
line-height: 24pt !important;
}
.announcement-item .date .year{
font-size: 10pt !important;
line-height: 12pt !important;
letter-spacing:0pt !important;
}


.sharing{
margin-top:10px;
}
.sharing table tr td{
display:inline-block;
margin:0px 4px 4px 0px;
padding:0 !important;
}

@media (min-width: 650px) {
	.announcement-item .date{
		width:8% !important;
	}
	.announcement-item .announcement-details{
		width:90% !important;
	}

}

@media (max-width: 650px) {

	.announcement-item .announcement-details .image{
	display:block !important;
	float:none !important;
	padding:0 !important;
	width:100% !important;
	}
	.announcement-item .title{
	font-size: 20pt !important;
    line-height: 22pt !important;
	}
	.announcement-item .announcement-image a i, .announcement-item .photos-attached a i {
	right:10px !important;
	}


}

/*PRETTY PHOTO OVERRIDES*/

.pp_pic_holder.pp_default { width: 100% !important; left: 0 !important; overflow: hidden; }
.pp_pic_holder .ppt{width:90% !important;}
div.pp_default .pp_content_container .pp_left { padding-left: 0 !important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0 !important; }
.pp_content { width: 100% !important; height: auto !important; }
.pp_fade { width: 100% !important; height: 100% !important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none !important; }
#pp_full_res img { width: 100% !important; height: auto !important; }
.pp_details { width: 100% !important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px !important; min-height: 50px;}
a.pp_close { right: 7% !important; top: 10px !important; }



/* VIDEO CONTAINER */


.video-container iframe, .video-container object, .video-container embed {
 margin:20px;
}

@media (max-width: 570px) {

	.video-container {
		position:relative;
		padding-bottom:56.25%;
		padding-top:30px;
		height:0;
		overflow:hidden;
		margin-bottom:20px;
	}

	.video-container iframe, .video-container object, .video-container embed {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		margin:0;
	}

}

#contact-panel{
background: rgb(1, 92, 171) url('/art/action-bg-mobile.jpg') no-repeat center center fixed;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
padding:20px;
color:#FFF;
}
#contact-panel a{
color:#ffff00;
padding:5px 10px;
border:1px solid #FFF;
display:inline-block;
}
#contact-panel a:hover{
color:#ffcc00;
}
#footer-social a{
padding:5px;
border:none;
color:#FFF;
}



#contact-panel h3{
font-size: 14pt;
line-height: 18pt;
font-weight: 900;
display: block;
color: rgb(255, 255, 0);
padding:0;
margin:0;
font-style: italic;
}

#footer-navigation{
text-align:center;
margin:0px 0px;
padding:20px;
background:#f3f2ed;
}
#footer-navigation a{
display:inline-block;
-webkit-border-radius: 0px;
border-radius: 0px;
margin:5px;
border:1px solid #22180c;
padding:3px 5px;
color:#22180c;
}
#footer-navigation a:hover{
border:1px solid #22180c;
color:#22180c;
}

/*FOOTER */

#footer{
background:#f3f2ed;
color:#666;
padding:20px;
font-size:10pt;
line-height:12pt;
margin-bottom:0;
font-weight:bold;
}

#footer a.big-button, #footer a.big-button:hover{
color:#FFF;
}


.footer-info{
	width:45%;
	display:inline-block;
	vertical-align:top;
	margin-right:20px;
}


@media (max-width: 320px) {
	.footer-info{
		width:100%;
		display:block;
	}
}

/* UI DIALOG BOX */

.ui-widget-overlay {
   background: #000;
   opacity: .70;
   filter: Alpha(Opacity=70);
}

.ui-widget.dialog_edit {
font-family: 'Roboto', Helvetica, sans-serif;
    font-size: .8em;
    z-index:2001;
	-webkit-box-shadow: 0 10px 20px 2px rgba(0,0,0,04);
	box-shadow: 0 10px 20px 2px rgba(0,0,0,04);
	-webkit-border-radius: 0;
border-radius: 0;
border:0;
}

.ui-widget-content {
    background: #FFF;
    color: #333;
}

.ui-dialog {
    left: 0;
    outline: 0 none;
    padding: 0 !important;
    position: absolute;
    top: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border:0;
}

.ui-dialog .ui-dialog-content {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    overflow: auto;
    position: relative;
    padding: 20px !important;
    margin: 0;
	border:8px solid #EFEFEF;
	border-top:0px;
	border-bottom:0px;
}

.ui-dialog .ui-widget-header {
    background: #cc6633;
    color: #FFF;
    border: 0;
    font-weight: normal;
	-webkit-border-radius: 0;
	border-radius: 0;
	border:8px solid #504a8d;
	border-bottom:0px;
	text-transform:uppercase;
}

.ui-dialog .ui-dialog-titlebar {
    position: relative;
	font-size:14pt;
	line-height:16pt;
	font-weight:bold;
	font-family: 'Roboto', Helvetica, sans-serif;
	padding:10px 20px;
}

.ui-dialog .ui-dialog-titlebar-close {
margin-right:10px;
}

.ui-dialog .ui-dialog-buttonpane {
margin-top:0px;
border:8px solid #EFEFEF;
border-top:0px;
}
.ui-dialog .ui-dialog-buttonpane button {
font-family: 'Roboto', Helvetica, sans-serif;
color:#FFF;
font-weight: bold;
font-size:12pt;
line-height:14pt;
border:0px;
padding:5px 8px;
background:#d37c47;
-webkit-border-radius: 0;
border-radius: 0;
}
.ui-dialog .ui-dialog-buttonpane button:hover {
background:#bc6834;
}
.ui-dialog .ui-dialog-buttonpane button.dialog-confirm{
background:#F00;
}
.ui-dialog .ui-dialog-buttonpane button i{
color:#e8c5b0;
}

#errors {
	background-color:#990000;
	color:#fff;
	width:100%;
	padding:20px;
	display:none;
	border-radius: 8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	margin-bottom: 20px;
	margin-top:10px;

}

/* title */
#errors h2 {
	margin:-5px 0;
	color:yellow;
	font-size:14pt;
	line-height:18pt;
}


#errors p {
font-size:11pt;
line-height:14pt;
}

/*forms*/

/* FORMS */

.form-field-container{
margin:5px 0px;
}
.form-field-container:after{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.form-label-narrow{
width:20%;
display:inline-block;
vertical-align:top;
text-align:right;
margin-right:10px;
padding-top:5px;
}
.form-label{
width:30%;
display:inline-block;
vertical-align:top;
text-align:right;
margin-right:10px;
padding-top:5px;
}
.form-input{
width:65%;
display:inline-block;
vertical-align:top;
}
.form-input-long{
width:75%;
display:inline-block;
vertical-align:top;
}
.input-item span, .input-item-long span{
color:#666;
}
.input-item-long label{
display:block;
margin:5px 0px;
}

.inputbox{
padding:10px;
background:#FFF;
border:1px solid #CCC;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size:12pt;
line-height:14pt;
color:#666;
}

@media (max-width: 500px) {
	.form-label-narrow,
	.form-label,
	.form-input,
	.form-input-long
	{
	width:100%;
	margin-right:0;
	text-align:left;
	}
	.inputbox{
	width:100% !important;
	}
}


#contact-form span{
color:#666;
}
#contact-form label{
display:block;
}

.contact-wide{
margin:8px;
}


.desktop-only{
display:none !important;
}

/* PAGINATION */

.tnt_pagination {
	display:block;
	text-align:right;
	height:22px;
	line-height:21px;
	clear:both;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

.tnt_pagination a:link, .tnt_pagination a:visited{
	padding:5px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #EBEBEB;
	margin-right:5px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#0072bc;
	width:22px;
	font-weight:normal;
}

.tnt_pagination a:hover {
	background-color:#DDEEFF;
	border:1px solid #BBDDFF;
	color:#0072BC;
}

.tnt_pagination .active_tnt_link {
	padding:5px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #BBDDFF;
	margin-right:5px;
	text-decoration:none;
	background-color:#DDEEFF;
	color:#0072BC;
	cursor:default;
}

.tnt_pagination .disabled_tnt_pagination {
	padding:5px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #EBEBEB;
	margin-right:5px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#D7D7D7;
	cursor:default;
}


.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

table{
background:#FFF !important;
}
table th{
display:none;
}

tr:nth-child(even) {background-color: #f2f2f2}

table tr td{
display:block;
margin:0px;
padding:0px;
background:transparent !important;
}

.small-button,
.big-button,
input[type=submit]{
-webkit-border-radius: 5px;
border-radius: 5px;
display:inline-block;
padding:5px 10px;
font-family: "Lato", sans-serif !important;
color: #FFF;
border:0px;
background: #0176ff;
}
.small-button:hover,
.big-button:hover,
input[type=submit]:hover{
padding:5px 10px;
font-family: "Lato", sans-serif !important;
color: #FFF;
border:0px;
background: #0064d8;
}
.small-button:active,
.big-button:active,
input[type=submit]:active{
padding:6px 10px 4px 10px;
font-family: "Lato", sans-serif !important;
color: #FFF;
border:0px;
background: #0064d8;
}
input[type=submit].button-disabled {
border:0px;
background:#CCC;
color:#999;
}

.thank-you{
padding: 10px;
background: #f7f1ea;
border: 1px solid #d0c7bc;
-webkit-border-radius: 5px;
border-radius: 5px;
color:#22180c;
text-align:center;
}

.footer-entry-point{
border: 1px solid #CCC;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 10px 20px;
}

.portfolio-examples-container{
padding:20px 20px;
background:#EFEFEF;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.portfolio-examples-container div{
padding:5px;
text-align:center;
}
.portfolio-examples-container .portfolio-examples img{
margin:0px auto;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,0.25);
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.25);
}

fieldset{
border:1px solid #CCC;
padding:0px 20px;
margin:20px 0px;
-webkit-box-shadow: 0 2px 3px 1px rgba(0,0,0,0.25);
box-shadow: 0 2px 3px 1px rgba(0,0,0,0.25);
}
legend{
font-size:14pt;
line-height:16pt;
padding:5px 10px;
background:#e3eaf3;
border:1px solid #c5d0e0;
color:#015cab;
font-weight:700;
}

@media screen and (max-width: 400px) {
	.portfolio-examples-container div{
	padding:5px 1px;
	}
	.portfolio-examples-container .portfolio-examples img{
		width:100%;
	}
}

.item{
background:#FFF;
margin:8px;
position:relative;
text-align:center;
cursor:pointer;
}

.item img{
border: 1px solid #CCC;
width:95%;
}


#community-1 .item,
#community-2 .item,
#portfolio-items .item,
#client-list .item{
display:inline-block;
vertical-align:top;
}

#portfolio-items,
#client-list{
text-align:center;
}

#portfolio-items .item,
#client-list .item{
width:160px;
cursor:auto;
height:210px;
}

#portfolio-items .item .item-description,
#client-list .item .item-description{
font-size:10pt;
line-height:12pt;
text-align:center;
}

@media screen and (max-width: 750px) {
	#portfolio-items .item,
	#client-list .item{
	width: 280px;
    height: 320px;
	}
}

@media screen and (max-width: 500px) {
	#portfolio-items .item,
	#client-list .item{
	width: 200px;
    height: 240px;
	}
}

@media screen and (max-width: 400px) {
	#portfolio-items .item,
	#client-list .item{
	width:250px;
	height:300px;
	}
}

.smm-icons{
width:100px;
text-align:center;
display:inline-block;
margin:10px;
}


.smm-col{
width:180px;
padding:0px 10px;
margin:5px 1px;
display:inline-block;
vertical-align:top;
text-align:right;
font-size:10pt;
line-height:12pt;
}
.smm-col span{
padding:0;
margin:0;
color:#666;
display:block;
}
.smm-col.blue{
width:120px;
padding:10px;
background:#ebf3fb;
text-align:center;
}
.smm-col.gray{
width:120px;
padding:10px;
background:#eeeeee;
text-align:center;
}

.reasons-item{
position: relative;
border-top: 3px solid #0251a0;
border-right: 3px solid #0251a0;
margin: 10px;
-webkit-border-radius: 0 20px 0 0;
border-radius: 0 20px 0 0;
font-size: 10pt;
line-height: 14pt;
}
@media screen and (max-width: 500px) {
	.reasons-item{
	margin:24px 0px;
	}
}
.reasons-item p{
padding: 20px 5px 0 20px;
margin:0;
}
.reasons-item .circle{
border-radius: 50%;
width: 34px;
height: 34px;
padding: 5px;
position: absolute;
text-align: center;
top: -18px;
left: 0px;
font-size: 14pt;
line-height:16pt;
color: #FFF;
background: #0251a0;
font-weight: bold;
}
.rounded-corners{
-webkit-border-radius: 5px;
border-radius: 5px;
}