/* -- edreamz October 2014  |  Spirit Communication  |  Katelynn M. Barlowe  -- */

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

[data-icon]:before, [data-icon-after]:after {
  font-family: Characters,sans-serif; /* BYO icon font, mapped smartly */
  content: attr(data-icon);
  speak: none; /* Not to be trusted, but hey. */
}
[data-icon-after]:after{ content: attr(data-icon-after); }
.char{ font-family: Characters; }

/* -- Global -- */

body{background:#09225e; color:#000; font-size:24px; line-height: 36px; font-family: 'proxima-nova', sans-serif; font-style: normal;font-weight: 400;}

p{margin:0; padding:0 0 15px 0;}

h1 { color: #000000; font-size: 90px; font-family: "proxima-nova", sans-serif; font-weight: 300; font-syle:normal; line-height:normal; padding-bottom:10px; text-transform: uppercase; }
h2 { color: #3dc7cd; font-size: 70px; font-family: "proxima-nova", sans-serif; font-weight: 300; line-height:normal; padding-bottom:10px; text-transform: capitalize;}
h3 { color: #3dc7cd; font-size: 28px; font-family: "proxima-nova", sans-serif; font-weight: 600; line-height:normal; padding-bottom:10px;}

a { color:#0034ad; text-decoration: none; cursor:pointer;
    transition:all 250ms linear;
    -moz-transition:all 250ms linear;
}
a:hover { color:#2356cd; text-decoration:none;}

a.more{color:#008752; font-weight:bold; font-size:12px; line-height:12px;}
a.more:hover{text-decoration:none; color:#0086AB;}

.btn{padding:7px 30px; border: 2px solid #3dc7cd; color:#3dc7cd; text-align:center; display:inline-block; line-height:55px; margin:10px 0 0; cursor:pointer; text-transform: uppercase; font-size: 21px; 
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
    background: #ffffff; /* Old browsers */
    
}
.btn:hover{ color:#fff;
    background: #3dc7cd; /* Old browsers */
}

ol li{list-style: decimal; margin-bottom: 5px;}

hr{height:1px; border:0; color:#fff; background-color:#ccc; margin:10px 0;}
img{ max-width: 100%; }


/* -- Set Container To Initial Width of Site -- */
.container {width:1720px; padding:0; margin:0 auto; position:relative; z-index:25;}


/* -- Main Navigation -- */
#navigation{ clear:both; background:url('../images/structure/bg-main-nav.jpg') left top repeat-x; height:40px; z-index:500; position:relative;}
.menu-hold { float: right;}
.menu-hold .menu-toggle,.menu-hold .menu-toggle-off{ display: none; }
ul#main-nav{ margin-top:60px; padding:0; }
ul#main-nav li{ display: block; padding-bottom: 16px; float: left; list-style:none; position:relative; text-align:center;}
ul#main-nav li a{display:block; margin-left: 10px; padding:0 40px; font:400 18px "proxima-nova", sans-serif; color:#393738; line-height:48px; text-transform: uppercase;
    transition:0;
    -moz-transition:0;
 }
ul#main-nav > li > a{ transition:none; -moz-transition:none; }
ul#main-nav > li > a:hover,ul#main-nav > li > a.selected, ul#main-nav > li > a.active,ul#main-nav > li:hover > a{ padding:0 40px;  line-height:48px; color: #0034ad;
    background: #ffffff; /* Old browsers */
}
ul#main-nav li a.selected, ul#main-nav li a.active{color:#285ba6; font-weight: 600;}

/* -- Sub Navigation -- */
ul#main-nav li .subNav{display:none; position:absolute; left: 10px; top:0px; min-width:200px; background:#000; z-index:9999; padding:0; border:3px solid #fff; 
     background: #ffffff; /* Old browsers */
}
ul#main-nav li#nav-3 .subNav,ul#main-nav li#nav-5 .subNav{ left: auto; right: 0; }
ul#main-nav li#nav-3 .subNav.threeCol4{ right: -346px; }
ul#main-nav li:hover .subNav{ display: block; }
ul#main-nav li .subNav.threeCol2{ min-width: 465px; }
ul#main-nav li .subNav.threeCol3{ min-width: 825px; }
ul#main-nav li .subNav.threeCol4{ min-width: 990px; }
ul#main-nav li .subNav.threeCol5{ min-width: 1185px; }
ul#main-nav li .subNav ul{margin:0; padding:0;}
ul#main-nav li .subNav ul li{float:none; padding-bottom: 0; display:block; text-align: left; }
ul#main-nav li .subNav.threeCol3 > ul > li{float:left; width: 33.333%; }
ul#main-nav li .subNav.threeCol5 > ul > li{float:left; width: 20%; }
ul#main-nav li .subNav.threeCol4 > ul > li{float:left; width: 25%; }
ul#main-nav li .subNav.threeCol2 > ul > li{float:left; width: 50%; }
ul#main-nav li .subNav a{ position: relative; margin: 0; padding:0; font: normal 14px/25px "Roboto", sans-serif; font-style: italic; text-transform: none; 
    transition:150ms linear background,150ms linear color;
    -moz-transition:150ms linear background,150ms linear color;
}
ul#main-nav li .subNav a span{ padding:0px 30px 0 15px; font: normal 14px/25px "Roboto",sans-serif; font-style: italic; text-transform: none; }
ul#main-nav li .subNav a:hover{ opacity: .6; }
ul#main-nav li .subNav.threeCol .subCol{ padding:5px 30px 15px 15px; min-height: 202px; border-right: 4px solid #fff; 
    transition:all ;
}
ul#main-nav li .subNav a span{  }
ul#main-nav li .subNav.threeCol a span{ padding: 0; font-weight: bold; font-style: normal; text-transform: uppercase; color:#841f54; line-height: 32px; font-size: 16px; }
ul#main-nav li .subNav .subCol:hover{ background: #fff; }
ul#main-nav li .subNav.threeCol .subCol:after{ position: absolute; right: -13px; top: 52px; font-size: 112px; color: #FFF; font-family: Characters; content: "\e07a"; font-style: normal; }
ul#main-nav li .subNav .subCol:hover:after{ color:#13afe9; }

/* -- Main Layout -- */
#wrapper, #mwrapper{background:#FFF;}
#mwrapper{position:relative;}
#mwrapper .container, #mfooter .container{max-width:1000px;}
#header, #homeLinks, #content, #cloud, #phones, #footer, #marketing { float: left; width: 100%; clear: both; }

#header {  background: #fff; margin-bottom:0px; z-index: 26; position: relative; }
#header .logo { float:left; width: 282px; margin:0px 30px; display:block; }

#header .logo:nth-child(2) { display:none; }
#header .logo:nth-child(3) { display:none; }

#header .logo a {}
#header .live-feed { display:block; float:right; margin-top:10px; margin-right:20px; margin-bottom:-35px; }

#mheader .logo{width:163px; margin:15px auto;}

#mheader{position:absolute; top:0; left:0; width:100%; z-index:999;}
#mheader .menu-hold{top:10px; left:10px;}
#mheader .menu-hold:not(:target) .menu-toggle, #mheader .menu-hold:target .menu-toggle-off{color:#FFF; font-family: Characters; font-size: 55px;}


#mheader .menu-hold { position:absolute; float:none; top:10px; left:10px; width: 60px; z-index: 7; }
   #mheader  .menu-hold:not(:target) .menu-toggle,#mheader .menu-hold:target .menu-toggle-off{ display: block;}
    #mheader .menu-hold #main-nav ul{ max-height: 0; overflow: hidden; width: 315px;margin:0; margin-top: 22px; padding:0;
        transition:1050ms linear max-height;
        -moz-transition:1050ms linear max-height;
     }
    #mheader .menu-hold:target #main-nav ul{ max-height: 5000px;  list-style:none;}
   #mheader  #main-nav ul{ background: #fff; }
   #mheader  #main-nav ul li{ float: none; text-align: left; padding-bottom: 0; margin: 0; margin:0; padding:0; }
   #mheader  #main-nav ul > li > a{ display:block; margin-left: 0; padding:0 20px; font:500 18px "proxima-nova", sans-serif; color:#010101; line-height:48px; text-transform: uppercase;
  border: 4px solid #FFF;
  border-bottom: 4px solid #D3D3D3;
  border-right: 4px solid #EEE;
  background: #FFF;
  background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#ECECEC));
  background: -webkit-linear-gradient(top, #FFF 0%,#ECECEC 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#ececec 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#ececec 100%);
  background: linear-gradient(to bottom, #FFF 0%,#ECECEC 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );
     }
	 #mheader  #main-nav ul > li > a:hover{ color: #0034ad;}
   
   
   




#topnav { float:right; margin:21px 0 10px 0; color:#000; visibility: hidden;}
#topnav a{ color:#000; }
#topnav a:hover{ color:#0034ad; }
#topmsg{clear:right; float:right; text-align:right; font-weight:bold;}

.phone{ display: none; clear: right; float: right; margin-left: 20px; background: url(../images/24hr.png) no-repeat left center; padding-left: 40px; font-size: 28px; text-transform: uppercase; text-align: center; font-family: "Roboto",sans-serif; font-weight: 500; line-height: 20px; }
.phone a{ color:#000; }
.phone span{ font-size: 16px; }

.search { float: right; margin-left: 35px; margin-bottom: 25px; position: relative; display: none; }
#search.search .content{ position: absolute; min-width: 275px; right: 0; top: 46px; }
#search.search:not(:target) .content,#search.search:not(:target) .toggleBtn.off,#search.search:target .toggleBtn{ display: none; }
#search.search:target .toggleBtn.off{ display: block; }
.search .toggleBtn{ padding: 8px; margin-top: 9px; float: right; border:3px solid #fff; border-bottom: 3px solid #d3d3d3; border-right: 3px solid #eeeeee; color:#000; font-family: Characters; font-size: 18px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#ececec 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#ececec 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#ececec 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
 }
.search .toggleBtn:hover{ color: #0034AD; }
.search input[type=text]{  float: left; margin-top: 0; border:3px solid #fff; border-bottom: 3px solid #e4e4e4; border-right: 3px solid #e7e7e7; font-size: 14px; font-style: italic; outline: none;
    background: #ececec; /* Old browsers */
    background: -moz-linear-gradient(top, #ececec 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ececec 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ececec 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ececec 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ececec 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 }
.search button{ float: left; cursor: pointer; background: transparent; border: 0; margin-left: -45px; margin-top: 4px; font-size: 24px; outline: none; }

.social{ float: right; margin-left: 28px; display: none; }
.social a{/*Changed from block and float:left*/ display: inline-block; padding: 0px 6px; margin:18px 5px 5px; color: #09225e; font-family: Characters; font-size: 16px; line-height: 28px; border-radius: 50%;}
.social a:hover{ opacity: .8; }
.social a.fb{ background: #ffffff; }
.social a.tw{ background: #ffffff; }
.social a.li{ background: #ffffff; }

.extra-links{ float: right; margin-left: 35px; text-transform: uppercase; color:#0034ad; font: "Roboto",sans-serif; }
.extra-links img{ vertical-align: middle; }
.extra-links a{ display: block; float: left; margin:22px 28px 0; font-size: 15px; }
.extra-links a:hover{ opacity: .8; }

#marketing{overflow:hidden; position: relative; z-index: 25; 
    
 }
 .home #marketing{ border: 0; box-shadow: 0 0 0; }
#marketing #marketing-panel{z-index:100; position:relative;}
#marketing .banner h1{ position: absolute; top:175px; left: 0; width: 100%; text-align: center; }
#marketing img.gradient{ position: absolute; top: 0; left: 0; z-index: 4; }
#marketing .banner img{ float: left; }

#mmarketing .slides img{width:100%;}

#homeLinks{ margin: 95px 0; text-align: center;
    background: #ffffff; /* Old browsers */
    
}
.home #homeLinks a{ display: inline-block; margin:-40px 45px; width: 356px; font: 500 42px/245px "Roboto",sans-serif; color:#000; 
}
#homeLinks a.internet{ background: url(../images/bg-internet.jpg) no-repeat center center; 
background-size: 356px 207px;
text-indent: -9999px; }
#homeLinks a.data{ background: url(../images/bg-data.jpg) no-repeat center center; text-indent: -9999px; background-size: 356px 207px;}
#homeLinks a.voice{ background: url(../images/bg-voice.jpg) no-repeat center center; text-indent: -9999px; background-size: 356px 207px;}
.home #homeLinks a:hover{ 
    
 }

#tabs #homeLinks { padding:25px 0; }
#tabs #homeLinks ul{ padding: 0; list-style: none; width: 1450px; margin: 0 auto; }
#tabs #homeLinks ul li{ float: left; margin-left: -5px; }
#tabs #homeLinks ul li.odd{ margin-top: 155px; }
#tabs #homeLinks a{ text-align: center; font:500 20px "Roboto",sans-serif; color:#000; }
#tabs #homeLinks span.img{ border: 4px solid #bec0bf; border-radius: 50%; overflow: hidden; display: inline-block; background:#184a9b url(../images/bg-industry-tab.gif) no-repeat center center; 
    transition:150ms linear background;
    -moz-transition:150ms linear background;
}
#tabs #homeLinks a:hover span.img,#tabs #homeLinks li.ui-state-active span.img{ background:#ed2726 url(../images/bg-industry-tab-hover.gif) no-repeat center center; }
#tabs #homeLinks a#ui-id-1:hover span.img,#tabs #homeLinks li.ui-state-active a#ui-id-1 span.img{ background: url(../images/bg-industry-tab-retail.gif) no-repeat center center; }
#tabs #homeLinks a#ui-id-2:hover span.img,#tabs #homeLinks li.ui-state-active a#ui-id-2 span.img{ background: url(../images/bg-industry-tab-healthcare.gif) no-repeat center center; }
#tabs #homeLinks a#ui-id-3:hover span.img,#tabs #homeLinks li.ui-state-active a#ui-id-3 span.img{ background: url(../images/bg-industry-tab-manufacturing.gif) no-repeat center center; }
#tabs #homeLinks a#ui-id-4:hover span.img,#tabs #homeLinks li.ui-state-active a#ui-id-4 span.img{ background: url(../images/bg-industry-tab-financial.gif) no-repeat center center; }
#tabs #homeLinks a#ui-id-5:hover span.img,#tabs #homeLinks li.ui-state-active a#ui-id-5 span.img{ background: url(../images/bg-industry-tab-education.gif) no-repeat center center; }
#tabs #homeLinks a#ui-id-6:hover span.img,#tabs #homeLinks li.ui-state-active a#ui-id-6 span.img{ background: url(../images/bg-industry-tab-legal.gif) no-repeat center center; }
#tabs #homeLinks a#ui-id-7:hover span.img,#tabs #homeLinks li.ui-state-active a#ui-id-7 span.img{ background: url(../images/bg-industry-tab-government.gif) no-repeat center center; }
#tabs #homeLinks a#ui-id-8:hover span.img,#tabs #homeLinks li.ui-state-active a#ui-id-8 span.img{ background: url(../images/bg-industry-tab-auto.gif) no-repeat center center; }
#tabs #homeLinks a#ui-id-9:hover span.img,#tabs #homeLinks li.ui-state-active a#ui-id-9 span.img{ background: url(../images/bg-industry-tab-carriers.gif) no-repeat center center; }
#tabs #homeLinks span.img img{ vertical-align: middle; }
#tabs #title{ text-align: center;
}
#tabs #title{ margin: -40px -40px 20px -40px; }
#tabs #title h2{ padding-bottom: 0; line-height: 70px; }
#tabs .tab.content-bg{ border: 0; 
 }

/* -- Content Views Layout -- */
#content, #mcontent{background:#FFF; position:relative; padding:70px 0 10px 0;
    background: #ffffff; /* Old browsers */
    
}
.home #content{ padding-top: 75px; }
.home #content .container{ width: 1200px; }
#content a{ }
h2.p1 span b {font-size: 50px; font-weight: normal; text-transform: capitalize;}
#colLeft p.p2 span[style] {font-size: 20px !important; font-weight: normal; line-height: 35px;}

#int-wrap .container{padding:10px 0; width: 1520px;}
.tab .container{ width: 1520px;}
.tab h3 {color: #841f54; text-transform: uppercase;} 
.tab h4 {color: #09225e; text-transform: uppercase; font-size: 20px; font-weight: 600;}
.tab ul {margin-top: 10px; margin-bottom: 10px;}

.experience-table td:first-child {padding-right:75px;}


#content .headerImage img{border:1px solid #333; border-radius:9px; margin:10px 0;}

#mcontent{text-align:center; padding:40px 10px;}
#mcontent h3{color:#000;}
#mcontent h2{font-size:28px;}

#mcontent .ctas .cta{margin:10px 0;}
#mcontent .ctas .cta span::after{display:none;}

/* -- CTAs Layout -- */
#content .cta-grey{background:url('../images/structure/bg-cta-grey.jpg') left bottom repeat-x #FFF; border:1px solid #ccc; border-radius:5px; margin:10px 0; padding:15px; display:block;}
#content .cta-grey p{font-size:12px; padding-bottom:0;}

/* -- Tabbed Content -- */
.tab{ clear: both; border-top: 2px solid #e1e1e1; padding: 40px; background: #fff; }
#tabs .table{ border-spacing: 3px; margin-left: -3px; margin-bottom: -4px; position: relative; z-index: 10; }
#content ul.tabs{ display: table; margin-left: 1px; margin-bottom: 0px; padding: 0; margin-top: 40px; /*margin: 0;*/ list-style: none; position: relative; z-index: 10; }
.ie9 #content ul.tabs{ border-collapse: collapse; }
#content ul.tabs li{ border-right: 2px solid #e1e1e1; width:252px; padding:20px 40px; display: table-cell; margin-right: 4px; vertical-align: middle; text-align: center; outline: none; cursor:pointer; 
    background: #ffffff; 
}
#content ul.tabs li:last-child {border-right: 0px;}
#content ul.tabs li:hover {background: #861b58; filter:none; color: #ffffff; }
#content ul.tabs a{ text-align: center; font:500 22px/26px "Roboto",sans-serif; color:#393738; }
#content ul.tabs a:hover {color:white;}
#content ul.tabs li.r-tabs-state-active{ border-left: 1px solid #861b58; border-right: 1px solid #861b58; border-bottom: 1px solid #861b58; margin-bottom: -2px; padding-top: 18px;
    background: #861b58;
 }
#content ul.tabs li.r-tabs-state-active a{ color:#ffffff; }


.ctas{ text-align: center;}
.ctas .cta{ display: inline-block; height: 200px; width: 450px; position: relative; margin: 30px 20px 40px 20px; text-align: center; 
    transition:150ms linear opacity;
    -moz-transition:150ms linear opacity;
}
.ctas .cta:hover{ opacity: .85; }
.ctas .cta span{ position: absolute; top:53px; display: block; color:#fff; width: 60%; font: 47px/47px "proxima-nova",sans-serif; 
    
}
.ctas .cta span:after{ position: absolute; top: 24px; right: -161px; font-size: 99px; font-family: Characters; content:"\e07a"; color:#ffffff; font-weight: normal; }

/* -- Media List Layout -- */
.list-media{padding:10px 0; position:relative;}
.list-media .media-img{float:left; margin:4px 20px 10px 0; display:block;}
.list-media .media-info{padding:0 0 10px 160px;}
.list-media .media-info h3{padding:0;}

/* -- Form -- */
input[type=text], select, textarea{padding:5px 3px; color:#666; outline: none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
label{font-weight:bold; color:#777;}
#quickcontact-wrap .textfieldarea, #blogcomment .textfieldarea{ min-height: 60px;  }
#quickcontact-wrap { position: fixed; bottom: 50px; right: -259px; z-index: 10000; 
    transition:right 250ms ease;
    -moz-transition:right 250ms ease;
}
#quickcontact-wrap.active { right: 0; }
#quickcontact-wrap .form{ width: 210px; background: #e1e1e1; padding: 20px; text-align: center;
}
#quickcontact-wrap a.btn{ position: absolute; bottom: 0; left:-81px; opacity: .60; padding: 12px 11px; line-height: 40px; font-size: 26px; color: white; border-bottom-right-radius: 0px; border-top-right-radius: 0px;
    background: #3dc7cd; /* Old browsers */
    
}
#quickcontact-wrap a.btn:after{ padding-left: 10px; content: "\e07a"; font-family: Characters; font-weight: normal; font-size: 45px; vertical-align: middle; }
#quickcontact-wrap .form .btn{ padding: 0 20px; line-height: 35px; background-color: #861b58; border: #861b58; color: white; }
#quickcontact-wrap h3 {
    color: #09225e;
    text-transform: uppercase;
    font-size: 90%;
}
#quickcontact-wrap label {font-size: 68%;}

.form .col{margin-bottom: 15px;}
.state{width:200px; float:left; margin-right:10px;}
.state #state-select{ width:200px; padding:4px 5px; margin:5px 0;}
.zip{ float:left;}
.zip .zip-text{ width:100px; padding:4px 5px; margin:5px 0;}

.fielditem .fi-split{float:left; margin-right:20px;}
.fielditem .check{margin:5px 20px 10px 10px; float:left;}
.fielditem .check label{font-size:12px; font-weight:normal;}
.required{color:#C00;}

/* -- featured Sider -- */
#content .cta-sc{background:url('../images/structure/bg-cta-grey.jpg') left bottom repeat-x #FFF; border:1px solid #ccc; border-radius:5px; width:368px; margin:10px 0; float:left;}
#content .cta-sc #sc-top{padding:10px; border-bottom:1px solid #ccc;}
#content .cta-sc #sc-top #slide-controls{width:52px; height:23px; display:block; float:right; margin-top:2px;}
	#slide-controls #go-prev a{width:23px; height:23px; display:block; background:url('../images/buttons/slider-arrow-left.png') top left no-repeat; float:left; cursor:pointer;}
	#slide-controls #go-next a{width:23px; height:23px; display:block; background:url('../images/buttons/slider-arrow-right.png') top left no-repeat; float:right; cursor:pointer;}
	#slide-controls a:hover{background-position:bottom !important;}
#content .cta-sc #sc-title{font:bold 22px 'Fontin', sans-serif; color:#005193; background:url('../images/structure/icon-circles.png') center left no-repeat; height:26px; line-height:26px; display:block; padding:0 0 0 30px; float:left;}
#content .cta-sc #sc-bot{padding:10px; border-top:1px solid #ccc;}
#content .cta-sc #slide-clients{width:358px; height:92px; margin:10px 0; overflow:hidden; position:relative;}
#content .cta-sc #slide-clients .client{ width:122px; margin:0; padding:0; border-right:1px solid #ccc;}
#content .cta-sc #slide-clients .client .sc-logo{height:92px; width:102px; margin:0 auto; padding:0; display:block; text-indent:-999px; overflow:hidden;}

.news-item{ width: 100%; background: #FFF; padding: 20px; margin-bottom: 15px; border-bottom: 3px solid #FCCD39; 
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.isotope:not(.news-list) .news-item{ border-bottom: 0; border-left: 9px #09225e solid; background:#f1f1f1;  }


.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


.sorting{ margin-bottom: 10px; font: 500 16px "Roboto",sans-serif; text-transform: uppercase; }
.sorting select{ width: auto; margin-left: 10px; font-family: Arial,sans-serif; font-size: 12px; }

#cloud { display: block; height: 360px; width: 100%; background: url(../images/cloud.png) no-repeat center; background-size:cover;  color:#fff; text-align: center; overflow: hidden; margin-bottom: -10px; }
#cloud span{font:500 60px "Roboto",sans-serif; text-shadow:3px 3px 3px rgba(0,0,0,.21);  }
#cloud p{ padding: 0; }
#cloud img{  position: absolute; top: 0; left: 0; max-width: none; }
#cloud .btn{padding: 0 30px; line-height: 40px; font-size: 18px; }
#cloud .invisible-box {display: block; height: 390px; width: 100%;}
/* -- Phones -- */
#phones{ margin: 40px 0 85px 0; }
#phones .flexslider{ background: #fff; padding: 10px 40px; }
#phones .flexslider li{ margin:0 15px; }
#phones .flex-direction-nav{ display: block; }
#phones .flex-direction-nav a,#phones .flexslider:hover .flex-direction-nav a {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    height: 100%;
    width: 48px;
    text-indent: -9000px;
    cursor: pointer;
    color:#000;
    font-size: 65px;
    opacity: 1;
    transition:150ms linear background;
    -moz-transition:150ms linear background;
}
#phones .flex-direction-nav a.flex-next,#phones .flexslider:hover .flex-direction-nav a.flex-next{ left: auto; right: 0; }
#phones .flex-direction-nav a:after{ font-family: Characters; text-indent: 0; position: absolute; top: calc(50% - 12px); top: -moz-calc(50% - 12px); left: 6px; content:"\e07a"; }
#phones .flex-direction-nav a.flex-prev:after{ content:"\e077"; left: 2px; }

/* -- Footer -- */
#footer { color:#FFF; background-color: #09225e; line-height: 20px; font-size: 18px; padding-top:34px; text-align: center; }
#footer .col{ text-align:left;  }
#footer .col p{ padding-bottom: 15px; }
#footer p{ padding: 0; }
#footer a{ }
#footer a:hover{ opacity: .8; }
#footer span{ font-size: 12px; }
#footer contact {   }
#footer span a{ font-weight: normal; }
#footer .social { display: inline-block; float: none; margin: 15px 0; }
#footer .footer-links {padding-top:28px;}
#footer .footer-links a {color: white;}

#mfooter { color:#FFF; line-height: 20px; font-size:14px; padding-top:10px; text-align: center; }
#mfooter .col{ float: none; margin: 0; text-align: center; }
#mfooter .col p{ padding-bottom: 15px; }
#mfooter .social{ display: inline-block; float: none; margin: 0; }
#mfooter strong{ color:#fccd39; }


/* -- Tools -- */
.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr         { white-space:nowrap !important; display:inline-block; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }

.clear,
.clear-2{clear:both;}

.pad10{ padding:10px; }
.pad20{ padding:20px; }
.marg10{ margin:10px; }
.marg20{ margin:20px; }

.table{ display: table; }
.table-row{ display: table-row; }
.cell{ display: table-cell; vertical-align: middle; }

.transition{ 
    transition: all 150ms linear;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear; 
}

/* -- Responsive Structure -- */
.fourth{ width:23.5%; }
.half{ width:49.5%; }
.third{ width:32.6%; }
.two-thirds{ width:66.4%; }
.full{ width:100%; }

.col {
    float:left;
    margin-left:1%;
	padding:0 0.75%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}

.row{ clear:both; position: relative; }

.row .col:first-child {
    margin-left:0;
}

/* 6 Column Grid Structure */
.span_1_6 {
    width:15.8333333333%;
}
.span_2_6 {
    width:32.6666666667%;
}
.span_3_6 {
    width:49.5%;
}
.span_4_6 {
    width:66.3333333333%;
}
.span_5_6 {
    width:83.1666666667%;
}
.span_6_6, .span_5_5, .span_4_4 {
    margin-left:0;
    width:100%;
}

/* 5 Column Grid Structure */
.span_1_5 {
    width:19.2%;
}
.span_2_5 {
    width:39.4%;
}
.span_3_5 {
    width:59.6%;
}
.span_4_5 {
    width:79.8%;
}

/* 4 Column Grid Structure */
.span_1_4 {
    width:24.25%;
}
.span_2_4 {
    width:49.5%;
}
.span_3_4 {
    width:74.75%;
}

/*--------------------------
 * Media Queries
 *-------------------------*/

@media only screen and (max-width:1720px){
    .container{ max-width: 98%; }
}
@media only screen and (max-width:1630px){
	#header .live-feed{ width: 113px; overflow: hidden; }
	#header .live-feed img{ max-width:200px; }
}

@media only screen and (max-width:1450px){
    #header{ }
    #header .container{ position: static; }
    ul#main-nav li a{ padding: 0 20px; }
    ul#main-nav li#nav-3 .subNav{ right:-125px; }

    ul#main-nav > li > a:hover, ul#main-nav > li > a.selected, ul#main-nav > li > a.active, ul#main-nav > li:hover > a{ padding: 0 20px; }
    
    .extra-links{ margin-left: 5px; }
    .extra-links a{ margin: 22px 10px 0; }

    #marketing .banner h1{ font-size: 50px; }

    #tabs #homeLinks ul{ width: 1076px; }
    #tabs #homeLinks ul li.odd{ margin-top: 110px; }
    #tabs #homeLinks span.img img{ max-width: 115px; }
}
/*@media only screen and (max-width:1350px){
    #topnav{ font-size: 11px; }
}*/

@media only screen and (max-width:1450px){

}

@media only screen and (max-width:1375px){
    #header{ padding-left: 75px; margin-bottom:34px;  
        box-sizing:border-box;
        -moz-box-sizing:border-box;
     }

    #topnav{ width: 100%; margin: 0; padding: 5px 10px; position: absolute; background: #D0D0D0; float: none; left: 0; top: 100%; text-align: center; 
        box-sizing:border-box;
        -moz-box-sizing:border-box;
    }
    #topnav p{ padding: 0; }

    .menu-hold { position: absolute; left: 0; top:56px; width: 60px; z-index: 7; }
    .menu-hold:not(:target) .menu-toggle,.menu-hold:target .menu-toggle-off{ display: block; font-family: Characters; color: #000; font-size: 65px; }
    .menu-hold ul#main-nav{ max-height: 0; overflow: hidden; margin-top: 22px; width: 315px;
        transition:1050ms linear max-height;
        -moz-transition:1050ms linear max-height;
     }
    .menu-hold:target ul#main-nav{ max-height: 5000px; }
    ul#main-nav { background: #fff; }
    ul#main-nav li{ float: none; text-align: left; padding-bottom: 0; margin: 0; }
    ul#main-nav > li > a{ margin-left: 0; border: 4px solid #FFF; border-bottom: 4px solid #D3D3D3; border-right: 4px solid #EEE;
        background: #FFF;
        background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#ECECEC));
        background: -webkit-linear-gradient(top, #FFF 0%,#ECECEC 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#ececec 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#ececec 100%);
        background: linear-gradient(to bottom, #FFF 0%,#ECECEC 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );
     }
    ul#main-nav li .subNav,ul#main-nav li .subNav.threeCol{ /*display: block;*/ position: static; min-width: 100%; }
    ul#main-nav li .subNav.threeCol > ul > li{ float: none; width: 100%; }
    ul#main-nav > li > a:hover, ul#main-nav > li > a.selected, ul#main-nav > li > a.active, ul#main-nav > li:hover > a{ padding: 0 20px; line-height: 48px; }
    ul#main-nav li .subNav.threeCol a{ min-height: 0; padding-right: 100px; }

    #content ul.tabs a{ font-size: 16px; line-height: 20px; }

    #cloud{ padding: 35px 0 55px; }
    #cloud span{ font-size: 45px; text-align: left; }

    #marketing .banner h1{ top: 75px; }
}
@media only screen and (max-width:1110px){
    #tabs .table,#content ul.tabs{ margin-left: 0; /*display: block;*/ }
    #content ul.tabs li{ display: block; width: 100%;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
     }
    
    #tabs #homeLinks ul{ width: 888px; }
    #tabs #homeLinks ul li{ margin-left: 0; }
    #tabs #homeLinks ul li.odd{ margin-top: 87px; }
    #tabs #homeLinks span.img img{ max-width: 72px; }

}

@media only screen and (max-width:925px){
    #header{ padding-left: 0; padding-bottom: 35px; text-align: center; }
    #header .live-feed{ display:none; }
    #header .logo{ margin-top: 20px; float: none; display: inline-block; width: 100%; }
    #header .logo img{ max-width: 150px; }
    #header .social{ position: absolute; top: 0; right: 10px; }

    .search{ position: absolute; right: 10px; z-index: 5; }
    .search a.toggleBtn{ border: 0; padding: 0; background: rgba(0, 0, 0, 0); margin-top: 2px; }

    .phone{ font-size: 20px; position: absolute; top: 58px; right: 10px; background: rgba(0, 0, 0, 0); margin-left: 0; padding-left: 0; display: none; }
    .phone span{ font-size: 11px; }

    .extra-links{ z-index: 4; margin-left: 0; bottom: 10px; left: 0; width: 100%; text-align: center; }
    .extra-links a{ float: none; display: inline-block; }

    .home #homeLinks a{ width:200px; line-height: 200px; margin: 0; }
    #marketing .banner h1{ top: 45px; }

}

@media only screen and (max-width:885px){
    #tabs #homeLinks a{ vertical-align: middle; }
    #tabs #homeLinks a br{ display: none; }
    #tabs #homeLinks ul { width: auto; }
    #tabs #homeLinks ul li,#tabs #homeLinks ul li.odd{ margin:0 5px 15px; }
    #tabs #homeLinks span.img{ margin-bottom: -15px; }
    #tabs #homeLinks span.img img{ max-width: 37px; }

    #quickcontact-wrap{ }
}

@media only screen and (max-width:650px){
    #header{ margin-bottom:58px;  }
    #cloud { padding: 25px 0 45px; }
    #cloud span{ font-size: 30px; text-align: left; }

    #marketing .banner{ /*margin: 0 -100px;*/  }
    #marketing .banner h1{ top: 55px; font-size: 40px; }

    #footer .col{ float: none; margin: 0; text-align: center; }
}

@media only screen and (max-width:1020px){
	#mwrapper .container, #mfooter .container{width:100%;}
}

@media only screen and (max-width:450px){
    #header .logo img{ max-width: 115px; }
    
    .menu-hold{ top: 40px; }

    .phone{ font-size: 14px; }
    .phone span,.phone br{ display: none; }

    .extra-links a{ margin: 22px 6px 0; float: left; }
    #marketing .banner{ /*margin: 0 -200px;*/  }
    #marketing .banner h1{ font-size:30px; top: 75px; }

    .home #homeLinks a {width: 150px; line-height: 150px; font-size: 30px; }
}