@font-face {
font-family: 'SourceSansProSB';
src: url(../../../themes/oit2p/fonts/sourcesanspro-semibold-webfont.eot);
src: url(../../../themes/oit2p/fonts/sourcesanspro-semibold-webfont.eot#iefix) format('embedded-opentype'),
url(../../../themes/oit2p/fonts/sourcesanspro-semibold-webfont.woff) format('woff'),
url(../../../themes/oit2p/fonts/sourcesanspro-semibold-webfont.ttf) format('truetype'),
url(../../../themes/oit2p/fonts/sourcesanspro-semibold-webfont.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSansCB';
src: url(../../../themes/oit2p/fonts/opensans-condbold-webfont.eot);
src: url(../../../themes/oit2p/fonts/opensans-condbold-webfont.eot#iefix) format('embedded-opentype'),
url(../../../themes/oit2p/fonts/opensans-condbold-webfont.woff) format('woff'),
url(../../../themes/oit2p/fonts/opensans-condbold-webfont.ttf) format('truetype'),
url(../../../themes/oit2p/fonts/opensans-condbold-webfont.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SourceSansProL';
src: url(../../../themes/oit2p/fonts/sourcesanspro-light-webfont.eot);
src: url(../../../themes/oit2p/fonts/sourcesanspro-light-webfont.eot#iefix) format('embedded-opentype'),
url(../../../themes/oit2p/fonts/sourcesanspro-light-webfont.woff) format('woff'),
url(../../../themes/oit2p/fonts/sourcesanspro-light-webfont.ttf) format('truetype'),
url(../../../themes/oit2p/fonts/sourcesanspro-light-webfont.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SourceSansProReg';
src: url(../../../themes/oit2p/fonts/sourcesanspro-regular-webfont.eot);
src: url(../../../themes/oit2p/fonts/sourcesanspro-regular-webfont.eot#iefix) format('embedded-opentype'),
url(../../../themes/oit2p/fonts/sourcesanspro-regular-webfont.woff) format('woff'),
url(../../../themes/oit2p/fonts/sourcesanspro-regular-webfont.ttf) format('truetype'),
url(../../../themes/oit2p/fonts/sourcesanspro-regular-webfont.svg) format('svg');
font-weight: normal;
font-style: normal;
} body {
background: url(../../../themes/oit2p/images/bg.png);
color: #404040;
font-family: 'SourceSansProReg', sans-serif;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
} h1, h2, h3, h4, h5, h6 {
clear: both;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: sans-serif; }
h1, .h1 {}
h2, .h2 {}
h3, .h3 {}
h4, .h4 {}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
} p {
margin-bottom: 1.5em;
}
ul, ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
b, strong {
font-weight: bold;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code, kbd, tt, var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
figure {
margin: 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
th {
font-weight: bold;
}
img {
height: auto; max-width: 100%; }
input[type="search"] {
-webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing:    content-box;
box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0;
padding: 0;
} a {
color: royalblue;
}
a:visited {
color: purple;
}
a:hover,
a:focus,
a:active {
color: midnightblue;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
text-align: center;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: '';
display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .sticky {
}
.hentry {
margin: 0 0 1.5em;
}
.byline,
.updated {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
} .page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-caption {
border: 1px solid #ccc;
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 1.2% auto 0;
max-width: 98%;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.site-main .gallery {
margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-main .gallery a img {
border: none;
height: auto;
max-width: 90%;
}
.site-main .gallery dd {
margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {
}
.site-main .gallery-columns-4 .gallery-item img {
} embed,
iframe,
object {
max-width: 100%;
} .site-main [class*="navigation"] {
margin: 0 0 1.5em;
overflow: hidden;
}
[class*="navigation"] .nav-previous {
float: left;
width: 50%;
}
[class*="navigation"] .nav-next {
float: right;
text-align: right;
width: 50%;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
} .widget {
margin: 0 0 1.5em;
} .widget select {
max-width: 100%;
} .widget_search .search-submit {
display: none;
}
.widget_sp_image{
margin-bottom: -18px;
}  .infinite-scroll .paging-navigation, .infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .header-bg {
background: linear-gradient(#145fa5, #0d94c9, #fff, rgba(255, 255, 255, 0));
background: -moz-linear-gradient(#145fa5, #0d94c9, #fff, rgba(255, 255, 255, 0));
background: -webkit-linear-gradient(#145fa5, #0d94c9, #fff, transparent);
background: -moz-linear-gradient(top,  rgba(20,95,165,1) 0%, rgba(13,148,201,1) 39%, rgba(20,151,203,1) 40%, rgba(255,255,255,1) 74%, rgba(125,185,232,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(20,95,165,1)), color-stop(39%,rgba(13,148,201,1)), color-stop(40%,rgba(20,151,203,1)), color-stop(74%,rgba(255,255,255,1)), color-stop(100%,rgba(125,185,232,0))); background: -webkit-linear-gradient(top,  rgba(20,95,165,1) 0%,rgba(13,148,201,1) 39%,rgba(20,151,203,1) 40%,rgba(255,255,255,1) 74%,rgba(125,185,232,0) 100%); background: -o-linear-gradient(top,  rgba(20,95,165,1) 0%,rgba(13,148,201,1) 39%,rgba(20,151,203,1) 40%,rgba(255,255,255,1) 74%,rgba(125,185,232,0) 100%); background: -ms-linear-gradient(top,  rgba(20,95,165,1) 0%,rgba(13,148,201,1) 39%,rgba(20,151,203,1) 40%,rgba(255,255,255,1) 74%,rgba(125,185,232,0) 100%); background: linear-gradient(to bottom,  rgba(20,95,165,1) 0%,rgba(13,148,201,1) 39%,rgba(20,151,203,1) 40%,rgba(255,255,255,1) 74%,rgba(125,185,232,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#145fa5', endColorstr='#007db9e8',GradientType=0 ); z-index: -1;
position: relative;
top: -48px;
height: 370px;
}
.logo-cont .col-sm-12, .logo-cont .col-sm-5, .logo-cont .col-sm-7 {
padding: 0;
}
.site-branding {
padding: 0 0 0 50px!important;
}
.site-header:after {
margin-bottom: 45px;
}
.greetings {
color: #fff;
font-family: Arial;
font-size: 12px;
font-size: 1.2rem;
text-align: right;
}
.row2 {
position: absolute;
top: -380px;
}
.row2 .col-sm-3 {
padding: 0;
} .search-cont {
position: relative;
top: 76px;
padding-right: 0px;
}
.search-cont .col-sm-6{
padding-right: 0px;
}
.searchbox {
background: #ffc651;
text-align: center;
}
.search {
padding: 0;
margin-bottom: 15px;
}
.searchbox input {
width: 81%;
background: none;
border: none;
text-align: center;
font-size: 12px;
font-size: 1.2rem;
text-transform: uppercase;	
}
.searchbox button {
border: 0;
background: none;
color: #fff;
}
.slider-pic	{
height: 425px;
background: #113240;
padding-top: 15px;
text-align: center;
}
#carousel-bounding-box{
} .social-button{
margin: 0px !important;
}
.social-container{
padding: 0 5px 0 0; 
} .site-main {
padding-left: 20px;
}
.the-content .col-sm-9, .the-content .col-sm-3 {
padding: 0;
}
h1.home-entry-title {
font-family: 'SourceSansProL';
font-size: 58px;
font-size: 5rem;
color: #7a7a7a;
text-align: center;
margin-top: 10px;
}
.call2action ul {
margin: 20px 0;
padding: 0;
text-align: center;
}
.call2action ul li {
list-style: none;
display: inline-block;
padding: 0 15px;
}
.call2action ul li a {
color: #fff;
font-family: 'OpenSansCB';
font-size: 28px;
font-size: 2.8rem;	text-transform: uppercase;
padding: 10px 50px;
display: block;
-webkit-transition: background 0.5s;
-moz-transition: background 0.5s;
transition: background 0.5s;
}
.call2action ul li a:hover {
text-decoration: none;
}
.call2action ul li:nth-child(1) a:hover, .call2action ul li:nth-child(2) a:hover {
background: #131a22;
}
.call2action ul li:nth-child(2) a:hover {
color: #fff;
}
.call2action ul li:nth-child(1) a {
background: #2c3e50;
border-top: 2px solid #0f151b;
}
.call2action ul li:nth-child(2) a {
background: #ffc651;
border: 3px solid #000;
color: #2c3e50;
}
.call2action ul li:nth-child(2) {
border-left: 1px solid #c7c7c7;
}
.cbp-ig-grid {
list-style: none;
padding: 0;
margin: 0;
}
.cbp-ig-grid li img{
height: 70px;
width: auto;
}
.cbp-ig-grid li {
width: 33%;
float: left;
padding: 15px 20px;
height: 255px;
text-align: center;
border-top: 1px solid #ddd;
-webkit-transition: background 0.5s;
-moz-transition: background 0.5s;
transition: background 0.5s;
}
.cbp-ig-grid li:hover {
background: #fff;
}
.cbp-ig-grid li:nth-child(3n-1) {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.cbp-ig-grid li:nth-child(-n+3) {
border-top: none;
}
.sidebar {
padding: 0;
}
ul.left-news {
margin: 0;
padding: 10px 0 0 0;
background: #ffc651;
}
.left-news-div .tab-content {
padding: 10px 25px;
}
.nav-tabs.nav-justified>li>a:hover {
background: #f2bc4e!important;
}
.nav-tabs.nav-justified>li>a {
font-size: 14px;
font-size: 1.4rem;
color: #5a5b5b!important;
padding: 10px 20px;
border: 0;
border-radius: 0;
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {
border: 0;
}
.left-news-div h5, .left-accordion h5, .bottom-accordion h5 {
text-align: center;
}
.left-news-div h5 a, .left-accordion h5 a, .bottom-accordion h5 a {
font-family: 'OpenSansCB';
font-size: 14px;
font-size: 1.4rem;
color: #0176a4;
}
a.rm {
color: #f7941d;
text-decoration: underline;
}
.left-news-div {
box-shadow: 1px 1px 1px #aeaeae;
background: #fff;
}
.left-news-div p {
margin-bottom: 10px;
}
.left-news-div .date, .left-accordion .date, .bottom-accordion .date {
text-align: right;
margin-bottom: 15px;
}
.article-tab{
margin-top: 0px;
}
.case .nav-tabs {
margin: 0;
padding: 0;
text-align: center;
}
.case .nav-tabs>li {
text-align: center;
display: inline-block;
float: none;
}
.testi div:nth-child(2) { }
.case .nav-tabs>li>a {
border-radius: 10px 10px 0 0;
}
.case .nav-tabs>li.active>a, .case .nav-tabs>li.active>a:hover, .case .nav-tabs>li.active>a:focus {
background: #0f8ad2;
color: #fff!important;
}
.case {
padding-left: 0px!important;
}
.case .tab-content {
background: #0f8ad2;
padding: 15px 45px;
height: 205px;
}
.case .nav>li>a {
background: #0f8ad2;
font-size: 18px;
font-size: 1.8rem;
padding: 3px 50px;
text-transform: uppercase;
background: #d3eefe;
color: #5a5b5b!important;
}
.case h5 {
text-align: center;
}
.case h5 a {
font-family: 'OpenSansCB';
font-size: 16px;
font-size: 1.6rem;
color: #ffc651;
}
.case p {
color: #fff;
}
.case .date {
text-align: right;
color: #fff;
margin-top: -28px;
}
.case a.rm {
color: #ffc651;
} .site-footer {
background: #0f303d;
color: #fff;
margin-top: -8px;
}
.site-footer .aligncenter p {
text-transform: none;
font-size: 12px;
font-size: 1.2rem;
}
.footerTopMenu  ul  li:nth-child(1) a {
font-size: 12px;
font-size: 1.2rem;
}
.site-footer ul  li a, .site-footer p {
color: #fff;
font-size: 11px;
font-size: 1.1rem;
text-transform: uppercase;
}
.site-footer ul {
list-style: none;
margin: 0;
padding: 0;
}
.site-footer img {
margin: 0 20px;
}
.footerMidMenu ul {
text-align: center;
}
.footerMidMenu ul li a {
font-size: 12px;
font-size: 1.2rem;
margin: 0 5px;	
}
.footerMidMenu li {
display: inline-block;
border-left: 1px solid #fff;
line-height: 10px;
}
.footerMidMenu ul li:first-child {
border-left: none;
}
.footerTopMenu {
padding: 0 100px;
}
.footerTopMenu ul .menu-header {
margin-bottom: 10px;
font-size: 12px;
}
.footerTopMenu ul li {
line-height: 15px;
}
footer .footerTopMenu li a:hover, footer .footerMidMenu li a:hover {
color: #ffc651;
}   .navbar-nav {
float: none;
margin-right: 20px;
padding: 8px 0 8px 20px;
}
.navbar-nav>li {
float: none;
}
.nav-head {
font-family: 'SourceSansProSB';
color: #fff;
font-size: 36px;
font-size: 3.6rem;
}
.nav>li>a {
color: #fff!important;
padding: 5px 0 5px 20px;
font-size: 18px;
font-size: 1.8rem;
}
.navbar-collapse {
max-height: none;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
background: url(../../../themes/oit2p/images/bg1.png) repeat top left;
height: 425px!important;
padding-left: 20px;
}
.navbar {
border: 0;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
background: #1086ca;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
background-color: #222;
text-decoration: none;
} .rel {
position: relative;
} .left-accordion .panel-group {
margin-bottom: 20px;
}
.left-accordion .panel-default>.panel-heading, .bottom-accordion .panel-default>.panel-heading {
background: #ffc651;
-webkit-transition: background 0.6s;
-moz-transition: background 0.6s;
transition: background 0.6s;
}
.left-accordion .panel-default>.panel-heading:hover, .bottom-accordion .panel-default>.panel-heading:hover {
background: #53b8e0;
}
.left-accordion .panel {
border-radius: 4px;
}
.left-accordion .panel-title {
text-align: center;
}
.left-accordion .panel-title a, .bottom-accordion .panel-title a {
font-family: 'SourceSansProReg';
color: #5a5b5b;
}
.bottom-accordion .panel-title a:hover {
text-decoration: none;
}
.left-accordion .panel-title a:hover {
text-decoration: none;
}
.panel-group .panel-heading+.panel-collapse .panel-body {
border-top: none;
}
.bottom-accordion .panel-group .panel-heading+.panel-collapse .panel-body {
background: #0f8ad2;
} .pages {
background: #1e5799;  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2OSUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NSUiIHN0b3AtY29sb3I9IiMyMDdjY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4OCUiIHN0b3AtY29sb3I9IiMyYjg4ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiM0ZmFmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNGZhZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #1e5799 0%, #207cca 51%, #2989d8 62%, #7db9e8 100%); background: -webkit-gradient(linear, right bottom, left bottom, color-stop(50%,#1e5799), color-stop(1%,#207cca), color-stop(78%,#2989d8), color-stop(100%,#7db9e8)); background: -webkit-linear-gradient(bottom, #207CCA 5%, #1E5799 30%, transparent 0%,transparent 100%,transparent 0%); background: -o-linear-gradient(bottom, #1e5799 30%,#fff 0%,#fff 100%,#fff 0%); background: -ms-linear-gradient(top, #1e5799 0%,#207cca 51%,#2989d8 62%,#7db9e8 100%); background: linear-gradient(to bottom, transparent 70%, #1e5799 70%, #207cca 85%,#2989d8 88%,#7db9e8 100%); }
.site-header.pages:after {
margin-bottom: 20px;
}
.pages .greetings {
top: 34px;
}
.side-pages .navbar-default .navbar-collapse, .navbar-default .navbar-form {
height: auto!important;
padding-bottom: 20px;
} .web-dev ul {
list-style: none;
padding: 0;
margin-left: 20px;
}
.web-dev .fa-check {
color: #97d738;
margin-right: 15px;
font-size: 20px;
}
.web-dev h1.post-title {
color: #0c4c8d;
}
.web-dev h2 {
font-family: 'OpenSansCB';
font-size: 18px;
font-size: 1.8rem;
color: #51859d;
}
.web-dev .skills {
text-align: center;
}
.web-dev img{
text-align: center;  
} .content-div h1 {
font-size: 20px;
font-size: 2.0rem;
color: #0f8dd6;
font-family: 'OpenSansCB';
margin-bottom: 0;
}
h2.post-title {
font-size: 30px;
font-size: 3.0rem;
color: #f7941d;
}
.content-div h1 a {
color: #0f8dd6;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
transition: color 0.5s;
}
.content-div h1 a:hover {
color: #f9b322;
text-decoration: none;
text-shadow: 0 1px 1px #a5a5a5;
}
.page-title {
font-family: 'OpenSansCB';
font-size: 36px;
font-size: 3.6rem;
margin-top: 0;
color: #333;
text-transform: uppercase;
}
.affiliate-title{
font-family: 'OpenSansCB';
font-size: 36px;
font-size: 2rem;
margin-top: 0;
color: #333;
text-transform: uppercase;
margin-top: 15x;
}
.content-div .date {
color: #888f95;
}
.content-div .btn{
font-family: 'SourceSansProSB';
font-size: 20px;
font-size: 2.1rem;
padding: 8px 35px;
}
.btn-primary  a{
color: #fff;
text-decoration: none;
}
.content-div .btn-primary:hover, .content-div .btn-primary:focus, .content-div .btn-primary:active, .content-div .btn-primary.active, .content-div .open .dropdown-toggle.btn-primary {
background: #3378a9;
} .quote-form {
padding: 50px;
background: #e7e7e7;
}
.required {
color: red;
}
.quote-form .form-group {
color: #454545;
}
.quote-form .btn {
font-size: 20px;
font-size: 2.0rem;
padding: 8px 35px;
} .article-main h1 a {
color: #404040;
}
.single-art {
float: right;
margin-left: 20px;
margin-bottom: 20px;
width: 60%;
height: auto;
} pre {
background: none;
font-size: none;
margin-bottom: 0;
max-width: 100%;
overflow: auto;
padding: .1em 1em 0em 2em;
border: 0px;
border-radius: 0px;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: nowrap;
background-color: inhirit;
border-radius: 0;
} .thumb-navigation{
list-style: none;
margin: 0px !important;
padding: 0px;
}
.thumb-navigation li{
margin: 9px 0px;
margin-right: 10px;
padding: 11px 0px;
padding-right: 8px;
background-color: #53b8e0;
cursor: pointer;
}
.thumb-navigation li div{
margin: 0px;
padding: 0 5px;
overflow: hidden;
}
.thumb-navigation li img{
width: 90px;
height: 65px;
cursor: pointer;
}
.thumb-navigation  .active{
background-color: #ffc651;
}
.thumb-title{
text-transform: uppercase;
color: #fff;
}
.active .thumb-title{
color: #5a5b5b;
}
.carousel-caption {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 10px;
background: #333333;
background: rgba(0, 0, 0, 0.75);
text-align: left;
}
.carousel-caption p{
margin: 0px;
}
.carousel-control{
width: 15px;
}
.carousel-caption p{
font-size: 13px;
}
.caption-title{
color: #ffc651;
text-transform: uppercase;
font-weight: bold;
}
.carousel-control.left.tab-slide, .carousel-control.right.tab-slide{
background-image: none !important;
background: none !important;
}	
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{
left: 0 !important;
right: 0 !important;
}
.testi .slide{
padding-left: 10px;
} .thumb-navigation li:before {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: 10px solid #53b8e0;
border-bottom: 10px solid transparent;
display: block;
position: absolute;
left: 5px;
margin-top: 19px;
}
.thumb-navigation .row.active:before{
border-right: 10px solid #ffc651;
} .gallery_box_single .gallery .gllr_image_block p {
margin: 20px 12px !important;
} .comments {
margin-top: 20px;
padding: 20px 5px;
overflow: hidden;
}
.comments .form-control {
margin-bottom: 20px;
}
.user-comment ul {
margin: 0;
padding: 0;
list-style: none;
}
.comments form {
margin-top: 20px;
margin-bottom: 70px !important;
}
.comments form .col-sm-10 {
width: 50%;
}
.comments form .col-sm-2 {
text-align: right;
}
.user-comment {
margin-bottom: 20px;
background: rgba(91, 109, 148, 0.08);
padding: 20px;
}
.the-comment h3 {
margin: 0;
font-family: 'SourceSansProReg';
font-size: 16px;
font-size: 1.6rem;
}
.the-comment h3 a {
font-family: 'OpenSansCB';
font-size: 20px;
font-size: 2.0rem;
color: #F69322;
text-decoration: none;
}
h1.comment-count {
margin: 15px;
}
h1.head-comment {
font-size: 35px;
margin-bottom: 20px;
margin-left: 30px;
}
.the-comment a {
color: #404040;
text-decoration: underline;
}
.user-pic {
margin-bottom: 20px;
}
.post-btn .btn {
font-size: 14px;
font-size: 1.4rem;
padding: 5px;
}
.post-btn a.btn {
background-color: rgb(185, 185, 185);
border: none;
color: rgb(80, 80, 80);
}
.post-btn a.btn:hover {
background: rgb(202, 202, 202);
border: none;
} .clients li{
margin: 0px; 
padding: 0px; 
}
.widget-area .randomtext {
background: #fff;
margin-top: 32px;
}
.widget-area .randomtext h1.widget-title {
margin: 0;
font-size: 20px;
background: #0F8AD2;
color: #fff;
padding: 10px;
border-radius: 5px 5px 0 0;
text-transform: uppercase;
font-family: 'SourceSansProSB';
text-align: center;
}
.randomtext ul {
list-style: none;
margin: 0;
padding-left: 0;
border-right: 1px solid #0F8AD2;
border-radius: 0 0 5px 5px;
border-left: 1px solid #0F8AD2;
border-bottom: 1px solid #0F8AD2;
}
.randomtext ul li {
border-bottom: 1px solid #ddd;
}
.randomtext ul li:last-child {
border-bottom: none;
}
.randomtext ul li p {
margin-bottom: 0;
padding: 10px 0 10px 20px;
} .livezilla{
position: absolute; 
left: 0; 
text-align:right;
width:100%;
padding-top: 10px;
} .tab-content #samples {
text-align: center;
} .logo-title {
left: 200px;
margin: 0;
padding: 0;
position: absolute;
top: 65px;
z-index: 1;
}
.logo-title a{
text-decoration:none;
}
.logo-title  h4 a{
color: #FFFFFF;
font-size: 15px;
font-weight: 100;
padding-left: 5px;
}
.logo-title h4, .logo-title h1{
margin:0;
padding:0;
}
.color-blue {
color: #004059;
font-family: "Calibri";
font-size: 43px;
}
.color-light-blue {
color: #0D7AB9;
font-family: "DejaVu Serif";
font-size: 28px;
}
#loader{
display: none;
}
.padding-right-none {
padding-right: 0px;
}
.padding-right-none .content-area {
padding-right: 20px;
} .navbar-header h1{
margin:10px;
font-size: 20px;  
color:#ffffff;
}
.navbar-header {
position:relative;
padding: 7px 3px;
background:url(../../../themes/oit2p/images/bg1.png);
}
.navbar-header .navbar-toggle:hover, .navbar-header .navbar-toggle:focus{
background:none;
}
.navbar-toggle {
position: absolute;
right: 0;
top: 0;
z-index: 1;
} .half-bottom {margin-bottom: 10px;}
.half-top {margin-top: 10px;}
.add-bottom {margin-bottom: 20px;}
.add-top {margin-top: 20px;}
.side-img{margin-top: -24px;}
.nodisplay {display: none;} @media screen and (min-width: 80em) { .container {
width: 1260px;
}
}
@media screen and (min-width: 75em) { h1.home-entry-title {
font-size: 53px;
font-size: 5rem;
}
}
@media only screen and (min-width: 62px) and (max-width: 75em) { h1.home-entry-title {
font-size: 41px;
font-size: 4.1rem;
}
.header-bg {
top: -45px;
height: 330px;
}
.search-cont .col-sm-6 {
width: 84%;
}
.site-branding {
padding: 0!important;
}
.nav-head {
font-size: 30px;
font-size: 3.0rem;
}
.nav>li>a {
font-size: 15px;
font-size: 1.5rem;
}
.navbar-nav {
padding: 8px 0 8px 15px;
}
.row2 {
top: -340px;
}
.the-content-home{
margin-top:-45px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
height: auto !important; padding-bottom: 13px;
}
.thumb-navigation li:before {
margin-top: 11px;
}
.slider-pic {
height: auto !important;
padding: 15px 0px;
}
.call2action ul li a {
font-size: 20px;
font-size: 2.0rem;
}
.cbp-ig-grid li {
padding: 15px 15px;
height: 280px;
}
.case .tab-content {
padding: 15px 25px;
}
.comments form .col-sm-2 {
text-align: left;
}
.comments form .col-sm-10 {
width: 100%;
}
}
@media screen and (max-width: 61.9375em) { .search-cont .col-sm-6 {
width: 63%;
}
.header-bg {
top: -36px;
height: 304px;
}
.row2 {
top: -305px;
}
.search-cont {
top: 47px;
}
.nav-head {
font-size: 20px;
font-size: 2.0rem;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
height: auto !important;
padding-bottom: 66px;
}
.slider-pic {
height: 350px;
}
h1.home-entry-title {
font-size: 34px;
font-size: 3.4rem;
}
.call2action ul li a {
font-size: 17px;
font-size: 1.7rem;
}
.case .nav>li>a {
font-size: 16px;
font-size: 1.6rem;
padding: 3px 29px;
}
.cbp-ig-grid li {
height: 360px;
}
.case h5 a {
font-size: 14px;
font-size: 1.4rem;
}
.case .tab-content{
height: auto;
} .LOGO{
top:10px;
}
.LOGO-header .LOGO {
top: 0;
}	
.color-blue{
font-size:33px;
}
.color-light-blue{
font-size:22px;
}
.logo-title h4 a{
font-size:8px;
}
.menu-image {
margin-top: 35px;
}
.greetings{
margin-top:35px;
}
.LOGO-header .greetings {
margin-top: 24px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1024px){ .row2 .col-sm-3 {
width: 22.3%;
}
.row2 .col-sm-9{
width: 67%;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
height: auto !important;
padding-bottom: 6px !important;
}
.the-content-home{
margin-top: -54px;
}
}
@media screen and (min-width: 900px) and  (max-width: 900px) { .navbar-default .navbar-collapse, .navbar-default .navbar-form {
height: auto !important;
padding-bottom: 176px !important;
}
.menu-image {
top: 190px;
}
.the-content-home{
margin-top: 107px;
}
}
@media screen and (min-width: 800px) and (max-width: 800px){ .navbar-default .navbar-collapse, .navbar-default .navbar-form {
height: auto !important;
padding-bottom: 66px !important;
}
.the-content-home{
margin-top: 57px;
}
}
@media screen and (max-width: 48em) { .row2 {
position: initial;
}
.search-cont .col-sm-6 {
margin: 0 auto;
float: none!important;
}
.search-cont {
position: initial;
}
.greetings {
text-align: center;
}
.greetings p {
padding: 5px;
margin-bottom: 0;
}
.logo-cont {
text-align: center;
background:linear-gradient(#304355, #0176a4);
background: -moz-linear-gradient(#304355, #0176a4);
background: -webkit-linear-gradient(#304355, #0176a4);
width: 100%;
margin-bottom: 10px;
}
.logo-cont .col-sm-7, .logo-cont .col-sm-5 {
display: inline-block;
width: 100%!important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
padding: 10px;
height: auto!important;
}
.site-header .hidden-xs {
display: none!important;
}
.navbar-nav {
padding: 0;
}
.slider-pic {
padding: 15px;
height: auto;
}
.navbar-nav {
margin: 0;
}
.nav-tabs.nav-justified>li>a {
margin-bottom: 0;
}
.site-main {
padding-left: 0;
}
.call2action ul li a {
font-size: 20px;
font-size: 2.0rem;
}
.side-img {
text-align: center;
}
.side-img img {
width: 45%;
}
h1.home-entry-title {
text-align: center;
}
.testi div:nth-child(2) {
border: none;
}
.left-news-div #news-tab > li {
float: left;
width: 50%;	
}
.footerTopMenu  {
padding: 0!important;
}
.case {
padding-left: 0;
}
.side-img.add-top.add-bottom {
position: initial;
}
.page-title {
text-align: center;
margin-top: 20px;
}
.pages .greetings {
position: initial;
}
.quote-form {
margin-left: 10px;
} .logo-title {
left: 0;
position: inherit;
top: 0;
margin-bottom:20px;
}
.logo-title h4 a{
font-size:14px;
} }
@media screen and (min-width: 48.0625em) and (max-width: 61.9375em) { .row2 {
position: initial;
}
.rel {
position: initial;
}
.menu-image {
position: absolute;
top: 195px;
width: 100%;
}
.site-header {
position: relative;
}
.site-content {
width: 100%;
}
.cbp-ig-grid li {
height: 280px;
}
h1.home-entry-title {
font-size: 40px;
font-size: 4.0rem;
text-align: center;
}
.livezilla{
position:inherit;
}
}
@media screen and (min-width: 48em) and (max-width: 48em) { .call2action ul li a {
font-size: 15px;
font-size: 1.5rem;
}
h1.home-entry-title {
font-size: 32px;
font-size: 3.2rem;
}
.slider-pic {
height: 290px;
}
.navbar-default {
margin-bottom: 2px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { height: auto!important;
padding-bottom: 97px;
}
.article-main, .article {
padding: 0 20px;
}
.web-dev {
padding: 0 20px;
}
}
@media screen and (max-width: 37.3125em) { .call2action ul li a {
padding: 10px 20px;
}
.case .nav>li>a {
font-size: 14px;
font-size: 1.4rem;
padding: 3px 5px;
}
.livezilla{
position:inherit;
}
}
@media screen and (max-width: 30em) { .brands .cbp-ig-grid li {
width: 100%;
height: auto!important;
border-top: none!important;
border-left: none!important;
border-right: none!important;
border-bottom: 1px solid #eee!important;
}
h1.home-entry-title {
text-align: center;
margin-top: 25px;
}
.side-img img {
width: 45%;
}
.call2action ul li a {
margin-top: 10px;
}
.footerTopMenu {
padding: 0;
}
.slider-pic{
display:none;
}
.call2action ul li:nth-child(2) {
border-left: 0px;
}
}
@media screen and (max-width: 28.75em) { .call2action ul li:nth-child(2) {
border: none;
} .gallery_box_single .gallery .gllr_image_block p {
margin: 0!important;
}
#content .gallery .gllr_image_block a img {
width: auto!important;
height: auto!important;
}
#content .gallery_box_single .gallery .gllr_image_block p {
border: none;
}
.searchbox input{
width: 79%;
} .color-blue{
font-size:30px;
}
.color-light-blue{
font-size:22px;
} .navbar-header h1{
font-size:14px;
font-weight:600;
left:10px;
bottom:6px;
}
} .carousel-inner .item img, .carousel-inner .item a img{
max-height: 684px;
width: 1024px;
} .Thankyou-page1{
padding:5px 20px;
margin-bottom:0px;
background:#ffffff;
}
.Thankyou-page1 h2, .Thankyou-page1 h3, .Thankyou-page1 h4{
font-family: 'OpenSansCB';
}
.Thankyou-page1 h2{ font-size:34px;
}
.Thankyou-page1 .Social-thankyou ul{
padding:0;
margin:0;
}
.Thankyou-page1 .Social-thankyou ul li{
display:inline-block;
}
.Blog-thankyou ul{
margin:0;
padding:0;
}
.Blog-thankyou ul li{
display:block;
}
.Thankyou-page1 h3{
font-weight:700;
}
.Side-thankyou p{
font-size:14px;
margin-bottom: 0px !important;
}
.Side-thankyou{
margin-top:0px !important;
}
.Side-thankyou label{
font-weight:normal;
font-style:italic;
}
.Side-thankyou .form-control{
border-radius:0;
box-shadow:none;
margin-bottom:5px;
}
.Side-thankyou form{
margin:5px 0 40px;
}
.Side-thankyou .form-group
{
margin-bottom: 0px;
}
.Thankyou-page1 h2{
font-size:28px;
margin-top: 5px;
}
.Side-thankyou h3 { }
.Blog-thankyou h3{ margin:10px 0 10px;
}
.Blog-thankyou p{
font-size:14px;
}
.Start-trial a {
background: -webkit-linear-gradient(#3c77db, #25569f); background: -o-linear-gradient(#3c77db, #25569f); background: -moz-linear-gradient(#3c77db, #25569f); background: linear-gradient(#3c77db, #25569f); color:#ffffff;
padding:10px 5px;
border-radius:5px;
border:2px solid #002a6b;
text-shadow:0px -1px 1px #00235a;
}
.Start-trial a:hover {
text-decoration:none;
text-shadow:none;
}
.vjs-tech {
width: 100% !important; 
height: 100% !important;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-js {
width: 100% !important;
height: 220px !important;
margin-left: 5px;
}
.video-js {
width: 100% !important;
height: 100% !important;
margin-left: 5px;
}
.Thankyou-connect {
text-align: center !important;
}
.Social-thankyou {
text-align: center !important;
}
.addthis_toolbox{ 
margin-left: 50px !important;
}
.recent_blog {
list-style: square !important;
}
. .share {
text-align: left !important;
}
#events-slide a .glyphicon {
padding-top: 80px !important;
position: static !important;
}
#testimonies-slide a .glyphicon {
padding-top: 80px !important;
position: static !important;
}
#case-studies a .glyphicon {
padding-top: 80px !important;
position: static !important;
}