html, body { margin: 0px; padding: 0px; font-family: 'open_sanslight'; height: 100%; }
ul, ol, li, h1, h2, h3, h4, h5, h6, p, hr { margin: 0px; padding: 0px; list-style: none }
h1 { font-size: 42px; margin-bottom: 0.6em; }
h2 { font-size: 36px; margin-bottom: 0.6em; }
h3 { font-size: 30px; margin-bottom: 0.6em; }
h4 { font-size: 20px; margin-bottom: 0.6em; }
h5 { font-size: 18px; margin-bottom: 0.6em; }
h6 { font-size: 12px; margin-bottom: 0.6em; }
strong { font-size: 15px; color: #000 }
q { background: #ffff99; font-style: italic; color: #000 }
q:before { content: "‘"; padding: 0px 3px; }
q:after { content: "’"; padding: 0px 3px; }
del { text-decoration: line-through; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
ins { background-color: transparent; color: #000; text-decoration: none; }
big { font-size: larger; }
red { color: #ec1010 }
.container { max-width: 1055px; }
a:hover { text-decoration: none !important; }
header { background: #fff; padding-bottom: 1.4% }
a { outline: none !important }
.top-bar { background: #173f78 }
.info { float: right }
.info ul li { float: left; margin-right: 5px; padding: 7px 0 0 0 }
.info ul li:first-child { font-family: 'open_sansregular'; font-size: 14px; margin-right: 15px; color: #fff; border-right: 1px solid #456491; border-left: 1px solid #456491; padding: 9px; }
.info ul li i { font-family: 'FontAwesome'; font-style: normal; color: #99cc00; margin-right: 10px; font-size: 18px }
.info ul li:last-child { margin: 0px; }
.logo-normal { margin-top: -11px; position: absolute; z-index: 100; }
/* Common button styles */
.quote-btn { border: none; background: none; color: inherit; vertical-align: middle; position: relative; z-index: 1; font-size: 11px; text-transform: uppercase; font-family: 'open_sansregular'; width: 98px; height: 30px; display: inline-block; text-align: center; vertical-align: middle; color: #fff; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f59a6+0,0c448b+100 */ background: #99cc00; /* Old browsers */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/* Rayen */
.button--rayen { overflow: hidden; padding: 7px 0 0 0; cursor: pointer; }
.button--rayen.button--inverted { color: #fff; }
.button--rayen::before { content: attr(data-text); position: absolute; top: 0; content: ""; font-family: 'FontAwesome'; font-size: 19px; left: 0; width: 100%; height: 100%; padding-top: 2px; background: #fff; color: #2e59a6; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.button--rayen.button--inverted::before { background: #fff; color: #37474f; }
.button--rayen > span { display: block; }
.button--rayen::before, .button--rayen > span { -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.button--rayen:hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.button--rayen:hover > span { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); margin-top: 3px; }
/* Common button styles */
.login-btn { border: none; background: none; color: inherit; vertical-align: middle; position: relative; z-index: 1; font-size: 13px; text-transform: uppercase; font-family: 'open_sansregular'; width: 66px; height: 30px; display: inline-block; text-align: center; vertical-align: middle; color: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7ea702+0,97c900+100 */ background: #7ea702; /* Old browsers */ background: -moz-linear-gradient(top, #7ea702 0%, #97c900 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7ea702), color-stop(100%, #97c900)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7ea702 0%, #97c900 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7ea702 0%, #97c900 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7ea702 0%, #97c900 100%); /* IE10+ */ background: linear-gradient(to bottom, #7ea702 0%, #97c900 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ea702', endColorstr='#97c900', GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/* Rayen */
.login--rayen { overflow: hidden; padding: 7px 0 0 0; cursor: pointer; }
.login--rayen.button--inverted { color: #fff; }
.login--rayen::before { content: attr(data-text); position: absolute; top: 0; content: ""; font-family: 'FontAwesome'; font-size: 19px; left: 0; width: 100%; height: 100%; padding-top: 2px; background: #fff; color: #99cc00; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.login--rayen.button--inverted::before { background: #fff; color: #37474f; }
.login--rayen > span { display: block; }
.login--rayen::before, .login--rayen > span { -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.login--rayen:hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.login--rayen:hover > span { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.menu { float: right; width: 100%; margin-top: 3% }
.menu .nav > li { padding: 0px 0px; margin:2px; }
.menu .nav > li:last-child { padding: 5px; margin: 0px }
.menu .nav > li a { padding: 0px 18px; text-align: left; }
.menu .navbar-nav > li > a:hover { color: #073a94 }
.menu .navbar-nav > li > a { color: #4b4a4a; text-transform: uppercase; font-family: 'open_sansbold'; }
.menu .nav > li:last-child a { padding: 0px 0px; }
.menu .navbar-collapse { padding-left: 0px; padding-right: 0px; }
.menu .navbar-nav { float: right }
.menu .navbar-inverse { background-color: inherit; border: none }
.menu .navbar { min-height: inherit; margin-bottom: 0px; }
.menu .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active { background: #99cc00 !important; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 10px; color: #fff }
ul, ol, li { margin: 0px; padding: 0px; list-style: none }
a:hover { text-decoration: none !important; }
header { background: #fff; padding-bottom: 1.4% }
.top-bar { background: #173f78 }
.info { float: right }
.info ul li { float: left; margin-right: 5px; padding: 7px 0 0 0 }
.info ul li:first-child { font-family: 'open_sansregular'; font-size: 14px; margin-right: 15px; color: #fff; border-right: 1px solid #456491; border-left: 1px solid #456491; padding: 9px; }
.info ul li i { font-family: 'FontAwesome'; font-style: normal; color: #99cc00; margin-right: 10px; font-size: 18px }
.info ul li:last-child { margin: 0px; }
.logo-normal { margin-top: -11px; position: absolute; z-index: 100; margin-left: -25px; }
/* Common button styles */
.quote-btn { border: none; background: none; color: inherit; vertical-align: middle; position: relative; z-index: 1; font-size: 11px; text-transform: uppercase; font-family: 'open_sansregular'; width: 98px; height: 30px; display: inline-block; text-align: center; vertical-align: middle; color: #fff; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f59a6+0,0c448b+100 */ background: #99cc00; /* Old browsers */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/* Rayen */
.button--rayen { overflow: hidden; padding: 7px 0 0 0; cursor: pointer; }
.button--rayen.button--inverted { color: #fff; }
.button--rayen::before { content: attr(data-text); position: absolute; top: 0; content: ""; font-family: 'FontAwesome'; font-size: 19px; left: 0; width: 100%; height: 100%; padding-top: 2px; background: #fff; color: #2e59a6; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.button--rayen.button--inverted::before { background: #fff; color: #37474f; }
.button--rayen > span { display: block; }
.button--rayen::before, .button--rayen > span { -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.button--rayen:hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.button--rayen:hover > span { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); margin-top: 4px; }
/* Common button styles */
.login-btn { border: none; background: none; color: inherit; vertical-align: middle; position: relative; z-index: 1; font-size: 13px; text-transform: uppercase; font-family: 'open_sansregular'; width: 66px; height: 30px; display: inline-block; text-align: center; vertical-align: middle; color: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7ea702+0,97c900+100 */ background: #7ea702; /* Old browsers */ background: -moz-linear-gradient(top, #7ea702 0%, #97c900 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7ea702), color-stop(100%, #97c900)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7ea702 0%, #97c900 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7ea702 0%, #97c900 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7ea702 0%, #97c900 100%); /* IE10+ */ background: linear-gradient(to bottom, #7ea702 0%, #97c900 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ea702', endColorstr='#97c900', GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/* Rayen */
.login--rayen { overflow: hidden; padding: 7px 0 0 0; cursor: pointer; }
.login--rayen.button--inverted { color: #fff; }
.login--rayen::before { content: attr(data-text); position: absolute; top: 0; content: ""; font-family: 'FontAwesome'; font-size: 19px; left: 0; width: 100%; height: 100%; padding-top: 2px; background: #fff; color: #99cc00; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.login--rayen.button--inverted::before { background: #fff; color: #37474f; }
.login--rayen > span { display: block; }
.login--rayen::before, .login--rayen > span { -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.login--rayen:hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.login--rayen:hover > span { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.menu { float: right; width: 100%; margin-top: 3% }
.menu .nav > li { padding: 0px 0px; margin: 2px; }
.menu .nav > li:last-child { padding: 5px; margin: 0px }
.menu .nav > li a { padding: 5px 12px; text-align: left; }
/*.menu .navbar-nav > li > a:hover { color: #073a94 }*/
.menu .navbar-nav > li > a { color: #4b4a4a; text-transform: uppercase; font-family: 'open_sansbold'; }
.menu .nav > li:last-child a { padding: 0px;text-align: center }
.menu .navbar-collapse { padding-left: 0px; padding-right: 0px; }
.menu .navbar-nav { float: right }
.menu .navbar-inverse { background-color: inherit; border: none }
.menu .navbar { min-height: inherit; margin-bottom: 0px; }
.menu .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active { background: #99cc00 !important; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 5px; color: #fff }
.banner-slider .owl-dots { display: block; margin: 0px auto; width: 100%; z-index: 100000; }
.banner-slider .owl-dots span { background: #fff none repeat scroll 0 0; border-radius: 50%; display: inline-block; height: 14px; margin-right: 5px; width: 14px; }
.banner-slider .owl-dots .active span { background: #99cc00; }
.banner-slider .owl-controls .owl-buttons div { position: absolute; }
.banner-slider .owl-controls { text-align: center !important; position: absolute; margin: -65px auto; left: 0px; right: 0px; }
.banner-slider .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { display: inline-block; }
.banner-inner { position: absolute; z-index: 1000; margin: 0px auto; right: 0; left: 0; padding: 10% 0 }
.banner-inner h1 { color: #99cc00; font-size: 36px; font-family: 'open_sanslight'; text-transform: uppercase; margin:0px }
.banner-inner h2 { color: #454543; font-size: 41px; font-family: 'open_sansbold'; text-transform: uppercase; font-weight: bolder; margin:0px }
.banner-inner p { color: #666; text-transform: uppercase; font-family: 'open_sansregular'; }
/*************services bloc***********/
.services { padding: 1.5% 0; }
.box { border: 1px solid #dcdcdc; width: 100%; padding: 10px 10px 18px 10px; text-align: center; transition: all 0.5s ease-in-out;display: block; }
.box img { text-align: center; margin: 0px auto }
.box .shadow { margin: 10px 0 17px 0 !important }
.box h3 { font-family: 'open_sansbold'; font-size: 15px; color: #505050; text-transform: uppercase }
.box .line { content: ""; width: 100px; height: 1px; background: #c0bfbf; margin: 10px auto }
.box .line:before { content: ""; background: #173f78; width: 15px; height: 5px; position: absolute; z-index: 10; margin: -2px -7px }
.box p { margin: 9% 0 9% 0; font-family: 'open_sanslight'; font-size: 14px; color: #646464 }
.box span {background: #fff; color: #646464; font-family: 'open_sansbold'; text-transform: uppercase; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; border: 1px solid #cdcdcd; padding: 8px 18px; font-size: 12px; }
.box span::after { content: ""; color: #000; font-family: 'FontAwesome'; font-size: 15px; margin-left: 10px; }
.box:hover { background: #173f78; cursor: pointer; transition: all 0.5s ease-in-out; }
.box:hover p, .box:hover h3 { color: #fff }
.box:hover .line:before, .box:hover span, .box:hover span i { background: #fff !important; color: #173f78 }
.network { width: 100%; background: url(../images/network-bg.jpg) center no-repeat; height: 415px; }
.network h3 { text-align: center; color: #fff; padding: 8% 0 0 0; font-size: 31px; font-family: 'open_sansbold'; text-transform: uppercase; margin-top: -4px; }
.network span { display: block; font-size: 27px; font-family: 'open_sanslight'; margin-bottom: 0.5% }
.network .line { width: 150px; margin: 0px auto; height: 1px; background: #fff; margin-top: 1.3% }
.network .line:after { width: 10px; height: 10px; background: #fff; content: ""; border-radius: 100%; float: right; margin-top: -4px; }
.network .line:before { width: 10px; height: 10px; background: #fff; content: ""; border-radius: 100%; position: absolute; margin-top: -4px; }
.help-block { padding: 2% 0 0 0; text-align: center; margin-bottom: 0px }
.help-block h1 { font-size: 41px; color: #99cc00; font-family: 'open_sanslight'; margin-bottom: 10px; }
.help-block h2 { font-size: 41px; color: #454543; font-family: 'open_sansbold'; text-transform: uppercase; margin-bottom: 10px; }
.help-block h6 { color: #173f78; font-size: 18px; font-family: 'open_sansregular'; }
.help-block h6 span { font-size: 25px; font-weight: 800 }
.help-block button {min-width: 125px;text-align: center; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; background: #99cc00; padding: 7px 16px;width: 15%; color: #fff; font-size: 14px; font-family: 'open_sansregular'; text-transform: uppercase; margin-top: 1.7%; display: inline-block; transition: all 0.3s ease 0s; }
.help-block button:hover { background: #173f78; color: #fff; transition: all 0.3s ease 0s; }
.help-block img { margin: 0px auto; text-align: center; margin-top: 4% }
.partners { width: 100%; background: #173f78; padding: 1.6% 0 }
.partners h3 { text-align: center; font-size: 26px; color: #fff; text-transform: uppercase }
.partners span { font-family: 'open_sansbold'; }
.partners-slider { margin-top: 2%; }
.partners-slider .owl-prev { background: url(../images/arrow.png) -58px 58px; width: 29px; height: 29px; margin: -54px 0 0 -44px; }
.partners-slider .owl-next { background: url(../images/arrow.png) -29px 58px; width: 29px; height: 29px; float: right; margin: -30px -45px 0 0 }
.partners-slider .owl-next:hover { transition: all 0.3s ease 0s; background: url(../images/arrow.png) -29px 29px; }
.partners-slider .owl-prev:hover { transition: all 0.3s ease 0s; background: url(../images/arrow.png) -58px 29px }
.menu-footer { margin: 0px auto; text-align: center }
.menu-footer ul { display: inline; width: 100%; }
.menu-footer ul li { margin: 0px auto; text-align: center; display: inline; border-right: 2px solid #c9c8c8; padding-right: 15px; padding-left: 15px; }
.menu-footer ul li:last-child { border-right: none }
.menu-footer ul li a { color: #000; font-family: 'open_sansregular'; }
.menu-footer ul li a:hover { color: #173f78 }
.connected { margin: 3% auto; text-align: center }
.connected h6 { text-align: center; color: #000; font-size: 16px; font-family: 'open_sansbold'; text-transform: uppercase }
.connected ul li { display: inline-block; font-size: 13px; font-family: 'open_sansregular'; margin-right: 30px; }
.connected ul { margin-top: 1.7% }
.connected ul li a:hover { color: #173f78 }
.connected ul li a i { width: 29px; height: 29px; background: #f8f8f8; float: left; font-family: 'FontAwesome'; font-style: normal; padding-top: 6px }
.connected ul li a span { padding-top: 5px; display: inline-block; padding-left: 10px; color: #000 }
.connected ul li a { transition: all 0.3s ease 0s; }
.connected ul li a:hover i { background: #173f78; color: #fff; transition: all 0.3s ease 0s; }
.connected ul li:nth-child(1) a i { color: #304faa }
.connected ul li:nth-child(2) a i { color: #33bdfd }
.connected ul li:nth-child(3) a i { color: #ab0909 }
.connected ul li:hover:nth-child(1) a i { color: #fff; background: #304faa; transition: all 0.3s ease 0s }
.connected ul li:hover:nth-child(2) a i { color: #fff; background: #33bdfd; transition: all 0.3s ease 0s }
.connected ul li:hover:nth-child(3) a i { color: #fff; background: #ab0909; transition: all 0.3s ease 0s }
.footer-bottom { border-top: 1px solid #d9d9d9; padding-top: 1% }
.footer-bottom p { text-align: center; font-size: 13px; font-family: 'open_sansregular'; }
footer { background: url(../images/footer-bg.jpg) center bottom no-repeat; padding: 2% 0 1% 0; }
.logo-mob { display: none }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #99cc00 ; background-color: #fff;}
/* ==========================================================================
Waypoints
========================================================================== */
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6, .wp7, .wp8, .wp9, .wp10, .wp11, .wp12, .wp13 { visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { visibility: visible; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }
.sub-banner { background: #173f78; padding: 40px 0 15px 0 }
.sub-banner h1 { color: #fff; font-family: 'open_sansbold'; font-size: 22px; text-transform: uppercase;/*margin-top:5px;margin-bottom:0px;*/ }
/*************sub-page***********/
.inner-page { padding: 1% 0; font-family: 'open_sansregular'; }
.inner-page p { font-size: 13px; color: #757474; line-height: 22px; padding-bottom: 2.5% }
.inner-page .breadcrumbs { border-bottom: 1px solid #e8e9eb; padding-bottom: 8px; margin-bottom: 2% }
.inner-page .breadcrumbs ul li { display: inline-block; margin-right: 10px; }
.inner-page .breadcrumbs ul li a { color: #4b4a4a; font-size: 12px; }
.inner-page .breadcrumbs ul li:before { content: ""; font-family: 'FontAwesome'; margin-right: 10px; }
.inner-page .breadcrumbs ul li:first-child:before { display: none }
.inner-page .breadcrumbs ul li a:hover { color: #004a9f }
.inner-page .breadcrumbs ul li:last-child a { color: #004a9f; }
.inner-page .tabs1 .nav-tabs > li > a { background: url(../images/tab-bb.jpg) repeat-x #f0f6f6; border: 1px solid #d6d6d6; padding-left: 35px; padding-right: 35px; text-transform: uppercase; font-family: 'open_sansbold'; color: #505050; font-size: 12px; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background: #fafbfd !important; border-top: 2px solid #badc56 !important; border-bottom: none !important; border-right: none !important; border-left: none !important }
.inner-page .nav-tabs > li > a { margin-right: 0px; }
.inner-page .nav-tabs { border: none }
.tab-content > .active { background: #fafbfd; padding: 3.5% 2.3% 2.3% 2.3% }
.inner-page .tab-content img { float: left; margin-right: 2.5%; border: 1px solid #dbdada }
.inner-page .tab-content h4 { padding: 2% 0; color: #003793; font-size: 20px; }
.inner-page .tabs1 { margin: 0 0 2.8% 0 }
.inner-page .img-style { float: left; margin-right: 2.8% }
.inner-page .img-style-b { margin-bottom: 2.8% }
.inner-page .row-img img { border: 1px solid #dbdada; margin:0px auto 5% auto }
.inner-page .block-tree img { width: 100%; margin-bottom: 2.8% }
.inner-page .full-img { width: 100% }
.inner-page .table { margin: 1% 0 2% 0; background: #fafbfd }
.inner-page .table th { width: 33.3%; padding-left: 2% }
.inner-page .table td { width: 33.3%; padding-left: 2%; padding-bottom: 1.2%; padding-top: 1.2%; color: #757474; font-size: 13px; line-height: 24px; }
.inner-page .table tr:nth-of-type(2n+0) { background: #f2f4f9 }
.inner-page .table thead { border: none; background: #ecedf0 }
.inner-page .table thead th { font-size: 14px; font-family: 'open_sansbold'; font-weight: normal }
.inner-page ul.list-one li { color: #757474; font-size: 13px; padding-bottom: 10px; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 0px; padding: 15px 0 }
.inner-page ol.list-one { counter-reset: preview-ol; margin: 3.5% 0 }
.inner-page ol.list-one li { list-style: none; margin-bottom: 8px; color: #757474; font-size: 13px; }
.inner-page ol.list-one li:before { background: #b8b8b9; display: inline-block; width: 22px; height: 22px; content: ""; border-radius: 100%; color: #fff; list-style-type: decimal; content: counter(preview-ol); counter-increment: preview-ol; text-align: center; margin-right: 10px; padding-top: 2px; }
.inner-page ul.list-two { margin-left: 8px; }
.inner-page ul.list-two li { color: #757474; font-size: 13px; }
.inner-page ul.list-two li:before { content: "~"; font-size: 21px; color: #757474; vertical-align: middle; margin-right: 19px; }
.inner-page blockquote { border-left: 4px solid #666; padding: 5px 5px 5px 20px; margin: 0 0 30px 30px; background: lightyellow; position: relative; }
.inner-page blockquote p { padding: 1% 0 }
.inner-page .quote-box { margin-top: 3% }
.inner-page blockquote:before { content: "“"; position: absolute; left: -38px; font-family: Georgia; top: 0px; font-size: 50px; color: rgb(102, 102, 102); }
.inner-page blockquote:after { content: "”"; position: absolute; left: -28px; bottom: -24px; font-family: Georgia; letter-spacing: 2px; font-size: 50px; color: rgb(102, 102, 102); }
.inner-page .text-style { text-align: center; line-height: 25px; margin: 5% 0 }
.inner-page p a { color: #444; border-bottom: 1px solid #444; }
.inner-page p a:hover { color: #fff; border-bottom: 1px solid #444; background: #444; }
.inner-page .text-right { text-align: right }
.inner-page .text-left { padding-left: 5% }
.inner-page address { color: #757474 }
/**************custom*****************/
.imeet-head{
text-align: center;
font-weight: bolder;
font-size: 30px;
color: steelblue;
}
.guide-head {
font-weight: bolder;
display: inline;
}
.dropdown-submenu:hover,.dropdown:hover,.menu .navbar-nav li a:hover,.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{
background: #99cc00 !important;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 5px;
color: #fff ;
margin:0px;
}
.menu .navbar-nav li .active a {background: #173F78 !important;}
.menu .nav > li:last-child { padding: 0px; margin: 2px 0px }
.menu .nav > li:last-child a { padding: 5px 12px; }
/*.fancy {
float: left;
margin-left: 20px;
margin-bottom: 20px;
}*/
.fancy img {
width: 300px !important;
height: 300px !important;
margin:0px auto 20px auto;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.fancy img:hover{
opacity: 0.8;
}
#yes, #no {
margin-top: 15px;
float: none;
width: 10px;
}
.dropdown-menu{
background-clip: padding-box;
background-color: #99cc00;
border-radius: 5px !important;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
color: #fff !important;
display: none;
float: left;
font-size: 14px;
left: 0;
list-style: outside none none;
margin: 2px 0 0;
/*width: 113px !important;*/
min-width: 160px;
padding: 0px !important;
position: absolute;
text-align: left;
top: 102%;
z-index: 1000;
min-width: 90px;
}
.dropdown-menu li {
border-bottom: 1px solid #fff;
}
.dropdown-submenu a.dropdown-toggle span.caret {
display: none;
}
.download a{
margin:5px 10px;
background-color: #99cc00;
border-radius: 16px;
color: #fff;
font-size: 14px;
font-weight: bold;
padding: 5px 10px;
text-align: center;
float: left;
width: 20%;
min-width: 100px;
}
.download a:hover {
background-color: #b5e22d;
color: #333333;
}
.gallery {
width: 100%;
}
.gallery li {
float: left;
width: 100%;
display: block;
}
/*ul.nav li.dropdown:hover ul.dropdown-menu:hover ul.dropdown-submenu.open:{ display: block; }*/
.sidebar-nav {
padding: 9px 0;
}
.dropdown-menu .sub-menu {
left: 100%;
position: absolute;
top: 0;
visibility: hidden;
margin-top: -1px;
}
.dropdown-menu > li > a{
color: #4b4a4a; text-transform: uppercase; font-family: 'open_sansbold';font-weight: normal; font-size: 13px;
}
.dropdown-menu li a {
padding: 5px 15px !important;
}
ul.dropdown-menu li:last-child{
border: none;
}
.dropdown-menu li:hover .sub-menu {
visibility: visible;
}
.dropdown:hover >.dropdown-menu {
display: block;
}
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
margin-top: 0;
}
.navbar .sub-menu:before {
border-bottom: 7px solid transparent;
border-left: none;
border-right: 7px solid rgba(0, 0, 0, 0.2);
border-top: 7px solid transparent;
left: -7px;
top: 10px;
}
.navbar .sub-menu:after {
border-top: 6px solid transparent;
border-left: none;
border-right: 6px solid #fff;
border-bottom: 6px solid transparent;
left: 10px;
top: 11px;
left: -6px;
}
.error {
color: #FF0000;
font-size: 11px;
}
.servicerequest{
border:1px solid #c1c1c1;
padding:15px;
margin-bottom: 20px;
}
.servicerequest p strong span a{
text-decoration:none !important;
border-bottom: none;
}
.servicerequest p strong span a:hover{
color: #99cc00;
transition: all 0.3s ease 0s;
text-decoration: none;
background-color: #fff;
border-bottom: none;
}
.cameragrid {
border:1px solid #c1c1c1;
margin-bottom: 10px;
}
#dispatch,.contact-button{
float: right;
width: 93%;
}
.modal-footer {
text-align: left !important;
}
.service-button{
float: left !important;
display: block;
margin-top: 15px;
}
/*************contact us***************/
.contact-page{padding:2% 0}
.contact-page .border-block{border:1px solid #c1c1c1; padding:5%}
.contact-page .border-block h3{color:#173f78; font-size:22px;font-family: 'open_sansbold';}
.contact-page .border-block ul.address{margin:5% 0 0 0}
.contact-page .border-block ul.address li h4{color:#465666; font-size:18px;font-family: 'open_sansbold';}
.contact-page .border-block ul.address img{float:left; margin-right:15px;}
.contact-page .border-block ul.address p{font-size:16px; color:#55667a}
.contact-page .border-block ul.address li{margin-bottom:20px;}
.contact-page .border-block ul.address li a{color:#55667a; font-size:16px;font-family: 'open_sansbold';transition: all 0.3s ease 0s}
.contact-page .border-block ul.address li a:hover{color:#99cc00;transition: all 0.3s ease 0s}
.contact-page .border-block ul.address li:nth-child(2):before{width:36px; height:36px; border:1px solid #c6c7c8; content:""; float:left; border-radius:100%; text-align:center; background:url(../images/mob-icon.png) no-repeat center; margin-right:29px;}
/*.contact-page .border-block ul.address li:nth-child(2):before{width:36px; height:36px; border:1px solid #c6c7c8; content:""; float:left; border-radius:100%; text-align:center; background:url(../images/fax-icon.png) no-repeat center; margin-right:29px;}*/
.contact-page .border-block ul.address li:nth-child(3):before{width:36px; height:36px; border:1px solid #c6c7c8; content:""; float:left; border-radius:100%; text-align:center; background:url(../images/msg-icon.png) no-repeat center; margin-right:29px;}
.contact-page .border-block ul.address li:nth-child(4):before{width:36px; height:36px; border:1px solid #c6c7c8; content:""; float:left; border-radius:100%; text-align:center; background:url(../images/msg-icon.png) no-repeat center; margin-right:29px;}
.contact-page .border-block ul.address li:nth-child(5):before{width:36px; height:36px; border:1px solid #c6c7c8; content:""; float:left; border-radius:100%; text-align:center; background:url(../images/web-icon.png) no-repeat center; margin-right:29px;}
.contact-page .border-block ul.address li i{color:#55667a; font-size:14px;font-family: 'open_sansregular'; font-style:normal; display:block}
.contact-page .border-block ul.address li span{color:#55667a; font-size:16px;font-family: 'open_sansbold';}
.contact-page .border-block ul.form{margin:4% 0 0 0}
.contact-page .border-block ul.form input{width:93%; float:right; border-top:none; border-right:none; border-bottom:1px solid #c1c1c1; border-left:none}
.contact-page .border-block ul.form textarea{width:93%; float:right; border-top:none; border-right:none; border-bottom:1px solid #c1c1c1; border-left:none; resize:none}
.contact-page .border-block ul.form li{width:100%; float:left; margin-bottom:25px;}
.contact-page .border-block ul.form li img{vertical-align:top}
.contact-page .border-block ul.form button.btn-primary{ background:#173f78; border:none;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; font-size:14px;font-family: 'open_sansextrabold'; text-transform:uppercase;width:80px; height:30px; float:left;}
.contact-page .border-block ul.form button.btn-primary:hover{background:#143769}
.btn.btn-primary.btn-lg.quote-btn.button--rayen.button--border-thin.button--text-thick.button--text-upper.button--size-s{ padding:0px;}
.modal-content{ width:62%;}
.modal-header h4{ text-align:center; font-family: 'open_sansextrabold'; color:#282828;}
.button.close{ background:red}
.modal-body form input,.modal-body form textarea { margin-top:20px;}
.modal-footer button{background:#173f78; border:none;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; font-size:14px;font-family: 'open_sansextrabold'; text-transform:uppercase;width:80px; height:30px;}
button.close{ background:#4c60a9;}
.close { border-radius: 35px;color: #fff;float: right;font-size: 21px;font-weight: bold;height: 27px;line-height: 1;text-shadow: 0 1px 0 #ffffff;width: 27px; opacity:1;}
.modal-header .close { margin-right: -29px; margin-top: -25px;}
.close:hover, .close:focus{ color:#fff; opacity:1;}
.map .location {
border: 1px solid #c1c1c1;
padding: 1%;
margin-bottom: 15px;
}
.map .location iframe {
padding: 0px;
}
@media (max-width: 1213px) {
.flex-control-nav { left: 0; margin-top: -78px; }
}
@media (max-width: 1200px) {
.flexslider, .flex-viewport { overflow: hidden; height: 300px; }
.menu .nav > li a { padding: 0 10px; font-size: 12px; }
.slides li .copy { top: 20% }
.flex-control-nav { left: 0; margin-top: -30px; }
.network { height: 36% }
.partners-slider .owl-prev { margin: -54px 0 0 -30px; }
.partners-slider .owl-next { margin: -30px -31px 0 0; }
/*.menu .nav > li:last-child { padding: 5px; margin: 0px }*/
.menu .nav > li:last-child a { padding: 0 10px; font-size: 12px;}
}
@media (min-width:767px) and (max-width:991px) {
.menu .nav > li a,.menu .nav > li:last-child a { font-size: 11px; padding: 0 4px; }
.menu .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active { border-radius: 5px }
.box h3 { font-size: 13px; }
.box p { font-size: 13px; }
.box a { font-size: 11px; padding: 5px 10px }
.partners-slider .owl-next { margin: -80px -45px 0 0; }
.partners-slider .owl-prev { position: absolute; z-index: 100; margin-top: -80px; margin-left: -45px }
.logo-normal { margin-top: -9px; }
.partners .container {width: 497px;}
.partners .container.partners-slider-outer {width: 477px;}
}
@media (max-width:767px) {
.dropdown .dropdown-menu .dropdown{
position: initial !important;
}
.dropdown-menu{
border: 1px solid #fff !important;
}
.box-inner { margin-bottom: 3%; }
.network { height: auto; padding-bottom: 15%; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border: none;}
.menu .navbar-nav { float: left }
.menu .navbar-nav { width: 100%; background: #173f78; margin: 30px 0 0 0; padding: 10px; }
.menu .nav > li a { text-align: left; color: #fff; font-family: 'open_sansregular'; padding: 8px; }
.menu .nav > li:last-child a { padding-left: 10px;padding-top: 9px;padding-bottom: 8px;text-align: left; }
.dropdown-submenu,.dropdown-submenu.dropdown-menu li a:hover,.dropdown:hover,.menu .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active {color:#1c1c1c !important; background: #79ac29 !important; border-radius: 0px !important; }
.menu .nav > li { border-bottom: 1px solid #fff }
.menu .nav > li:last-child {height:37px;}
.nav .navbar-nav {width: 548px;}
.menu .navbar-nav > li:hover { color: #000 !important;/* background: #fff;*/ transition: all 0.3s ease 0s }
.menu .navbar-nav > li > a:hover { color: #000; transition: all 0.3s ease 0s }
.menu .nav > li { padding: 0px; }
.navbar-toggle { border-radius: 0px; background: #173f78 }
.banner-inner { padding-left: 3% }
.banner-inner h1 { font-size: 25px; }
.banner-inner h2 { font-size: 30px; }
.banner-inner p { font-size: 14px; }
.network span, .network h3 { font-size: 20px; }
.network .line { margin-top: 2% !important }
.partners-slider .owl-item img { width: 50% !important; margin: 0px auto; text-align: center }
.partners-slider .owl-next { margin: -18% auto; float: right; position: absolute; z-index: 1000; right: 0 }
.partners-slider .owl-prev { margin: -18% auto; float: left; position: absolute; z-index: 1000; }
.partners h3 { font-size: 23px; margin-bottom: 5% }
.menu-footer ul li { padding-left: 5px; padding-right: 5px; }
.menu-footer ul li a { font-size: 12px }
.banner-slider .owl-controls { margin: -39px auto; }
@media (max-width:480px) {
h1 {
font-size:38px;
}
h2 {
font-size:32px;
}
h3 {
font-size:26px;
}
h4 {
font-size:16px;
}
h5 {
font-size:14px;
}
h6 {
font-size:12px;
}
.inner-page .table thead th {
font-size:11px;
}
.inner-page .table td {
font-size:11px;
line-height:20px;
}
.box-inner {
width:100%
}
.sub-banner {
padding:4% 0 0;
}
.logo-normal {
display:none
}
.logo-mob {
display:block;
margin:3% 0
}
.menu {
margin-top:0px;
}
.navbar-toggle {
margin:0px;
}
.slides li h2, .slides li h2 span {
font-size:20px;
}
.slides li h2 span {
line-height:50px;
}
.slides li small {
font-size:13px;
margin:10px 0 0 0
}
.flexslider, .flex-viewport {
height:140px;
}
.flexslider, .flex-viewport img {
height:150px;
}
.info {
width:100%
}
.menu {
margin-top: -62px;
}
.info ul li:last-child {
float:right
}
.banner-inner h1 {
font-size:17px;
}
.banner-inner h2 {
font-size:20px;
}
.banner-inner p {
font-size:12px;
}
.banner-inner {
padding:4% 0
}
.banner-slider .owl-controls {
margin:-8px auto
}
.services {
padding: 10% 0 5%;
}
.banner-inner {
padding-left:3%
}
.network h3 {
padding:15% 0 0 0
}
.network .line {
margin-top:5% !important
}
.help-block h1, .help-block h2 {
font-size:25px;
width:100%;
text-align:center;
}
.partners-slider .owl-item img {
width:50% !important;
margin:0px auto;
text-align:center
}
.partners-slider .owl-next {
margin:-20% auto;
float:right;
position:absolute;
z-index:1000;
right:0
}
.partners-slider .owl-prev {
margin:-20% auto;
float:left;
position:absolute;
z-index:1000;
}
.menu-footer ul li {
display:block;
border-bottom:1px solid #d9d9d9;
border-right:none;
padding:0px
}
.menu-footer ul li a {
padding:10px 0;
display:block;
transition:all 0.3s ease 0s
}
.menu-footer ul li a:hover {
background:#173f78;
color:#fff;
transition:all 0.3s ease 0s
}
.menu-footer ul li:last-child {
border-bottom:none
}
.banner-slider .owl-dots span {
border:1px solid #173f78
}
.banner-slider .owl-dots .active span {
border:none
}
.nav-tabs > li {
width:100%
}
.modal-content {
width: 98%;
}
}
@media (max-width:400px) {
.logo-normal { margin-top: -5px; }
h3 {font-size: 16px;}
}