/*----------------------------------------*/
@font-face { font-family: "HelveticaNeue Thin"; src: url("../fonts/HelveticaNeue Thin.ttf"); src: url("../fonts\HelveticaNeue Thin.ttf") format("ttf"),; }
@font-face { font-family: "Calibri"; src: url("../fonts/Calibri.ttf"); src: url("../fonts/Calibri.ttf") format("ttf"),; }
@font-face { font-family: "calibrillight"; src: url("../fonts/calibrillight.ttf"); src: url("../fonts\calibrillight.ttf") format("ttf"),; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; }
::-webkit-scrollbar { width: 10px; background-color: #F5F5F5; }
::-webkit-scrollbar-thumb { background-color: #0ae; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent)); }
html, body { height: 100%; }
.floatleft { float: left !important; }
.floatright { float: right !important; }
.floatnone { float: none !important; }
.alignleft { text-align: left !important; }
.alignright { text-align: right !important; }
.aligncenter { text-align: center !important; }
.alignjustyfy { text-align: justify; }
.disabled { cursor: no-drop; }
.no-display { display: none; }
.no-margin { margin: 0 !important; }
.no-padding { padding: 0 !important; }
a:focus, button:focus { outline: 0px solid; font-family: Calibri; }
input:focus { box-shadow: 0; outline: 0; }
textarea { box-shadow: 0; outline: 0; }
img { /*max-width:100%;*/ height: auto; border: 0; vertical-align: top; }
.fix { overflow: hidden; }
.modal-body { position: relative; padding: 15px 15px 15px 15px; }
.current a { color: #0099fd !important; }
.remove_currunt a { color: #000 !important; }
.slick_up { z-index: 99; }
:target { color: #0099fd; }
#home:active { color: #0099fd !important; }
p { }
h1, h2, h3, h4, h5, h6 { margin: 0; font-family: 'Calibri'; }
a { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-decoration: none; color: #313131; font-family: Calibri; }
    a:hover { color: #4c4c4c; text-decoration: none; font-family: Calibri; }
    a:active, a:hover, a:focus { outline: 0 none; text-decoration: none; font-family: "Calibri"; }
ul { list-style: outside none none; margin: 0; padding: 0; }
.clear { clear: both; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
.browserupgrade { margin: 0.2em 0; background: #ccc; color: #313131; padding: 0.2em 0; }
::-webkit-input-placeholder { opacity: 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
:-moz-placeholder { opacity: 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
::-moz-placeholder { opacity: 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
:-ms-input-placeholder { opacity: 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

body { color: #313131; font-family: 'Calibri'; font-size: 14px; line-height: 22px; text-align: left; background: #fff; }
.head_main { box-shadow: 0 1px 3px 0 rgba(0,0,0,.14), 0 2px 3px -2px rgba(0,0,0,.12), 0 1px 8px 0 rgba(0,0,0,.2); }
.container { width: 1200px; }
.container, .row, .col-md-12, .col-md-10, .col-md-9, .col-md-8, .col-md-6, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .as-mainwrapper { /*transition: all 0.3s ease 0s;*/ }
.section-margin { margin: 120px 0 140px 0; }
.section-padding { padding: 40px 0px 10px 0px; }
.section-bottom-padding { padding: 0 0 120px 0; }
.section-top-padding { padding: 120px 0 0 0; }
.section-title { text-align: center; overflow: hidden; position: relative; }
    .section-title h2 { color: #0099fd; /*font-size: 27pt;*/ margin-top: 11px; line-height: 22px; margin-bottom: 10px; /*text-transform: uppercase;*/ }
    .section-title p { color: #313131; font-family: "Calibri"; font-weight: 200; margin-bottom: 24px; font-size: 18px; margin-top: 20px; }
.section-title-wrapper { margin-bottom: 20px; position: relative; }
    .section-title-wrapper:before { background: #2d3e50 none repeat scroll 0 0; bottom: 0; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; width: 230px; }
    .section-title-wrapper:after { /*background: rgba(0, 0, 0, 0) url("../img/icon/cap-dark.jpg") no-repeat scroll 0 0;*/ bottom: -8px; color: #1bb4b9; content: ""; font-size: 14px; height: 20px; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; width: 40px; z-index: 9; }
.white .section-title h3, .white .section-title p { color: #ffffff; }
.section-title-wrapper.white:before { background: #ffffff none repeat scroll 0 0; }
/*.white.section-title-wrapper:after { background: rgba(0, 0, 0, 0) url("../img/icon/cap-white.jpg") repeat scroll 0 0; }*/
.carousel-style-one.owl-theme .owl-controls .owl-nav div { color: #2D3E50; display: inline-block; font-size: 60px; height: 60px; left: -50px; line-height: 59px; margin: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); filter: alpha(opacity=100); padding: 0; position: absolute; text-align: center; top: 39.6%; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 36px; }
    .carousel-style-one.owl-theme .owl-controls .owl-nav div.owl-next { left: auto; right: -50px; }
.latest-area:hover .carousel-style-one.owl-theme .owl-controls .owl-nav div { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
.dividers { border-top: 1px solid #ccc; }
.as-mainwrapper { position: relative; }
    .as-mainwrapper.wrapper-boxed { background-color: #ffffff; box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1); float: none; margin: 0 auto; max-width: 1200px; }
.main-content-wrapper, .wrapper-wide { background: #ffffff; }
/*------Margin left-------*/
.ml-0 { margin-left: 0px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-30 { margin-left: 30px; }
.ml-40 { margin-left: 40px; }
.ml-50 { margin-left: 50px; }
.ml-60 { margin-left: 60px; }
.ml-70 { margin-left: 70px; }
.ml-80 { margin-left: 80px; }
.ml-90 { margin-left: 90px; }
.ml-100 { margin-left: 100px; }
/*------Margin right-------*/
.mr-0 { margin-right: 0px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-30 { margin-right: 30px; }
.mr-40 { margin-right: 40px; }
.mr-50 { margin-right: 50px; }
.mr-60 { margin-right: 60px; }
.mr-70 { margin-right: 70px; }
.mr-80 { margin-right: 80px; }
.mr-90 { margin-right: 90px; }
.mr-100 { margin-right: 100px; }
/*------Margin Top-------*/
.mt-0 { margin-top: 0px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mt-70 { margin-top: 70px; }
.mt-80 { margin-top: 80px; }
.mt-90 { margin-top: 90px; }
.mt-100 { margin-top: 100px; }
/*------Margin Bottom-------*/
.mb-0 { margin-bottom: 0px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }
/*------Padding left-------*/
.pl-0 { padding-left: 0px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-30 { padding-left: 30px; }
.pl-40 { padding-left: 40px; }
.pl-50 { padding-left: 50px; }
.pl-60 { padding-left: 60px; }
.pl-70 { padding-left: 70px; }
.pl-80 { padding-left: 80px; }
.pl-90 { padding-left: 90px; }
.pl-100 { padding-left: 100px; }
/*------Padding right-------*/
.pr-0 { padding-right: 0px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pr-30 { padding-right: 30px; }
.pr-40 { padding-right: 40px; }
.pr-50 { padding-right: 50px; }
.pr-60 { padding-right: 60px; }
.pr-70 { padding-right: 70px; }
.pr-80 { padding-right: 80px; }
.pr-90 { padding-right: 90px; }
.pr-100 { padding-right: 100px; }
/*------Padding Top-------*/
.pt-0 { padding-top: 0px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-30 { padding-top: 30px; }
.pt-40 { padding-top: 40px; }
.pt-50 { padding-top: 50px; }
.pt-60 { padding-top: 60px; }
.pt-70 { padding-top: 70px; }
.pt-80 { padding-top: 80px; }
.pt-90 { padding-top: 90px; }
.pt-100 { padding-top: 100px; }
.pt-110 { padding-top: 110px; }
/*------Padding Bottom-------*/
.pb-0 { padding-bottom: 0px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-50 { padding-bottom: 50px; }
.pb-60 { padding-bottom: 60px; }
.pb-70 { padding-bottom: 70px; }
.pb-80 { padding-bottom: 80px; }
.pb-90 { padding-bottom: 90px; }
.pb-100 { padding-bottom: 100px; }
.pb-110 { padding-bottom: 110px; }
.pb-120 { padding-bottom: 120px; }
.pb-130 { padding-bottom: 130px; }
.block { display: block; }
/*----------------------------------------*/
/*  2.1 Header Top
/*----------------------------------------*/
.header-top { background: #393939 none repeat scroll 0 0; color: #ffffff; font-size: 13px; position: relative; }
    .header-top:before, .about-area:before, .newsletter-area:before { content: ""; height: 48px; position: absolute; right: 0; top: 10px; width: 43%; }
    .header-top:after, .about-area:after, .newsletter-area:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; -o-border-image: none; border-image: none; border-style: solid; border-width: 24px 10px; content: ""; height: 5px; position: absolute; right: 43%; top: 10px; width: 0; }
    .header-top span { padding: 14px 0; display: inline-block; font-size: 12pt; }
.header-top-right > .content { display: inline-block; font-family: "Calibri"; margin-left: 13px; padding-left: 17px; position: relative; }
    .header-top-right > .content > a { color: #fff; font-size: 16px; }
.header-top-right .content:hover > a { color: #2d3e50; }
.header-top-right > .content i { font-size: 14px; margin-right: 8px; }
.header-top-right { float: right; padding-top: 23px; }
    .header-top-right > .content:after { background: #ffffff none repeat scroll 0 0; content: ""; height: 10px; left: 0; position: absolute; top: 6px; width: 2px; visibility: visible; }
    .header-top-right > .content:first-child:after { display: none; }
    .header-top-right > .content .account-dropdown { background-color: #ffffff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); margin: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); padding: 5px 19px 6px; position: absolute; right: 0; text-align: left; top: 100%; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; width: 125px; z-index: -99; }
/*.header-top-right > .content:hover .account-dropdown { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transform: scaleY(1); transform: scaleY(1); z-index: 9999; }*/
.account-dropdown a { color: #2d3e50; display: block; padding: 5px 0; }
.account-dropdown li { display: block; }
.header-top-right > .content > a { display: inline-block; position: relative; }
.payonline-white { margin-top: 2px; margin-right: 9px; }
.header-top-right > .content > a .payonline-black { display: none; position: absolute; top: 2px; left: 0; z-index: 99; right: 9px; }
.header-top-right > .content > a:hover .payonline-black { display: block; }
/*----------------------------------------*/
/*  2.2 Header Logo Menu
/*----------------------------------------*/
.header-logo-menu.stick { background: #ffffff none repeat scroll 0 0; box-shadow: 0 1px 3px 0 rgba(0,0,0,.14), 0 2px 3px -2px rgba(0,0,0,.12), 0 1px 8px 0 rgba(0,0,0,.2); margin: auto; padding: 0; position: fixed; top: 0; transition: all 0.3s ease 0s; width: 100%; z-index: 9999; }
.bg-dark.header-logo-menu.stick { background: #3F5771; }
.as-mainwrapper.wrapper-boxed .header-logo-menu.stick { width: 1200px; }
/*----------------------------------------*/
/*  2.2.1 Header Logo
/*----------------------------------------*/
.logo > a { display: inline-block; position: relative; z-index: 8; }
.logo { padding-top: 20px; padding-bottom: 16px; }
.header-logo-menu.stick .logo { padding: 11px 0; }
/*----------------------------------------*/
/*  2.2.2 Header Mainmenu
/*----------------------------------------*/
.mainmenu { display: inline-block; position: relative; z-index: 99; }
.mainmenu-area { margin-top: 13px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.header-logo-menu.stick .mainmenu-area .mainmenu ul#nav > li > a { line-height: 96px; }
.header-logo-menu.stick .mainmenu-area { padding: 0; margin: 0; }
.mainmenu ul#nav > li { display: inline-block; margin-right: 24px; position: relative; }
    .mainmenu ul#nav > li > a { color: #313131; display: block; font-family: "Calibri"; font-size: 18px; line-height: 89px; text-decoration: none; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: relative; }
        .mainmenu ul#nav > li > a:after, .mainmenu ul#nav.menu-white > li > a:after { bottom: 30px; content: ""; height: 2px; left: 0; position: absolute; width: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.header-logo-menu.stick .mainmenu ul#nav > li > a:after { bottom: 38px; }
.mainmenu ul#nav.menu-white > li:hover > a:after { background: #2d3e50; }
.mainmenu ul#nav > li:hover > a:after, .mainmenu ul#nav.menu-white > li:hover > a:after { width: 21px; }
.mainmenu ul#nav.menu-white > li > a { color: #fff; }
.mainmenu ul#nav.menu-white > li:hover > a, .stick .mainmenu ul#nav.menu-white > li:hover > a { color: #2d3e50; }
.mainmenu li > a > i { margin-left: 6px; position: relative; top: -1px; }
.lg-space .mainmenu ul#nav > li { margin-right: 36px; }
.mainmenu ul#nav.border-full > li:hover > a:after { width: 100%; }
.mainmenu ul#nav.border-top > li > a:after { bottom: auto; top: 30px; }
.mainmenu ul#nav.border-top-2 > li > a:after { bottom: auto; top: -9px; }
.padding-small .logo { padding-top: 20px; }
.padding-small .mainmenu ul#nav > li > a { line-height: 82px; }
.request a:last-child { line-height: 42px !important; background: #0099fd; padding: 0px 17px !important; color: #fff !important; box-shadow: 0 6px 26px -10px rgba(0, 79, 128, 0.63), 0 4px 25px 0px rgba(0, 0, 0, 0.10), 0 8px 10px -5px rgba(76, 175, 80, 0); }

/*.request a:last-child:hover { content: "."; transition: none; background: #45b52a none repeat scroll 0 0; color: #fff !important; border: none; -webkit-box-shadow: 0px 4px 12px 0px rgba(69,181,42,1); -moz-box-shadow: 0px 4px 12px 0px rgba(69,181,42,1); box-shadow: 0px 4px 12px 0px rgba(69,181,42,1); }
.request a:last-child a:after {background:#45b52a;border:none; }*/
/*------------------------------------------*/
/*  Dropdown Menu
/*------------------------------------------*/
.mainmenu ul.sub-menu, .mainmenu ul.sub-menu ul.inside-menu { background-color: #ffffff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); left: -23px; margin: 0; padding: 14px 21px 16px; position: absolute; text-align: left; top: 100%; width: 195px; z-index: -99; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }
.mainmenu ul#nav li ul.sub-menu > li { display: block; margin: 0; padding: 0; position: relative; }
    .mainmenu ul#nav li ul.sub-menu > li a, .mega-menu a { color: #171717; display: block; font-size: 18px; font-weight: 400; line-height: 33px; text-transform: inherit; }
.mainmenu li > .sub-menu i { float: right; font-size: 17px; top: 10px; }
.mainmenu ul#nav li:last-child, .header-two .mainmenu ul#nav li:last-child { margin-right: 0; }
.mainmenu > nav > ul#nav > li:hover ul.sub-menu, .mainmenu ul.sub-menu li:hover ul.inside-menu { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transform: scaleY(1); transform: scaleY(1); z-index: 9999; }
.mainmenu ul.sub-menu ul.inside-menu { left: 169px; top: -2px; width: 195px; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }
.mainmenu ul.sub-menu li:hover ul.inside-menu { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); z-index: 9999; }
.fixed { left: 0; position: absolute; right: 0; top: 0; z-index: 99999; }
/*----------------------------------------*/
/*  Megamenu
/*----------------------------------------*/
.mega-menu { background-color: #ffffff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); left: -23px; margin: 0; padding: 26px 21px 20px; position: absolute; text-align: left; top: 100%; z-index: -99; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }
.mainmenu nav > ul > li:hover .mega-menu { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transform: scaleY(1); transform: scaleY(1); z-index: 9999; }
.mega-menu h3 { color: #2d3e50; font-family: Calibri; font-size: 12px; padding-bottom: 10px; text-transform: uppercase; position: relative; }
    .mega-menu h3:after { background: #909090 none repeat scroll 0 0; bottom: 8px; content: ""; height: 1px; left: 0; position: absolute; width: 25px; }
.mm-5-column { left: -445px; width: 790px; }
.mm-4-column { width: 650px; left: -305px; }
.mm-3-column { left: -187px; width: 532px; }
.col-2 { width: 50%; }
.col-3 { width: 33.333%; }
.col-4 { width: 25%; }
.col-5 { width: 20%; }
/*----------------------------------------*/
/*  2.2.4 Mobile Menu
/*----------------------------------------*/
.mobile-menu-area { background: #2d3e50 none repeat scroll 0 0; display: none; }
.mean-container .mean-bar:after { display: none; }
.mean-container .mean-nav ul li a:hover { background: #fff; }
.mean-container a.meanmenu-reveal span { background: #ffffff none repeat scroll 0 0; }
.mean-container .mean-nav ul li a { background: #ffffff none repeat scroll 0 0; color: #2D3E50; display: block; }
    .mean-container .mean-nav ul li a.mean-expand { background: none; top: -4px; }
        .mean-container .mean-nav ul li a.mean-expand:hover { background: none; }
.mean-container .mean-nav ul li { background: transparent; }
    .mean-container .mean-nav ul li li a { color: #4e4f54; opacity: .90; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); border-top: 0; }
.mean-container a.meanmenu-reveal:hover span { background: #fff; }
.mobile-menu-area .mean-nav { background: #2d3e50 none repeat scroll 0 0; }
.mean-last { margin-bottom: 20px; }
.mobile-menu { position: relative; }
.mean-container .mean-bar:before { color: #fff; content: "MENU"; font-size: 18px; font-weight: 600; left: 0; position: absolute; top: 13px; }
/*----------------------------------------*/
/*  11. Newsletter Area
/*----------------------------------------*/
.newsletter-area { background: #393939 none repeat scroll 0 0; color: #ffffff; position: relative; }
    .newsletter-area:before { height: 103px; left: 0; right: auto; top: -20px; width: 44%; }
    .newsletter-area:after { border-width: 52.5px 40px; left: 44%; right: auto; top: -22px; }
.newsletter-content h3 { font-family: Calibri; font-weight: 400; font-size: 30px; }
.newsletter-content h2 { font-family: Calibri; font-weight: 400; /*font-size: 25pt;*/ text-align: left; padding-top: 10px; }
.newsletter-content > h3 { margin-bottom: 2px; font-size: 24px; }
.subscribe-form input { color: #696969; height: 100%; padding-left: 15px; width: 100%; border: 0; }
.subscribe-form > button { border: 2px solid #86bc42; font-family: Calibri; font-weight: 700; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 34%; }
    .subscribe-form > button:hover { background: #FFF; border: 2px solid #86bc42; }
.newsletter-form { overflow: hidden; padding: 36px 0; }
.subscribe-form { float: right; height: 56px; position: relative; width: 525px; }
    .subscribe-form:before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #fff #fff transparent transparent; -o-border-image: none; border-image: none; border-style: solid; border-width: 28px 15px; content: ""; height: 5px; left: -30px; position: absolute; top: 0; width: 0; }
.newsletter-content { padding-top: 6px; z-index: 9; position: relative; }
    .newsletter-content span { font-size: 27pt; }

/*----------------------------------------*/
/*  12. Footer Widget Area
/*----------------------------------------*/
.footer-widget-area { background: #393939 none repeat scroll 0 0; color: #ffffff; padding: 29px 0 16px; }
.footer-logo > a { display: inline-block; }
.footer-logo { margin-bottom: 24px; }
.social-icons a { background: #ffffff none repeat scroll 0 0; color: #2d3e50; display: inline-block; font-size: 20px; height: 31px; line-height: 30px; margin-bottom: 5px; margin-right: 11px; text-align: center; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 31px; }
.social-icons > a:last-child { margin-right: 0; }
.social-icons > a:hover { color: #ffffff; }
.social-icons { margin-top: 16px; }
.single-footer-widget > h3 { font-family: Calibri; font-weight: 400; line-height: 19px; margin-bottom: 5px; padding-top: 12px; text-transform: uppercase; font-size: 20px; color: #0099fd; }
.single-footer-widget > span { display: block; margin-bottom: 11px; font-size: 18px; /*font-weight: 200;*/ }
    .single-footer-widget > span i { font-size: 18px; width: 30px; }
.footer-list a { color: #ffffff; line-height: 45px; font-size: 16px; font-weight: normal; font-family: calibrillight; }
.instagram-image { padding-top: 5px; }
.footer-img { display: inline-block; float: left; margin-bottom: 15px; margin-right: 15px; }
.instagram-image .footer-img:nth-child(3), .instagram-image .footer-img:nth-child(6) { margin-right: 0; }
.footer-img a { display: inline-block; position: relative; }
    .footer-img a:before { content: ""; height: 100%; left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); position: absolute; top: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; }
.footer-img:hover a:before { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
.footer-img a:after { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; bottom: 0; color: #ffffff; content: "+"; font-family: "Calibri"; font-size: 40px; height: 18px; left: 0; margin: -9px auto 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); position: absolute; right: 0; top: 50%; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 18px; }
.footer-img:hover a:after { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
.footer-icon { font-size: 16pt !important; float: left; padding-bottom: 47px; padding-right: 20px; padding-top: 5px; }
.exilence_logo img { position: absolute; width: 21%; top: -20px; }
.exilence_logo { text-align: center; }
.exilemce-logo { width: 50%; margin-top: 13px; margin-left: 39px; }
/*----------------------------------------*/
/*  13. Footer Area
/*----------------------------------------*/
.footer-area { color: #ffffff; font-size: 12px; padding: 18px 0; background: #0099fd !important; }
.column-right { float: right; }
.footer-area span a { color: #ffffff; }
    .footer-area span a:hover { border-bottom: 1px solid #ffffff; }
.single-footer-widget > a { color: #ffffff; display: block; margin-bottom: 11px; font-size: 18px; }
    .single-footer-widget > a:hover i { color: #fff; }
    .single-footer-widget > a i { font-size: 18px; width: 30px; }
/*----------------------------------------*/

/*----------------------------------------*/
/*  14.1 Home Two Header
/*----------------------------------------*/
.header-two .header-top:before, .header-two .header-top:after { display: none; }
.header-two .header-top-right > span { color: #ededed; }
.header-two .header-top-right { padding-top: 0; }
    .header-two .header-top-right span:first-child { margin-right: 27px; }
/*----------------------------------------*/
/*  14.2 Home Two Slider
/*----------------------------------------*/
.slider-area.slider-two:after { background: rgba(45, 62, 80, 0.4) none repeat scroll 0 0; width: 100%; transform: none; -webkit-animation: 700ms ease-in-out 0s normal none 1 running slideInLeft; animation: 700ms ease-in-out 0s normal none 1 running slideInLeft; }
.slider-two .nivo-directionNav { display: none; }
.slider-two .banner-content h1 { -webkit-animation: 1000ms ease-in-out 0s normal none 1 running bounceInDown; animation: 1000ms ease-in-out 0s normal none 1 running bounceInDown; }
.slider-three .banner-content h1 { -webkit-animation: 1000ms ease-in-out 0s normal none 1 running flipInX; animation: 1000ms ease-in-out 0s normal none 1 running flipInX; }
.slider-two .banner-content p { -webkit-animation: 2000ms ease-in-out 0s normal none 1 running bounceInLeft; animation: 2000ms ease-in-out 0s normal none 1 running bounceInLeft; }
.slider-two .banner-content .banner-readmore { -webkit-animation: 2500ms ease-in-out 0s normal none 1 running bounceInUp; animation: 2500ms ease-in-out 0s normal none 1 running bounceInUp; }
.slider-three .banner-content .banner-readmore { -webkit-animation: 2500ms ease-in-out 0s normal none 1 running flipInY; animation: 2500ms ease-in-out 0s normal none 1 running flipInY; }
.slider-two .banner-content.slider-2 h1 { -webkit-animation: 1500ms ease-in-out 0s normal none 1 running slideInLeft; animation: 1500ms ease-in-out 0s normal none 1 running slideInLeft; }
.slider-two .banner-content.slider-2 p { -webkit-animation: 2500ms ease-in-out 0s normal none 1 running fadeInLeftBig; animation: 2500ms ease-in-out 0s normal none 1 running fadeInLeftBig; }
.slider-two .banner-content.slider-2 .banner-readmore { -webkit-animation: 3000ms ease-in-out 0s normal none 1 running zoomInUp; animation: 3000ms ease-in-out 0s normal none 1 running zoomInUp; }
.slider-two .preview-2 .nivo-controlNav { display: block; z-index: 99; padding: 0; }
/*----------------------------------------*/
/*  14.3 Home Two Newsletter
/*----------------------------------------*/
.newsletter-two:before, .newsletter-two:after { display: none; }
.newsletter-two .subscribe-form > button { background: #2d3e50 none repeat scroll 0 0; border-color: #2D3E50; float: right; font-family: "Calibri"; font-size: 14px; line-height: 26px; margin-left: 39px; position: inherit; width: 160px; }
    .newsletter-two .subscribe-form > button:hover { background: #FFF; border-color: #FFF; }
.newsletter-two .subscribe-form > input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ffffff; color: #ffffff; float: left; width: 366px; }
.newsletter-two .subscribe-form:before { display: none; }
.newsletter-two .subscribe-form { height: 41px; width: auto; }
.newsletter-two .newsletter-form { padding-bottom: 38px; padding-top: 44px; }
.newsletter-two .newsletter-content { padding-top: 31px; }
/*----------------------------------------*/
/*  16. Product Details Page
/*----------------------------------------*/
.product-details-content { margin: 0 70px; padding: 52px 0 30px; }
.product-details-image { box-shadow: 0 0 8px rgba(34, 30, 31, 0.3); display: block; }
    .product-details-image img { width: 100%; }
.product-details-content h2 { color: #313131; font-family: "Calibri"; margin-bottom: 6px; }
.product-name-rating > h5 { color: #696969; display: inline-block; font-family: "Calibri"; font-size: 18px; }
.product-details-content p { line-height: 24px; }
.product-name-rating { border-bottom: 1px solid #cacaca; margin-bottom: 7px; padding-bottom: 12px; }
.qty { color: #313131; font-family: "Calibri"; margin-top: 50px; }
.input-text.qty { border: 1px solid #4c4c4c; height: 22px; margin-left: 8px; margin-top: 0; text-align: center; width: 29px; }
.product-details-content .p-price { color: #313131; padding-top: 18px; }
.product-details-content .button-default { border: 0 none; margin: 13px 0 55px; padding: 8px 29px; }
    .product-details-content .button-default:hover { background: #fff none repeat scroll 0 0; }
.product-details-content .social-links { display: block; margin-top: 16px; position: inherit; text-align: left; }
.product-details-content > span { display: block; }
.product-details-content form > span { color: #4c4c4c; display: block; font-family: "Calibri"; font-size: 18px; }
.product-details-content .social-links a:first-child { margin-left: 0; }
/*----------------------------------------*/
/*  23. Contact Page
/*----------------------------------------*/
.contact-form-area { color: #313131; }
h4.contact-title { color: #313131; font-family: "Calibri"; font-size: 24px; line-height: 18px; text-transform: uppercase; margin-bottom: 30px; }
.contact-text > p { line-height: 24px; margin-bottom: 9px; }
.contact-text i { font-size: 18px; }
span.c-icon { display: inline-block; float: left; }
    span.c-icon i { position: relative; top: 3px; width: 27px; }
span.c-text { display: inline-block; }
.contact-text { margin-bottom: 75px; }
.link-social > a { color: #313131; display: inline-block; line-height: 19px; margin-right: 27px; }
    .link-social > a i { font-size: 20px; }
.contact-form-area input, .contact-form-area textarea { background: #f1f1f1 none repeat scroll 0 0; border: 0 none; color: #777777; font-size: 14px; height: 48px; margin-bottom: 23px; padding: 0 23px; width: 100%; }
.contact-form-area textarea { height: 150px; padding-top: 13px; resize: none; }
.contact-form-area .button-default { border: 0 none; font-family: "Calibrilight"; padding: 8px 40px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; margin-bottom: 20px; }
    .contact-form-area .button-default:hover { background: #2d3e50 none repeat scroll 0 0; }
.send-msg-button { background: #0099fd; border: 0px; color: #fff; padding: 13px 40px; font-size: 14pt; box-shadow: 0 14px 26px -10px rgba(0, 79, 128, 0.63), 0 4px 25px 0px rgba(0, 0, 0, 0.10), 0 8px 10px -5px rgba(76, 175, 80, 0); }

/*----------------------------------------*/
/*  26. Scrollup
/*----------------------------------------*/
#scrollUp { bottom: 45px; color: #ffffff; cursor: pointer; display: none; font-size: 28px; height: 40px; line-height: 37px; position: fixed; right: 12px; text-align: center; width: 40px; z-index: 9999; }
    #scrollUp:hover { background-color: #0099fd; }
/*----------------------------------------*/
/*  27. Additional CSS
/*----------------------------------------*/
.text-white { color: #fff; }
.text-blue, .header-top span.text-blue { color: #2E3F51; }
.bg-dark { background: #3F5771; }
.bg-white { background: #fff; }
.bg-blue { background: #2E3F51; }
.border-green { border-top: 3px solid #86bc42; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
.border-blue { border-top: 3px solid #2E3F51; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
.header-top.effect-blue:before { background: #2E3F51; }
.header-top.effect-blue:after { border-color: rgba(0, 0, 0, 0) #2E3F51 #2E3F51 rgba(0, 0, 0, 0); }
.inline { display: inline; }
.backgrount-area { position: relative; }
.hover-white.button-default:hover { background: #fff; color: #2E3F51; }
.angle .mailchimp-alerts { padding-left: 150px; }
.text-small { font-size: 13px; }
.text-area p { line-height: 30px; }
.footer-three { background: #2D3E50 none repeat scroll 0 0; }
.footer-info { line-height: 15px; }
    .footer-info > span { color: #ffffff; display: inline-block; font-weight: 400; line-height: 12px; margin-right: 14px; }
        .footer-info > span i { font-size: 14px; margin-right: 11px; }
        .footer-info > span:last-child { margin-right: 0; }
.footer-logo-three > a { display: inline-block; margin-bottom: 23px; }
.footer-info-container { border-bottom: 1px solid #e1e1e1; }
.single-footer-widget > h4 { color: #ffffff; font-size: 14px; font-weight: 600; margin-bottom: 22px; text-transform: uppercase; }
.footer-widget-list li a { color: #ffffff; font-weight: 400; line-height: 36px; }
.footer-widget-list li:last-child a { }
.footer-widget-list li a:hover { color: #f5b120; }
.subscribe-container { background: #fff none repeat scroll 0 0; border-radius: 4px; padding: 44px 40px 50px; }
    .subscribe-container > p { color: #2D3E50; font-weight: 400; text-align: center; margin-bottom: 33px; }
    .subscribe-container input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; color: #fff; font-weight: 400; width: 100%; padding-left: 14px; }
        .subscribe-container input::-webkit-input-placeholder { color: #fff; opacity: 1 !important; filter: alpha(opacity=100); }
    .subscribe-container button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; color: #ffffff; float: right; font-size: 14px; padding-right: 14px; position: absolute; right: 0; top: 0; }
.subscribe-form-three { background: #2D3E50 none repeat scroll 0 0; display: block; height: 48px; line-height: 46px; position: relative; }
.footer-container { border-top: 1px solid #e1e1e1; padding: 13px 0 10px 0; }
    .footer-container .social-links-three { float: right; overflow: hidden; }
        .footer-container .social-links-three > a { margin-left: 21px; margin-right: 0; color: #fff; }
    .footer-container span { color: #ffffff; font-weight: 400; }
        .footer-container span a { color: #ffffff; position: relative; }
            .footer-container span a:hover { border-bottom: 1px solid #fff; }
                .footer-container span a:hover:after { opacity: 1; filter: alpha(opacity=100); }
.newsletter-area.newsletter-four::before, .newsletter-area.newsletter-four::after { display: none; }
.footer-widget-four .footer-list li a:hover { color: #2D3E50; }
.footer-widget-four .footer-img a::before { background: rgba(45, 62, 80, 0.9) none repeat scroll 0 0; }
.footer-area.footer-four { background: #2D3E50; }
.gallery-img, .gallery-img img { width: 100%; }
.gallery-img { position: relative; overflow: hidden; }
    .gallery-img img { transform: scaleY(1); transition: all 0.7s ease-in-out 0s; display: block; position: relative; }
    .gallery-img .hover-effect { opacity: 0; transition: all 0.5s linear 0s; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; }
    .gallery-img h2 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #ffffff !important; font-family: Calibri; font-size: 19px; line-height: 28px; margin: 82px auto 10px; opacity: 0; padding: 9px 0; position: relative; text-align: center; text-transform: uppercase; transform: scale(0); transition: all 0.5s linear 0s; }
    .gallery-img p { color: #ffffff; margin: 0 30px; opacity: 0; text-align: center; transform: scale(0); transition: all 0.5s linear 0s; }
    .gallery-img:hover img { transform: scale(1.5); }
    .gallery-img:hover .hover-effect { opacity: 1; }
    .gallery-img:hover h2, .gallery-img:hover p { opacity: 1; transform: scale(1); }
.video-gallery { display: block; overflow: hidden; height: 215px; }
.mbYTP_wrapper { height: 215px; }
.banner-readmore .button-default.button-green:hover { background: #fff; }
.header-logo-menu.semi-transparent .mainmenu ul#nav > li:hover > a { color: #fff; }
    .header-logo-menu.semi-transparent .mainmenu ul#nav > li:hover > a:after { background: #fff; }
.bg-dark .mainmenu ul#nav > li > a, .bg-dark.stick .mainmenu ul#nav.menu-white > li > a, .bg-dark .mainmenu ul#nav > li:hover > a, .bg-dark.stick .mainmenu ul#nav > li:hover > a { color: #fff; }
    .bg-dark .mainmenu ul#nav > li:hover > a:after { background: #fff; }
.block.padding .btn-group { margin-bottom: 22px; }
.btn-toolbar.padding { margin-bottom: 20px; }
    .btn-toolbar.padding:nth-last-of-type(1) { margin-bottom: 0; }
/*.footer-text { text-align: left; }*/
.footer-text span { text-align: center; font-size: 18px; }
.usefull-links { padding: 0px; }
    .usefull-links a { color: #fff; font-size: 12pt; padding-right: 0px; }
        .usefull-links a:hover { color: #fff; }
/*----------------------------------------*/

/*----------------------------------------*/
/*Rsoft-sms page Start*/
.ms-hero-img-city4 { background-image: url(../img/products/rsoft-sms-head-bg.png); background-size: cover; background-position: center center; }
.rs-head-section { font-family: Calibri; margin: auto; }
    .rs-head-section h2 { font-size: 20px; color: #313131; margin-bottom: 0px; }
    .rs-head-section p { font-size: 21px; text-align: center; }
    .rs-head-section h4 { font-size: 22pt; color: #0099fb; text-transform: uppercase; }
.info.info-boxed { margin-top: 85px; background: 0 0; border: 1px dashed rgba(0,0,0,.2); padding: 0 35px 45px; }


.info.info-boxed { background-color: #f5f5f6; padding: 0 20px 30px; border-radius: 2px; transition: all .3s ease; }
    .info.info-boxed .icon-circle { height: 100px; width: 100px; line-height: 98px; margin-top: -50px; background-color: #fff; transition: all .3s ease; }
    .info.info-boxed:hover .icon-circle { background: #0099fd; color: #fff; border: none; }
.home-services .info.info-boxed:hover { border: 1px dashed transparent; }
.info.info-boxed:hover { border: 1px dashed transparent; }
.info.info-boxed:hover { background-color: #fff; -webkit-box-shadow: 0px 0px 8px 0px rgba(112,112,112,0.82); -moz-box-shadow: 0px 0px 8px 0px rgba(112,112,112,0.82); box-shadow: 0px 0px 8px 0px rgba(112,112,112,0.82); }
.info .icon-circle { border: 1px dashed #ccc; width: 130px; height: 130px; border-radius: 50%; margin-bottom: 20px; display: inline-block; line-height: 128px; transition: all .3s ease; }

.info .icon { color: #0099fd; position: relative; font-size: 20px; overflow: hidden; transition: all .3s ease; }
.description { color: #8b8e93; }
.home-services .info.info-boxed .info-title { margin-top: 20px; margin-bottom: 15px; }

.info .info-title { font-size: 17px; line-height: 1; margin-top: 20px; margin-bottom: 20px; text-transform: uppercase; color: #000; }
.description { color: #8b8e93; }
    .description p { color: #292929; font-weight: 500; margin-bottom: 0; font-size: 16px; line-height: 26px; word-break: keep-all; }
.info.info-boxed a { font-size: 11px; color: #1d2025; text-transform: uppercase; font-weight: 400; margin-top: 15px; display: inline-block; text-decoration: none; transition: all .3s ease-in-out; }
.info:hover .icon-circle i { /* color: #fff; */ }
.view-more a { color: #0099fb !important; font-size: 14pt; padding-right: 40px; cursor: pointer; }
.view-more { float: right; color: #0099fd; font-size: 14pt; padding-right: 40px; cursor: pointer; }
.rsoft-center-section { width: 100%; padding: 0px 0px 30px 0px; }
    .rsoft-center-section h2 { color: #0099fb; text-align: center; text-transform: uppercase; }
    .rsoft-center-section h4 { color: #ffffff; text-align: center; font-size: 20px; }
    .rsoft-center-section span { color: #ffffff; }
.rsoft-center-section-img-bg { background-image: url(../img/products/rsoft-centerbg.png); background-size: cover; background-position: center center; }
.rsoft-center-section p { color: #ffffff; font-size: 13pt; line-height: 1.5; }
.rsoft-head-img { position: absolute; top: -200px; }
.rsoft-features { text-align: left; margin: 0px; padding: 30px 0px; }
    .rsoft-features h4 { font-size: 14pt; }
    .rsoft-features h3 { font-size: 15pt; }
.rsoft-features-text i { color: #0099fb; float: left; font-size: 22pt; padding-right: 10px; font-weight: 700; }
.rsoft-features-text div { font-size: 12pt; color: #424242; cursor: pointer; }
/*.fetures-text {background:#0099fd;padding:10px; }*/
.affa-feature-icon-left { position: relative; min-height: 48px; padding-left: 60px; margin-bottom: 40px; }
    .affa-feature-icon-left > i { position: absolute; top: 0px; left: 0px; width: 48px; color: #0099fd; font-size: 30px; line-height: 1; text-align: center; }
    .affa-feature-icon-left > h4 { font-size: 18pt; line-height: 30px; margin: 0px; color: #020202; }
    .affa-feature-icon-left > p { margin: 10px 0px 0px; font-size: 11pt; }
.rsoft-features p { font-size: 12pt; }
.rs-head-section h2 { font-size: 16pt; }

/*Rsoft-sms End*/



/*Login pannel popup Start*/
.modal-dialog { width: 500px; }
.login-head { background: #fff; padding: 0px; }
.modal-content { border-radius: 0px; }
.login-head img { width: 60%; }
.close { color: #000; opacity: 1; }
.bootstrap-dialog-header { padding: 15px; }
.modal-header-tabs .nav.nav-tabs.nav-tabs-full { width: 100%; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 5px 0 rgba(0,0,0,.12); }

.modal-header-tabs .nav.nav-tabs-primary { background-color: #03a9f4; }
.modal-header-tabs .nav.nav-tabs { position: relative; background-color: #0099fd; border: 0; }
.modal-header-tabs .nav-tabs { background: #0099fd; }
.modal-header-tabs .nav-tabs { border-bottom: 1px solid #ddd; }
.modal-header-tabs .nav { padding-left: 0; margin-bottom: 0; list-style: none; }
    .modal-header-tabs .nav.nav-tabs.nav-tabs-full.nav-tabs-3 li { width: 100%; }
.modal-header-tabs .nav-tabs > li { float: left; margin-bottom: -1px; }
.modal-header-tabs .nav > li { position: relative; display: block; }
.modal-header-tabs .nav.nav-tabs li.active a { cursor: pointer; position: relative; transition: all cubic-bezier(0,0,.2,1) .5s; color: #fff!important; }
.modal-header-tabs .nav.nav-tabs li a { font-weight: 400; padding: 17px 8px; color: rgba(255,255,255,.8)!important; text-align: center; border-radius: 4px 4px 0 0; display: block; font-size: 18px; }
.modal-header-tabs .nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { background-color: transparent!important; border: 0!important; color: #fff!important; font-weight: 500; }
.modal-header-tabs .nav.nav-tabs .ms-tabs-indicator { transition: all ease .3s; display: block; content: ""; width: 0; height: 3px; background-color: #fff; position: absolute; bottom: 0; left: 0; }
.nav.nav-tabs li a.active { cursor: pointer; position: relative; transition: all cubic-bezier(0,0,.2,1) .5s; color: #fff; background-color: transparent; border-color: #ddd #ddd #fff; }
.nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; }
.modal-header-tabs i { padding-right: 10px; }
.modal-header-tabs ul li.active { border-bottom: 3px solid #fff; }
.login-bottom-section { width: 100%; }
.container2 { /*display: block;*/ color: #464646; position: relative; padding-left: 44px; margin-bottom: 16px; margin-top: 32px; cursor: pointer; font-size: 17px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 200; }
    /* Hide the browser's default checkbox */
    .container2 input { position: absolute; opacity: 0; }
/* Create a custom checkbox */
.checkmark { position: absolute; top: 0; left: 12px; height: 21px; width: 21px; background-color: #cacaca; }
/* On mouse-over, add a grey background color */
.container2:hover input ~ .checkmark { background-color: #ccc; }
/* When the checkbox is checked, add a blue background */
.container2 input:checked ~ .checkmark { background-color: #0099fd; }
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none; }
/* Show the checkmark when checked */
.container2 input:checked ~ .checkmark:after { display: block; }
/* Style the checkmark/indicator */
.container2 .checkmark:after { left: 8px; top: 4px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.login-button { background: #0099fd; border: none; color: #fff; padding: 13px 46px; font-size: 14pt; font-weight: 400; float: right; margin-top: 14px; box-shadow: 0 6px 26px -10px rgba(0, 79, 128, 0.63), 0 4px 25px 0px rgba(0, 0, 0, 0.10), 0 8px 10px -5px rgba(76, 175, 80, 0); }
/*.login-button:hover { background: #45b52a none repeat scroll 0 0; color: #fff !important; -webkit-box-shadow: 0px 4px 12px 0px rgba(69,181,42,1); -moz-box-shadow: 0px 4px 12px 0px rgba(69,181,42,1); box-shadow: 0px 4px 12px 0px rgba(69,181,42,1); }*/
.Cancel-button { background: #ec407a; border: none; color: #fff; padding: 13px 46px; font-size: 14pt; font-weight: 400; float: right; margin-top: 14px; box-shadow: 0 6px 26px -10px rgba(0, 79, 128, 0.63), 0 4px 25px 0px rgba(0, 0, 0, 0.10), 0 8px 10px -5px rgba(76, 175, 80, 0); }
    .Cancel-button:hover { background: #e62020; -webkit-box-shadow: 0px 3px 12px 0px rgba(240,88,88,1); -moz-box-shadow: 0px 3px 12px 0px rgba(240,88,88,1); box-shadow: 0px 3px 12px 0px rgba(240,88,88,1); }
.login-animate-top { -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; }
.login-bottom-section a:hover { color: #fff; cursor: pointer; }
.forgot_pass_btn { font-size: 17px; color: #0099fd; position: absolute; margin-top: -5px; margin-left: 3px; z-index: 99999; }
    .forgot_pass_btn:focus { color: #0099fd; }
#signup-tab { cursor: initial; }
.error_masg { position: absolute; text-align: center; width: 94%; color: #f00; margin-top: -15px; font-size: 16px; }
.login_error { position: absolute; text-align: center; width: 94%; color: #f00; margin-top: -15px; font-size: 16px; }
.signup_backbtn { font-size: 17px; margin-bottom: 0px; cursor: pointer; color: #0099fd; }
.Edit_OPID { float: right; margin-top: -40px; cursor: pointer; z-index: 99999999; position: absolute; right: 0; width: 10%; text-align: center; height: 32px; }
.CahngePass_Success_msg { position: absolute; background: #fff; width: 25%; top: 31%; z-index: 999999; text-align: center; padding: 0px 20px 20px 20px; /* z-index: 99999; */ margin: auto; left: 0; right: 0; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 6px 0px rgba(5, 5, 5, 0.92); }
    .CahngePass_Success_msg p { color: green; font-size: 17px; padding-bottom: 23px; }
    .CahngePass_Success_msg img { height: 102px; }
    .CahngePass_Success_msg a { background: #77b43f; color: #fff; padding: 10px 44px; cursor: pointer; }
        .CahngePass_Success_msg a:hover { color: #fff; }
        .CahngePass_Success_msg a:focus { color: #fff; }

@-webkit-keyframes animatetop {
    from { top: -300px; opacity: 0; }
    to { top: 0; opacity: 1; }
}

@keyframes animatetop {
    from { top: -300px; opacity: 0; }
    to { top: 0; opacity: 1; }
}

.modal-body-request { position: relative; padding: 15px; max-height: 500px; overflow-y: scroll; }
.payonline-head { font-size: 14pt; }
.border-top { border-top: 1px solid #dedede; }
.resend_OTP { color: #0099fd; font-size: 18px; padding-left: 14px; cursor: pointer; }

/*Login pannel page End*/


/*-----pc slider for product Start------*/
@-webkit-keyframes heroBackOne {
    0% { height: 0; }
    100% { height: 590%; }
}

@keyframes heroBackOne {
    0% { height: 0; }
    100% { height: 590%; }
}

@-webkit-keyframes heroBackTwo {
    0% { height: 0; }
    100% { height: 290%; }
}

@keyframes heroBackTwo {
    0% { height: 0; }
    100% { height: 290%; }
}

@-webkit-keyframes heroBackThree {
    0% { height: 0; }
    100% { height: 470%; }
}

@keyframes heroBackThree {
    0% { height: 0; }
    100% { height: 470%; }
}

.ms-hero.ms-hero-material .ms-hero-img { padding-left: 0; padding-top: 0; position: relative; margin: 40px 0 0 40px; margin: 4rem 0 0 4rem; }
    .ms-hero.ms-hero-material .ms-hero-img .carousel { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.carousel { position: relative; }
.ms-hero.ms-hero-material .ms-hero-img .carousel .carousel-indicators { position: absolute; bottom: 130px; left: auto; right: 40px; }
.ms-hero.ms-hero-material .carousel .carousel-indicators { position: static; width: auto; display: inline-block; margin: 0; }
.carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; }
.ms-hero.ms-hero-material .carousel .carousel-inner { overflow: visible; }
.ms-hero.ms-hero-material { color: #f5f5f5; background-color: #011d2a; min-height: 450px; position: relative; width: 100%; overflow: hidden; z-index: 0; }
    .ms-hero.ms-hero-material .carousel .carousel-inner .item .carousel-caption { position: static; text-align: left; }
* { -webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-tap-highlight-color: transparent; }
.carousel-inner > .item > a > img, .carousel-inner > .item > img { line-height: 1; }
.ms-hero.ms-hero-material .carousel .carousel-inner { overflow: visible; }
.ms-hero.ms-hero-material .ms-hero-img .ms-hero-img-slider { position: absolute !important; width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; }
.ms-hero.ms-hero-material .ms-hero-img .carousel .carousel-indicators li { height: 12px; width: 12px; border-radius: 100%; background-color: #424242; }
    .ms-hero.ms-hero-material .ms-hero-img .carousel .carousel-indicators li.active { background-color: #03a9f4; border: none; }
.carousel-fade .carousel-inner .item { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-property: opacity; }
.carousel-fade .carousel-inner .active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; border: none; }
    .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { border: none; left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: 1; }
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.carousel-fade .carousel-control { z-index: 2; }
.pc-img { width: 84%; }
.pc-inner-img { width: 88%; z-index: -9; }
.pay-tabs ul li.active { color: #0099fd !important; }
.terms-and-co-dots i { font-size: 10px; color: #0099fd; /*height: 40px;*/ }
.have-qustion a { color: #fff; }
.validations p { text-align: center; color: red; font-size: 18px; margin: 0px; }
.pointer_none { pointer-events: none; cursor: default; }
.dropcaps { padding-top: 82px !important; }
/*.product_heading img { float: left; }
.product_heading h1 { float: left; padding-left: 20px; }*/
.product_heading p { text-align: center; padding-left: 20px; padding-top: 0px; font-size: 20px; }
/*-----pc slider for product End------*/
.message_btn a:hover { color: #fff !important; }
.error_textbox { border: 1px solid #f00 !important; }
.message_btn p { text-align: right; margin-top: 0px; font-size: 18px; color: #f00; position: absolute; /* padding-left: 38px; */ margin-top: -22px; }
.message_btn img { height: 90px; margin-top: -43px; position: relative; margin: auto; /* float: right; */ }
.career_error { text-align: center; }
    .career_error p { text-align: center; color: #f00; font-size: 16px; padding-top: 19px; }
    .career_error img { margin-top: -21px; float: left; height: 100px; }
#Errorcheckbox { color: #fb3636; font-size: 14px; margin: -10px 0px; }
.requestdemo_error img { position: absolute; /* top: 0; */ bottom: 0; right: 0; left: 0; margin-left: auto; margin-right: auto; z-index: 999999; }
#Con_msg_successfull { display: block; padding-top: 20px; width: 100%; color: green; text-align: center; }
#career_msg_successfull { display: block; color: green; }
#Loding_Careerfordemo { background: #000; opacity: 0.6; z-index: 99999; margin-top: -56px; padding: 6px 57px; }
#msg_successfull { display: block; position: absolute; bottom: -28px; color: green; font-size: 17px; text-align: center; padding: 0px 20px; z-index: 999999; }
.sub-title i { font-size: 14px; }

/*color style css*/
a:hover, .carousel-style-one.owl-theme .owl-controls .owl-nav div:hover, .button-green:hover, .account-dropdown a:hover, .mainmenu ul#nav > li:hover > a, .mainmenu ul#nav li ul.sub-menu > li:hover > a, .mainmenu ul#nav li ul.sub-menu li ul.inside-menu > li > a:hover, .search-form button[type="submit"], .mean-container .mean-nav ul li a:hover, .mean-container a.meanmenu-reveal, .single-item-text h4 a:hover, .single-latest-text > h3 a:hover, .single-product-text h4 a:hover, .single-event-item:hover h3 a, .subscribe-form > button:hover, .footer-list a:hover, .newsletter-two .subscribe-form > button:hover, .pagination-content.number .pagination li a, .single-teacher-text > h3 a:hover, .author-info > h4 a:hover, span.reply a, .sidebar-widget .single-teacher-text > h3 a:hover, .breadcrumb-bar a:hover, .recent-text > h4 a:hover, .related-tag .tags li a:hover, .link-social > a:hover, .shortcode-area i, .shortcode-area h3, .text-green, .header-top span.text-green, .slick-prev:hover:before, .slick-next:hover:before, .footer-widget-list li a:hover, .footer-container .social-links-three > a:hover { color: #0099fd; }
    .header-top:before, .about-area:before, .mainmenu ul#nav > li > a:after, .mainmenu ul#nav.menu-white > li > a:after, .search-menu, .button-default:hover, .button-green, .about-area .button-default, .single-item .button-default, .button-large.button-default, .single-latest-item .button-default, .single-product-text .button-default, .single-event-item .button-default, .subscribe-form > button, .social-icons > a:hover, .footer-area, .newsletter-two, .pagination-content.number .pagination li a:hover, .pagination-content.number .pagination li.current a, .pagination-content.number .pagination li:first-child a, .pagination-content.number .pagination li:last-child a, .product-details-content .button-default, .product-details-content .social-links a:hover, .duration-title, h4.title:after, .tution-fee, .single-sidebar-widget .social-links a:hover, .single-sidebar-widget .tags li a:hover, .pagination-content .pagination, .news-details-content .social-links a:hover, .contact-form-area .button-default, .skill-bar-item .progress-bar, #scrollUp, .bg-green, .bg-blue:hover, .preview-2 .nivo-directionNav a.nivo-prevNav:hover::before, .preview-2 .nivo-directionNav a.nivo-nextNav:hover::before, .slider-three .preview-2 .nivo-controlNav a, .footer-widget-area.footer-widget-four { background: #0099fd; }
.newsletter-area:before { background: #0099fd; -webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.75); box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.75); }
#particles-js, #particles-js.bg-color-1 { background-color: #0099fd; }
.search-form, .single-item, .single-latest-text, .single-product-text, .single-event-text, .subscribe-form > button, .subscribe-form > button:hover, .pagination-content.number .pagination li a, .subscribe-form > button, .subscribe-form > button:hover, .pagination-content.number .pagination li a, .pagination-content.number .pagination li a:hover, .pagination-content.number .pagination li.current a, .product-details-content .social-links a:hover, .single-teacher-text, .single-course-details, .course-duration .text, .tutor-image > img, .single-sidebar-widget .social-links a:hover, .single-sidebar-widget .tags li a:hover, .single-sidebar-widget .single-item, .event-details-content .single-event-item, .recent-content-item > a, .quote-section, .news-details-content .social-links a:hover, .shortcode-area i, .shortcode-area h3, .border-green, .slider-three .nivo-controlNav a.active:before, .slider-three .nivo-controlNav a:hover:before { border-color: #0099fd; }

.header-top:after, .about-area:after { border-color: rgba(0, 0, 0, 0) #0099fd #0099fd rgba(0, 0, 0, 0); }
.newsletter-area:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #0099fd #0099fd; }
.about-area:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #0099fd #0099fd; }
/*.slider-area::after, .
    -fullwidth::after {
    background: rgba(134, 188, 66, 0.6) none repeat scroll 0 0;
}*/
.overlay-light-2-fullwidth:after, .semi-transparent { background: rgba(134, 188, 66, 0.4) none repeat scroll 0 0; }
.header-logo-menu.stick.semi-transparent, .gallery-img, .gallery-img .hover-effect { background: rgba(134, 188, 66, 0.85) none repeat scroll 0 0; }
.footer-img a:before { background: rgba(134, 188, 66, 0.9) none repeat scroll 0 0; }
.single-teacher-image > a:after { background: rgba(134, 188, 66, 0.8) none repeat scroll 0 0; }
.social-links > a:hover { background: #7a9757 none repeat scroll 0 0; border-color: #7a9757; }

/*color style css*/
a:hover, .carousel-style-one.owl-theme .owl-controls .owl-nav div:hover, .button-green:hover, .account-dropdown a:hover, .mainmenu ul#nav > li:hover > a, .mainmenu ul#nav li ul.sub-menu > li:hover > a, .mainmenu ul#nav li ul.sub-menu li ul.inside-menu > li > a:hover, .search-form button[type="submit"], .mean-container .mean-nav ul li a:hover, .mean-container a.meanmenu-reveal, .single-item-text h4 a:hover, .single-latest-text > h3 a:hover, .single-product-text h4 a:hover, .single-event-item:hover h3 a, .subscribe-form > button:hover, .footer-list a:hover, .newsletter-two .subscribe-form > button:hover, .pagination-content.number .pagination li a, .single-teacher-text > h3 a:hover, .author-info > h4 a:hover, span.reply a, .sidebar-widget .single-teacher-text > h3 a:hover, .breadcrumb-bar a:hover, .recent-text > h4 a:hover, .related-tag .tags li a:hover, .link-social > a:hover, .shortcode-area i, .shortcode-area h3, .text-green, .header-top span.text-green, .slick-prev:hover:before, .slick-next:hover:before, .footer-widget-list li a:hover, .footer-container .social-links-three > a:hover { color: #0099fd; }
    .header-top:before, .about-area:before, .mainmenu ul#nav > li > a:after, .mainmenu ul#nav.menu-white > li > a:after, .search-menu, .button-default:hover, .button-green, .about-area .button-default, .single-item .button-default, .button-large.button-default, .single-latest-item .button-default, .single-product-text .button-default, .single-event-item .button-default, .subscribe-form > button, .social-icons > a:hover, .footer-area, .newsletter-two, .pagination-content.number .pagination li a:hover, .pagination-content.number .pagination li.current a, .pagination-content.number .pagination li:first-child a, .pagination-content.number .pagination li:last-child a, .product-details-content .button-default, .product-details-content .social-links a:hover, .duration-title, h4.title:after, .tution-fee, .single-sidebar-widget .social-links a:hover, .single-sidebar-widget .tags li a:hover, .pagination-content .pagination, .news-details-content .social-links a:hover, .contact-form-area .button-default, .skill-bar-item .progress-bar, #scrollUp, .bg-green, .bg-blue:hover, .preview-2 .nivo-directionNav a.nivo-prevNav:hover::before, .preview-2 .nivo-directionNav a.nivo-nextNav:hover::before, .slider-three .preview-2 .nivo-controlNav a, .footer-widget-area.footer-widget-four { background: #0099fd; }
.newsletter-area:before { background: #0099fd; -webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.75); box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.75); }
#particles-js, #particles-js.bg-color-1 { background-color: #0099fd; }
.search-form, .single-item, .single-latest-text, .single-product-text, .single-event-text, .subscribe-form > button, .subscribe-form > button:hover, .pagination-content.number .pagination li a, .subscribe-form > button, .subscribe-form > button:hover, .pagination-content.number .pagination li a, .pagination-content.number .pagination li a:hover, .pagination-content.number .pagination li.current a, .product-details-content .social-links a:hover, .single-teacher-text, .single-course-details, .course-duration .text, .tutor-image > img, .single-sidebar-widget .social-links a:hover, .single-sidebar-widget .tags li a:hover, .single-sidebar-widget .single-item, .event-details-content .single-event-item, .recent-content-item > a, .quote-section, .news-details-content .social-links a:hover, .shortcode-area i, .shortcode-area h3, .border-green, .slider-three .nivo-controlNav a.active:before, .slider-three .nivo-controlNav a:hover:before { border-color: #0099fd; }

.header-top:after, .about-area:after { border-color: rgba(0, 0, 0, 0) #0099fd #0099fd rgba(0, 0, 0, 0); }
.newsletter-area:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #0099fd #0099fd; }
.about-area:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #0099fd #0099fd; }
/*.slider-area::after, .
    -fullwidth::after {
    background: rgba(134, 188, 66, 0.6) none repeat scroll 0 0;
}*/
.overlay-light-2-fullwidth:after, .semi-transparent { background: rgba(134, 188, 66, 0.4) none repeat scroll 0 0; }
.header-logo-menu.stick.semi-transparent, .gallery-img, .gallery-img .hover-effect { background: rgba(134, 188, 66, 0.85) none repeat scroll 0 0; }
.footer-img a:before { background: rgba(134, 188, 66, 0.9) none repeat scroll 0 0; }
.single-teacher-image > a:after { background: rgba(134, 188, 66, 0.8) none repeat scroll 0 0; }
.social-links > a:hover { background: #7a9757 none repeat scroll 0 0; border-color: #7a9757; }


/* Responsive Menu CSS Start*/
a.meanmenu-reveal { display: none; }
.mean-container .mean-bar { background: transparent none repeat scroll 0 0; float: left; min-height: 42px; padding: 0; position: relative; width: 100%; z-index: 9; }
.mean-container a.meanmenu-reveal { color: #ffffff; cursor: pointer; display: block; float: right; font-family: Calibri; font-size: 1px; font-weight: 700; height: 22px; line-height: 22px; padding: 13px 0 11px; right: 0; text-decoration: none; text-indent: -9999em; top: 0; width: 22px; }
    .mean-container a.meanmenu-reveal span { display: block; background: #fff; height: 3px; margin-top: 3px; }
.mean-container .mean-nav { float: left; width: 100%; background: #0c1923; }
    .mean-container .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none; }
        .mean-container .mean-nav ul li { background: #f8f8f8 none repeat scroll 0 0; float: left; position: relative; width: 100%; border-top: 1px solid #ddd; }
            .mean-container .mean-nav ul li:first-child { border: 0; }
            .mean-container .mean-nav ul li a { background: #f8f8f8 none repeat scroll 0 0; color: #666666; display: block; float: left; font-size: 12px; margin: 0; padding: 1em 5%; text-align: left; text-decoration: none; text-transform: uppercase; width: 90%; font-weight: bold; }
.mobile-menu-area { background: #262626; }
.mean-container .mean-nav ul li li a { border-top: 1px solid rgba(255, 255, 255, 0.25); opacity: 0.75; padding: 1em 10%; text-shadow: none !important; visibility: visible; width: 80%; font-weight: normal; text-transform: capitalize; color: #444; }
.mean-container .mean-nav ul li.mean-last a { border-bottom: 0; margin-bottom: 0; }
.mean-container .mean-nav ul li li li a { width: 70%; padding: 1em 15%; }
.mean-container .mean-nav ul li li li li a { width: 60%; padding: 1em 20%; }
.mean-container .mean-nav ul li li li li li a { width: 50%; padding: 1em 25%; }
.mean-container .mean-nav ul li a:hover { background: #f8f8f8 none repeat scroll 0 0; color: #F47E1E; }
.mean-container .mean-nav ul li a.mean-expand { width: 26px; height: 15px; margin-top: 1px; padding: 12px !important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700; background: rgba(255,255,255,.1); border: 0!important; background: #F8F8F8; }
    .mean-container .mean-nav ul li a.mean-expand:hover { background: #f8f8f8; }
.mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both; }
.mean-nav .wrapper { width: 100%; padding: 0; margin: 0; }
.mean-container .mean-bar, .mean-container .mean-bar * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.mean-remove { display: none!important; }
.mean-container .mean-bar::after { color: #ffffff; content: "MENU"; font-size: 21px; left: 5%; position: absolute; top: 12px; }
/* Responsive Menu CSS End*/