/* Import Css
=========================================================================*/
@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,500,700,700italic,900,900italic);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);

/* General elements
=========================================================================*/
* { -moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0; -webkit-tap-highlight-color:transparent; zoom:1 }
html { font-size:16px; min-height:100%; overflow-x:hidden !important }
body { color: #666666; font-size: 14px; line-height: 1.42857; background-color: #eaeaea; }
table { border-collapse:collapse; border-spacing:0 }
.container { background-color: #ffffff; padding-left: 25px !important; padding-right: 20px !important;  }
.row { margin-left: 0; margin-right: 0 }
iframe { border:0 }
hr { margin-top:40px; margin-bottom:40px; border-color:#e3e3e3 }
img { border-style:none; height:auto; width:auto; max-width:100%; vertical-align:top }
figure, footer, header, menu, nav { display:block }
.draftText { font-size: 34px; font-weight: bold; padding: 4px 15px 3px 20px; width: 40%; color:#dedede}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

h1, h2, h3, h4, h5, h6 { margin: 5px 0 15px 0; font-weight: 700; color:#000000; font-family: 'News Cycle', sans-serif; line-height: 120%; }
h1 { font-size: 40px; }
h2 { font-size: 30px; }
h3 { font-size: 26px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 15px; }
h5.gartner-h5 { margin: 0 0 5px 0; padding:0 }

p { color: #666666; font-size: 14px; line-height: 20px; padding:0 0 20px 0; margin:0; }
p.source { font-size: 12px;line-height:125%; font-weight: bold; }
p.gartner-title { padding: 0 0 5px 0; font-weight: 700; }
p.author { padding: 0 0 5px 0; font-style: italic }
p.date { padding: 0 0 20px 0; color: #ccc; }

a:link, a:active, a:visited { text-decoration:none; color:#007bb4; transition: all 0.3s ease 0s;}
a:hover { text-decoration:none; color:#3bade2; transition: all 0.3s ease 0s; }
a:focus { outline:none; text-decoration:none; color:#007bb4; transition: all 0.3s ease 0s; }
a { transition: all 0.3s ease 0s;}

/* colors for text styles */
.general-color1 { color: #186884;}
.general-color2 { color: #F9690E;}
.general-color3 { color: #c1d72e;}
.general-color4 { color: #98c7e0;}
.general-color5 { color: #666666;}

.fig-title { font-size: 18px; color: #F9690E;font-weight: 400; }
.fig-title-bol, .bold {font-weight: 700; }

.page-wrapper .container .index .row { background:url(/imagesrv/media-products/clients/global_logic/1-45JGPH5/bg-3.jpg) no-repeat -150px -345px; height: 100%; margin: 0 0 25px 0; }
/* bg 1,2,4:  use after image declaration->  no-repeat 0px -145px; */
/* bg-3:  use after image declaration->  no-repeat -150px -345px; */


.page-wrapper .container .index .row .col-md-9 {padding-right: 0; margin: 0 0 125px 0;}

.transparent { background:#0f5c77; background:rgba(15, 92, 119, 0.8) none repeat scroll 0 0 }

div.bio.fleft, div.bio.fright { font-family: 'News Cycle', sans-serif; font-size: 13px; color: #999999; font-style: italic; padding: 15px 15px 5px; width: 250px; }
div.bio.fleft img, div.bio.fright img {-webkit-box-shadow: 1px 1px 3px rgba(35, 35, 35, 1); -moz-box-shadow: 1px 1px 3px rgba(35, 35, 35, 1); box-shadow: 1px 1px 3px rgba(35, 35, 35, 1);margin: 0 0 10px 0;}
.fleft { float: left; margin: 0 15px 5px 0;}
.fright { float: right; margin: 0 0 5px 15px; }
.clear {clear:both;}
.clear:before,
.clear:after { content: ""; display: table; }

.center { text-align: center !important; }
.tleft { text-align: left !important; }
.tright { text-align: right !important; }
.o-hidden { overflow: hidden !important; }

/***** margin bottom *****/
.bot-0 { margin-bottom: 0 !important; }
.bot-10 { margin-bottom: 10px !important; }
.bot-20 { margin-bottom: 20px !important; }
.bot-30 { margin-bottom: 30px !important; }
.bot-40 { margin-bottom: 40px !important; }
.bot-50 { margin-bottom: 50px !important; }
.bot-60 { margin-bottom: 60px !important; }
.bot-80 { margin-bottom: 80px !important; }
.bot-100 { margin-bottom: 100px !important; }

ul.ticklist { display: inline-block; list-style: outside none none; margin: 0 0 20px; padding: 0; }
.ticklist li { list-style-type: none !important; background: url(/imagesrv/media-products/images/template/check.png) no-repeat scroll 10px center rgba(0, 0, 0, 0); float: left; font-size: 14px; padding: 10px 5px 10px 42px !important; width: 50%; }




/* Top Navigation Menu styles
=========================================================================*/
#header, #header .container, .navbar-default {background-color: #00435a; color: #fff;}
.navbar { border-radius: 0; margin-bottom: 0; border: 0 none;}
.navbar-brand {height: auto;}
.navbar-default .navbar-nav > li > a { color: #fff; display: block; font: 500 12px "Roboto", Arial, sans-serif; line-height: 120%; overflow: hidden; padding: 25px 20px 20px; position: relative; text-align: center; text-transform: uppercase; z-index: 7; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; }
.navbar-default .navbar-nav > li > a:hover { background: #ffffff none repeat scroll 0 0; color: #000000; text-decoration: none; }
.navbar-toggle { background-color: #3f7d92; border: 0 none !important;margin-top: 10px;}
.navbar-default .navbar-toggle .icon-bar { background-color: #ffffff !important; }




/****   STYLE TO AID EXTERNAL LINKS VISITED STATES   ****/
.navbar-default .navbar-nav > li > a.external:link, 
.navbar-default .navbar-nav > li > a.external:active, 
.navbar-default .navbar-nav > li > a.external:visited,
.navbar-default .navbar-nav > li > a.external { color: #ffffff;background-color: #00435a; font-weight: 700; }
.navbar-default .navbar-nav > li > a.external:hover { color: #000000; background-color: #ffffff; font-weight: 700; }

@media (max-width: 1000px) {
.navbar-default .navbar-nav > li > a.external:hover { color: #ffffff; background-color: #0f5c77; border-bottom: 1px solid #98c7e0;}
}




/* 10 column styles 
=========================================================================*/
.col-md-10 { border-left: 1px solid #F9690E;border-bottom: 10px solid #F9690E; padding: 15px 10px 0 25px; margin: 0 0 50px 0;}
.col-md-10 ul, .col-md-10 ul ul, .col-md-10 ul ul ul {  margin: 0 0 20px 10px; padding: 0 0 5px 20px; }
.col-md-10 ul li, .col-md-10 ul ul li, .col-md-10 ul ul ul li {  line-height: 20px; list-style-type: disc; margin: 0; padding: 5px 0 5px 15px; }
.col-md-10 ul ul {  margin: 5px 0 0 10px; padding: 0 0 5px 20px; }
.col-md-10 ul ul li {  line-height: 20px; list-style-type: disc; margin: 0; padding: 5px 0 5px 15px; }
.col-md-10 ul ul ul {  margin: 10px 0 0 10px; padding: 0 0 5px 20px; }
.col-md-10 ul ul ul li {  line-height: 20px; list-style-type: disc; margin: 0; padding: 5px 0 5px 15px; }
.col-md-10 .return { padding: 20px 0;}
.col-md-10 ol { margin: 0 0 20px 10px; padding: 0 0 5px 20px; }
.col-md-10 ol li { padding: 5px 0 5px 15px; }




/* 9-INDEX column styles
=========================================================================*/
.col-md-9 {padding-right: 0;}
.col-md-9 .transparent { color: #ffffff; height: 100%; padding: 20px 15px 20px 25px; position: relative; right: 0; width: 100%; z-index: 99; /*background: #004242 none repeat scroll 0 0; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8;  -khtml-opacity: 0.8;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; */}
.col-md-9 .transparent h1, .col-md-9 .transparent h2, .col-md-9 .transparent h3, .col-md-9 .transparent h4, .col-md-9 .transparent h5, .col-md-9 .transparent h6 { color: #ffffff; text-shadow: 1px 1px 2px #012f2f}
.col-md-9 .transparent p { color: #ffffff; font-size: 14px; line-height: 22px; text-shadow: 1px 1px 2px #012f2f}
.col-md-9 .transparent a { color: #ffffff; font-weight: 600;}
.col-md-9 .transparent a:hover { color: #1abc9c; font-weight: 600;}
.col-md-9 .transparent ul { margin: 0 0 10px 10px; }
.col-md-9 .transparent ul li { list-style-type: disc; padding: 0 0 5px 4px; margin: 0 0 10 15px; line-height: 20px;font-size: 13px;}
.col-md-9 .transparent ul li ul li, .col-md-9 .transparent ul ul li { list-style-type: disc; margin-left: 10px; padding: 10px 0 10px 5px; line-height: 20px;}
.col-md-9 .transparent ul li ul li ul li, .col-md-9 .transparent ul ul ul li { list-style-type: disc; margin-left: 15px; padding: 5px 0 12px 5px; line-height: 20px;}
.col-md-9 .transparent ol { margin: 0 0 20px 10px; padding: 0 0 5px 20px; }
.col-md-9 .transparent ol li { padding: 5px 0 5px 15px; }




/* 8 column styles 
=========================================================================*/
.col-md-8 { border-left: 1px solid #F9690E;border-bottom: 10px solid #F9690E; padding: 15px 10px 0 25px; margin: 0 0 50px 0;}
.col-md-8 ul, .col-md-8 ul ul, .col-md-8 ul ul ul {  margin: 0 0 20px 10px; padding: 0 0 5px 20px; }
.col-md-8 ul li, .col-md-8 ul ul li, .col-md-8 ul ul ul li { line-height: 20px; list-style-type: disc; margin: 0; padding: 5px 0 5px 15px; }
.col-md-8 ol { margin: 0 0 20px 10px; padding: 0 0 5px 20px; }
.col-md-8 ol li { padding: 5px 0 5px 15px; }
.col-md-8 ul ul { margin: 5px 0 0 10px; padding: 0 0 5px 20px; }
.col-md-8 ul ul li { line-height: 20px; list-style-type: disc; margin: 0; padding: 5px 0 5px 15px; }
.col-md-8 ul ul ul { margin: 10px 0 0 10px; padding: 0 0 5px 20px; }
.col-md-8 ul ul ul li { line-height: 20px; list-style-type: disc; margin: 0; padding: 5px 0 5px 15px; }
.col-md-8 .return { padding: 20px 0;}




/* 6-INDEX column styles
=========================================================================*/
.col-md-6.client { padding: 0 0 0 0;}
.col-md-6.client .client { margin: 0 30px 30px 0;padding: 15px 0 0 20px;border-top: 10px solid #F9690E; border-left: 1px solid #F9690E;}
.col-md-6.gartner { padding: 0 0 0 0;}
.col-md-6.gartner .gartner { margin: 0 0 30px 0;padding: 10px 0 0 20px;border-top: 10px solid #186884; border-left: 1px solid #98C7E0;}
.col-md-6.gartner .gartner h3 img {margin: 10px 0 5px 0;}
.gartner > ul, .client > ul { margin: 0 0 10px 5px; padding: 0 0 5px 20px; }
.gartner > ul li ul, .client > ul li ul { margin: 5px 0 0 5px; padding: 0 0 5px 20px; }
.gartner > ul li ul li ul, .client > ul li ul li ul { margin: 5px 0 0 5px; padding: 0 0 5px 20px; }
.gartner > ul li, .client > ul li { list-style-type: disc; margin: 0; padding: 5px 0 0 5px; }



/* 4 column styles
====================================================================================*/
/***  STYLES FOR ".side-br-rt" TO MAKE LINKS WHITE/MORE VISIBLE. MOVE OUT OF COMMENT TO ACTIVATE.
*
*

.side-br-rt a:link, .side-br-rt a:active, .side-br-rt a:visited, .side-br-rt a:hover { color: white; }

*
*
***/
.col-md-4 {padding-right: 0;}
.col-md-4 .side-br-rt { color: #ffffff; }
.col-md-4 .side-br-rt { height: 100%; padding: 20px 15px 20px 25px; position: relative; right: 0; width: 100%; z-index: 99; background: #0f5c77 none repeat scroll 0 0; }
.col-md-4 .side-br-rt::before { content: ""; bottom: 20px; left: 20px; position: absolute; top: 0; width: 95%; z-index: -1; }
.col-md-4 .side-br-lt { height: 100%; padding: 0 80px 0 0; position: relative; left: 0; width: 100%; z-index: 99; }
.col-md-4 .side-br-lt::before { background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0; border-right: 1px solid rgba(0, 0, 0, 0.03); bottom: -1000%; content: ""; right: 30px; position: absolute; top: -1000%; width: 200%; z-index: -1; }
.col-md-4 div.side-br-rt h1, .col-md-4 div.side-br-rt h2, .col-md-4 div.side-br-rt h3, .col-md-4 div.side-br-rt h4, .col-md-4 div.side-br-rt h5, .col-md-4 div.side-br-rt h6 { color: #ffffff;}
.col-md-4 div.side-br-rt p { color: #ffffff; font-size: 13px;}
.col-md-4 div.side-br-rt a { color: #ffffff; font-weight: 600;}
.col-md-4 div.side-br-rt a:hover { color: #1abc9c; font-weight: 600;}
.col-md-4 div.side-br-rt ul { margin: 0 0 10px 10px; }
.col-md-4 div.side-br-rt ul li { list-style-type: disc; padding: 0 0 5px 4px; margin: 0 0 10 15px; line-height: 20px;font-size: 13px;}
.col-md-4 div.side-br-rt ul li ul li, .col-md-4 div.side-br-rt ul ul li { list-style-type: disc; margin-left: 10px; padding: 10px 0 10px 5px; line-height: 20px;}
.col-md-4 div.side-br-rt ul li ul li ul li, .col-md-4 div.side-br-rt ul ul ul li { list-style-type: disc; margin-left: 15px; padding: 5px 0 12px 5px; line-height: 20px;}
.col-md-4 div.side-br-rt ol { margin: 0 0 20px 10px; padding: 0 0 5px 20px; }
.col-md-4 ol li { padding: 5px 0 5px 15px; }




/* 3 column styles  INDEX PAGE
=========================================================================*/
.col-md-3 { padding-right: 0;}
.col-md-3 .side-br-rt-index { color: #ffffff; }
.col-md-3 .side-br-rt-index { height: 100%; padding: 20px 15px 20px 25px; position: relative; right: 0; width: 100%; z-index: 99; background: #0f5c77 none repeat scroll 0 0; }
.col-md-3 .side-br-rt-index::before { content: ""; bottom: 20px; left: 20px; position: absolute; top: 0; width: 95%; z-index: -1; }
.col-md-3 .side-br-lt { height: 100%; padding: 0 80px 0 0; position: relative; left: 0; width: 100%; z-index: 99; }
.col-md-3 .side-br-lt::before { background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0; border-right: 1px solid rgba(0, 0, 0, 0.03); bottom: -1000%; content: ""; right: 30px; position: absolute; top: -1000%; width: 200%; z-index: -1; }
.col-md-3 div.side-br-rt-index h1, .col-md-3 div.side-br-rt-index h2, .col-md-3 div.side-br-rt-index h3, .col-md-3 div.side-br-rt-index h4, .col-md-3 div.side-br-rt-index h5, .col-md-3 div.side-br-rt-index h6 { color: #ffffff;}
.col-md-3 div.side-br-rt-index p { color: #ffffff; font-size: 13px;}
.col-md-3 div.side-br-rt-index a { color: #ffffff; font-weight: 600;}
.col-md-3 div.side-br-rt-index a:hover { color: #1abc9c; font-weight: 600;}
.col-md-3 div.side-br-rt-index ul { margin: 0 0 10px 10px; }
.col-md-3 div.side-br-rt-index ul li { list-style-type: disc; padding: 0 0 5px 4px; margin: 0 0 10 15px; line-height: 20px;font-size: 13px;}
.col-md-3 div.side-br-rt-index ul li ul li, .col-md-3 div.side-br-rt-index ul ul li { list-style-type: disc; margin-left: 10px; padding: 10px 0 10px 5px; line-height: 20px;}
.col-md-3 div.side-br-rt-index ul li ul li ul li, .col-md-3 div.side-br-rt-index ul ul ul li { list-style-type: disc; margin-left: 15px; padding: 5px 0 12px 5px; line-height: 20px;}
.col-md-3 div.side-br-rt-index ol { margin: 0 0 20px 10px; padding: 0 0 5px 20px; }
.col-md-3 ol li { padding: 5px 0 5px 15px; }




/* 2 column styles  INTERIOR PAGE
=========================================================================*/
.col-md-3 {padding-right: 0;height: 100%; max-height: 100%; }
.col-md-3 .side-br-rt { color: #ffffff;height: 100%; max-height: 100%;  }
.col-md-3 .side-br-rt { padding: 20px 15px 20px 25px; position: relative; right: 0; width: 100%; z-index: 99;height: 100%; max-height: 100%; background: #0f5c77 none repeat scroll 0 0; }

.col-md-3 .side-br-rt a {color: #8bccee;}
	.col-md-3 .side-br-rt a:hover {color: #1e8cc8;}


/* 2 column RIGHT RAIL WITH IMAGE styles
=========================================================================*/
.col-md-3 .side-br-rt-img { color: #ffffff; width: 100%; max-width: 100%; height: 100%; max-height: 100%; padding: 0; position: relative; right: 0; background: #0f5c77 none repeat scroll 0 0; }
.col-md-3 .side-br-rt-img img {opacity: 0.25;}

.col-md-3 .side-br-rt-img a {color: #8bccee;}
	.col-md-3 .side-br-rt-img a:hover {color: #1e8cc8;}




/* Header styles
=========================================================================*/
#header { left: 0; top: 0; width: 100%; z-index: 101; }
#header, #header .container { color:#fff; background-color: #00435a; }
#header .header-top-nav { float:right }
#header .logo { font-size: 21px; text-transform:uppercase; font-weight:800; float: left; background-repeat:no-repeat; line-height: 53px; margin: 23px 0 0 10px; }
#header .logo img { margin-right: 6px; }
#header .container { padding-left: 0 !important;padding-right: 0 !important;}




/* Page Title styles
=========================================================================*/
.page-title-container { position:relative; overflow: hidden; z-index: 1; }
.page-title-container .page-title { padding: 10px 0 5px 0; position: relative; z-index: 3; border-bottom: 10px solid #c1d72e;}
.page-title-container .container .page-title h1 {margin: 0 0 5px 0; padding:0 }
.page-title-container .container .page-title h4 { font-size: 22px; color: #98C7E0; margin: 0 0 15px; padding:0 }
.page-title-container .breadcrumbs { padding: 10px 0 0 0; margin:0 ; text-align: left; position: relative; z-index: 3; color: #98C7E0 }
.page-title-container .breadcrumbs li { display:inline-block; line-height:24px; font-size: 12px; font-weight: 600; }




/* Footer styles
=========================================================================*/
#footer {  overflow: hidden; position: relative; z-index: 99; padding: 0 0 20px; }
#footer .footer-wrapper .container { position:relative }
#footer .footer-wrapper .container>.row { margin:0 -20px 0 -30px }
#footer .footer-wrapper .container>.row>div { padding:60px 15px 60px 30px }
#footer .copyright-area { display:table; width:100%; padding:20px 0 0; color:#ffffff; font-size: 11px; }
#footer .copyright-area p { color:#ffffff; font-size: 11px; line-height: 18px; margin: 0; }
#footer .copyright-area .copyright { display:table-cell; vertical-align:middle; text-align:right }
#footer .copyright-area .copyright img.gartner { width: 100px !important; margin: 15px 0;}
#footer .copyright-area .secondary-menu { display:table-cell; vertical-align:middle }
#footer .copyright-area .secondary-menu ul.nav li a:link { color: #98C7E0; }
#footer .copyright-area .secondary-menu ul.nav li a:active { color: #98C7E0; }
#footer .copyright-area .secondary-menu ul.nav li a:visited { color: #98C7E0; }
#footer .copyright-area .secondary-menu ul.nav li a:hover { color: #fff; }
#footer .copyright-area .secondary-menu ul.nav > li { float:left}
#footer .copyright-area .secondary-menu ul.nav > li+li{margin-left:2px}
.secondary-menu ul.nav li a { letter-spacing:0.1em; padding:5px 10px; text-transform: uppercase; background:none; color:#98C7E0;}
.copyright-area p a:link, .copyright-area p a:active, .copyright-area p a:visited { background:none; color:#98C7E0; }
.copyright-area p a:hover { background:none; color:#ffffff; }
#footer, .footer-bottom-area .container { background: none repeat scroll 0 0 #00435a; }




/* Table styles
=========================================================================*/
.table > thead > tr > th { border-bottom: 1px solid rgba(255, 255, 255, 0.17);}
.table { min-width:100%; border:1px solid #DFE0E5; font-family: "Roboto", sans-serif; background: #F7F7F7; margin: 0 0 15px 0; }
.table thead th { background: #343844 none repeat scroll 0 0; border: 1px solid rgba(255, 255, 255, 0.17); color: #ffffff !important; font-size: 14px; font-weight: 700; text-align: center;padding: 10px !important; }
.table th { font-weight: normal; -webkit-font-smoothing: antialiased; font-size: 14px; background: #fff;padding: 10px !important; vertical-align: middle !important; white-space: normal !important; }
.table td {  border-bottom: 1px solid #dfe0e5;  color: #333333;  font-size: 12px;  padding: 12px !important;  min-height: 80px;  vertical-align: top;white-space: normal !important; }

.table tr.even, 
.table tr.alt, 
.table tr:nth-of-type(even) { background: #fff !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.table tr a, tr:nth-of-type(2n) a { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.table td span a { background: none repeat scroll 0 0 #f76742; -webkit-border-radius: 31px; -moz-border-radius: 31px; border-radius: 31px; color: #ffffff; display: block; font-size: 12px; margin: 0 20px; padding: 10px 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.table td span a:hover { background:#282828 !important; text-decoration: none; }

.table td ul, .table td ul.bullet { margin: 0; padding: 0 0 0 5px !important;}




/* Quote styles
=========================================================================*/
.client-quote { background: #f3f3f3; font-size: 14px; font-weight: 300; color: #737373; line-height: 26px; padding: 25px 35px 20px 35px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin-bottom: 12px; position: relative; }
.client-quote::after { border-color: #f3f3f3 transparent transparent; border-style: solid; border-width: 7px; bottom: -13px; content: ""; left: 35px; position: absolute; }
.client-quote blockquote { padding: 0; font-size: 14px; border: none; margin-top: 15px; font-style: normal; margin: 0; }
.client-quote .fa { color: #f9690e; font-size: 30px; }
.client-info { display: block; max-width: 75%; padding: 10px 35px 35px 35px; }
.client-name { font-size: 16px; color: #000000; display: block; }
.client-position { font-size: 12px; color: #bbbbbb; display: block; line-height: normal; }
.client-website a { font-size: 12px; color: #f9690e; display: block; text-decoration: none; line-height: normal; }
.client-quote blockquote p{ font-weight: 400; font-size: 16px; font-family: 'News Cycle', sans-serif; color: #666666; line-height: 22px; padding: 5px 0 20px 0;} 

/*blockquote { border-left: 5px solid #777; font-size: 18px; margin: 0 0 20px; padding: 10px 20px; }
blockquote { color: #333333; font-family: 'georgia'; font-size: 16px; font-style: italic; line-height: 1.8em; }*/




/* Buttons 
=========================================================================*/
.btn { border:none; color:#fff; cursor:pointer; padding:0 30px; white-space:nowrap; text-transform: capitalize; font-weight:600; background:#3451c6; font-size: 14px; line-height: 33px; -webkit-border-radius: 33px; -moz-border-radius: 33px; -ms-border-radius: 33px; border-radius: 33px; margin-right:5px; -moz-transition:all 0.2s ease 0s; -o-transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s; -ms-transition:all 0.2s ease 0s; transition:all 0.2s ease 0s; box-shadow:none; vertical-align:baseline }
.btn:focus, .btn:active:focus { outline:none }
.btn.btn-sm { height:29px; line-height:23px; font-weight:400; padding:0 20px; font-size:12px; -webkit-border-radius: 23px; -moz-border-radius: 23px; -ms-border-radius: 23px; border-radius: 23px; }
.btn.btn-lg { height:47px; line-height:47px; font-size:1em; padding:0 36px; -webkit-border-radius:24px 24px 24px 24px; -moz-border-radius:24px 24px 24px 24px; -ms-border-radius:24px 24px 24px 24px; border-radius:24px 24px 24px 24px }

.flat { font-family: 'Roboto', Arial, sans-serif; display: inline-block; font-weight: 400; text-decoration: none; text-transform: capitalize; margin-bottom: 20px; text-align: center; outline: none; cursor: pointer; color: #fafafa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 1s ease; /* Safari 3.2+, Chrome */ -moz-transition: all 0.3s ease; /* Firefox 4-15 */ -o-transition: all 0.3s ease; /* Opera 10.5-12.00 */ transition: all 0.3s ease;/* Firefox 16+, Opera 12.50+ */ }

.flat:hover,
.flat:focus { color: #ffffff; text-decoration: none; }
.flat.xs { padding: 4px 14px; font-size: 12px; }
.flat.sm { padding: 8px 18px; font-size: 14px; }
.flat.md { padding: 12px 26px; font-size: 16px; }
.flat.lg { padding: 15px 36px; font-size: 21px; }
.flat:active { position: relative; top: 1px; }
.fl-round { -webkit-border-radius: 20px !important; -moz-border-radius: 30px !important; border-radius: 30px !important; }
.fl-with-border { border: 6px solid #ffffff !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.13) !important; -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.13) !important; box-shadow: 0 0 1px rgba(0, 0, 0, 0.13) !important; }
.fl-round-border { border: 6px solid #ffffff !important; -webkit-border-radius: 30px !important; -moz-border-radius: 30px !important; border-radius: 30px !important; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13) !important; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13) !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13) !important; }

/* Blue */
.flat.general-color1 { background: #186884 none repeat scroll 0 0; color:#ffffff;}
.flat.general-color1:hover { background: #00435a none repeat scroll 0 0; }
a.flat.general-color1:hover { color:#ffffff; }

/* Orange */
.flat.general-color2 { background: #F9690E none repeat scroll 0 0; opacity: 1.0; color:#ffffff;  }
.flat.general-color2:hover { background: #F4B350 none repeat scroll 0 0; color:#ffffff; }
a.flat.general-color2:hover { color:#ffffff; }

/* Lime Green */
.flat.general-color3 { background: #c1d72e none repeat scroll 0 0; color:#ffffff;}
.flat.general-color3:hover { background: #eef3c5 none repeat scroll 0 0; }
a.flat.general-color3:hover { color:#526000; }

/* Lt Blue */
.flat.general-color4 { background: #98c7e0 none repeat scroll 0 0; color:#ffffff;}
.flat.general-color4:hover { background: #0374b0 none repeat scroll 0 0; }
a.flat.general-color4:hover { color:#ffffff; }

/* Grey */
.flat.general-color5 { background: #666666 none repeat scroll 0 0; color:#ffffff;}
.flat.general-color5:hover { background: #999999 none repeat scroll 0 0; }
a.flat.general-color5:hover { color:#ffffff; }

.dis-block { display: block; padding-left: 0; padding-right: 0; width: 100%; }


/* Accordion
=========================================================================*/
.f-accordion { position: relative; margin: 0 auto 40px; }
.f-accordion h3 { margin: 5px 0 0; padding: 21px; font-size: 18px; font-weight: 700; color: #fff; position: relative; overflow: hidden; background-color: #127d7d; -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); -moz-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); outline: 0; cursor: pointer; }
.f-accordion h3:hover { background: #099d91; }
.f-accordion h3 .acc-icon-open-close,
.f-accordion h3 .ui-accordion-header-active .acc-icon-open-close { display: inline-block; line-height: 63px; width: 63px; position: absolute; height: 49px; right: 0; top: 0; text-align: center; }
.f-accordion h3 .acc-icon-open-close:before { font-family: FontAwesome; font-size: 16px; position: static; display: inline; content: "\f105"; height: auto; margin: 0; }
.f-accordion .ui-accordion-header-active .acc-icon-open-close::before {  font-family: FontAwesome;  font-size: 16px;  position: static;  display: inline;  content: "\f107";  height: auto;  margin: 0;}
.f-accordion .ui-accordion-content { position: relative; margin: -1px 0 0; padding: 21px; background: #fff; border: 1px solid #DEDEDE; }

/*accordion 1 color*/
.f-accordion.acc-color h3 { background: #2980b9 none repeat scroll 0 0; border: 0 none; color: #ffffff; font-size: 18px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
.f-accordion.acc-color .acc-content { background: #2980b9 none repeat scroll 0 0; border: 0 none; }
.f-accordion.acc-color p { color: #ffffff; }

/*not accordion */
.notaccordion { position: relative; margin: 0 auto 60px; }
.notaccordion h3 { margin: 5px 0 0; padding: 21px; font-size: 18px; font-weight: 700; color: #fff; position: relative; overflow: hidden; background-color: #0f5c77; -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); -moz-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); outline: 0; cursor: pointer; }
.notaccordion h3:hover { background: #3f7d92; }
.notaccordion h3 .ui-icon-triangle-1-s,
.notaccordion h3 .ui-icon-triangle-1-e { display: inline-block; line-height: 49px; width: 49px; position: absolute; height: 49px; right: 0; top: 0; text-align: center; }
.notaccordion .ui-icon-triangle-1-e:before { font-family: FontAwesome; font-size: 16px; position: static; display: inline; content: "\f105"; height: auto; margin: 0; }
.notaccordion .ui-icon-triangle-1-s::before {  font-family: FontAwesome;  font-size: 16px;  position: static;  display: inline;  content: "\f107";  height: auto;  margin: 0;}
.notaccordion .acc-content { position: relative; margin: -1px 0 0; padding: 15px; background: #fff; border: 1px solid #DEDEDE; }

/*not accordion color*/
.notaccordion.acc-color h3 { background: #2980b9 none repeat scroll 0 0; border: 0 none; color: #ffffff; font-size: 18px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
.notaccordion.acc-color .acc-content { background: #2980b9 none repeat scroll 0 0; border: 0 none; }
.notaccordion.acc-color p { color: #ffffff; }

/*accordion 2*/
#accordion { width: 100%; }
#accordion .accordion-wrapper { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #F3F3F3; padding: 22px 22px 7px 22px; }
#accordion .accordion-wrapper .img-border { display: inline-block; float: left; margin: 4px 20px 0 0; }
#accordion p { border: none; text-decoration: none; }
#accordion a { background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-color: #F9F9F9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); -moz-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); cursor: pointer; color: #999; display: block; padding: 0; margin-top: -1px; font-family: 'Roboto', Arial, sans-serif; font-size: 13px; font-weight: bold; border: 1px solid #DDDDDD; text-shadow: 0 1px 1px #FFFFFF; text-transform: uppercase; }

#accordion a:hover { color: #333; background: #eee; }
#accordion a.selected { color: #333; }
#accordion a span { background: url("../img/accordion-open.png") no-repeat scroll right center transparent; display: block; font-family: 'Roboto', Arial, sans-serif; font-size: 14px; font-weight: 700; padding: 10px 22px; }
#accordion a.selected span { background: url("../img/accordion-close.png") no-repeat scroll right center transparent; display: block; padding: 10px 22px; }




/* Slimbox
=========================================================================*/
#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(/imagesrv/media-products/css/slimbox/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(/imagesrv/media-products/css/slimbox/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(/imagesrv/media-products/css/slimbox/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(/imagesrv/media-products/css/slimbox/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }





@media (max-width: 1000px) {
	.page-title-container .container .page-title h1, h1 { font-size: 36px; }
	.page-title-container .container .page-title h4 { font-size: 20px; }
	h2 { font-size: 28px; }
	h3 { font-size: 24px; margin: 0 0 12px 0; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }
	h6 { font-size: 13px; }
}

@media (max-width: 992px) {
	.page-title-container .container .page-title h1, h1 { font-size: 36px; }
	h2 { font-size: 28px; }
	h3 { font-size: 24px; margin: 0 0 10px 0; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }
	h6 { font-size: 14px; }
	.col-md-6.client .client { margin: 0 0 30px 0 !important}
	.container { padding-left: 15px !important; padding-right: 15px !important; }
}

@media (max-width: 991px) {
	.container .row .col-md-3, 
	.container .row .col-md-3 .side-br-rt-img { display: none !important}
}


@media (max-width: 990px) {
	.container .row .col-md-4 {padding-left: 0; }
}


@media only screen and (max-width: 990px) {
	.side-br-rt {  display: block;  float: none;  margin: 30px 0;  padding: 15px;  position: relative;  right: auto;  width: 100%;}
	.side-br-rt::before {  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;  border-left: 0 solid rgba(0, 0, 0, 0);  bottom: 0;  content: "";  height: 100%;  width: 100%;}
	.side-br-lt {  display: block;  float: none;  margin-top: 30px;  padding: 0;  position: relative;  left: auto;  width: 100%;}
	.side-br-lt::before {  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;  border-right: 0 solid rgba(0, 0, 0, 0);  bottom: 0;  content: "";  height: 100%;  width: 100%;}
	#footer .footer-wrapper .container > .row > div { border-top: 1px solid rgba(0, 0, 0, 0.03); padding: 30px 15px 30px 30px; }
	#footer .nav { display: inline-block;}
	#footer .secondary-menu { border-bottom: 1px solid rgba(255,255,255,0.06); padding-bottom: 18px; }
	#footer .secondary-menu, .copyright {   display: inline-block !important;   margin: 0;  text-align: center !important; width: 100%; }
	.page-title-container .page-title { padding: 20px 0 5px 0; position: relative; z-index: 3;}
	.col-md-8 ul, .col-md-8 ul ul, .col-md-8 ul ul ul { margin: 0 0 5px 10px; padding: 0 0 10px 5px; }
	.col-md-8 ul li, .col-md-8 ul ul li, .col-md-8 ul ul ul li { margin: 0; padding: 5px 0 5px 15px; }
	.col-md-8 ul ul {  margin: 5px 0 0 10px; padding: 0 0 0 15px; }
	.col-md-8 ul ul li {  margin: 0; padding: 2px 0 2px 8px; }
	.col-md-8 ul ul ul { margin: 5px 0 0 10px; padding: 0 0 0 15px; }
	.col-md-8 ul ul ul li {  margin: 0; padding: 0 0 2px 10px; }
	.index div.row div.col-md-9 {margin: 0;padding-left: 0;}
	.index div.row div.col-md-9 .transparent {margin: 0;}
	.container .row .col-md-3, 
	.container .row .col-md-3 .side-br-rt-img { display: none !important}
}

@media only screen and (min-width : 320px) and (max-width: 767px) {
	.page-title-container .container .page-title h1, h1 { font-size: 31px; }
	h2 { font-size: 22px; }
	h3 { font-size: 18px; margin: 0 0 7px 0; }
	h4 { font-size: 16px; }
	h5 { font-size: 14px; }
	h6 { font-size: 12px; } 
	.navbar-nav { margin: 0 -5px 5px; }
	.nav.navbar-nav.navbar-right { box-shadow: 0 3px 10px -5px black !important; } 
	.navbar-default .navbar-collapse, .navbar-default .navbar-form { background-color: #fff; border: 0 none; }
	.navbar-default .navbar-nav ul { position: relative; }
	.navbar-default .navbar-nav > li { background: #fff none repeat scroll 0 0;  float: none;  position: relative;  border-right: none;  width: 100%; }
	.navbar-default .navbar-nav > li > a { border-bottom: 1px solid #F7F7F7;  color: #333;  padding: 15px 23px;  text-align: left;}
	.navbar-default .navbar-nav > li > a:hover { border-bottom: 1px solid #98C7E0; color: #333333; background-color: #f6f6f6 }
	.navbar-default .navbar-nav > li > aa:before { bottom: -17px;}
}



@media only screen and (min-width : 320px) and (max-width: 750px) {
	.container .row .col-md-3, 
	.container .row .col-md-3 .side-br-rt-img { display: none !important}
}



@media (max-width: 640px) {

}



@media only screen and (min-width : 320px) and (max-width: 480px) {
	.row-wrapper .col-sm-3 { border-right: 0 solid rgba(0, 0, 0, 0.06); border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
	.col-md-4 {padding-left: 0; padding-right: 0;}
	.ticklist li { width: 100%; }
}



@media only screen and (min-width : 320px) and (max-width: 440px) {
	.title-center { width: 100%; }
	.page-title-container .container .page-title h1, h1 { font-size: 26px; }
	.page-title-container .container .page-title h4 { font-size: 16px; }
	.page-title-container .page-title { padding: 10px 0 5px; }
	.page-title-container .container .breadcrumbs { padding: 10px 0 0 0; }
	.index .row .col-md-9 .side-br-rt.transparent {margin: 0;}
	.page-wrapper .container .index .row .col-md-9 {padding-left: 0; margin: 0;}
}