|
Linux altar53.supremepanel53.com 4.18.0-553.8.1.lve.el8.x86_64 #1 SMP Thu Jul 4 16:24:39 UTC 2024 x86_64
/ home/ bdapparelinfo/ electropackbd.com/ images/ |
|
|
@font-face {font-family: 'Courgette'; src: local('Courgette'), url(Courgette.woff) format('woff');}
@font-face {font-family: 'Oswald'; src: local('Oswald'), url(Oswald.woff) format('woff');}
@font-face {font-family: 'Raleway'; src: local('Raleway'), url(Raleway.woff) format('woff');}
@font-face {font-family: 'BrockScript'; src: local('BrockScript'), url(BrockScript.woff) format('woff');}
@font-face {src: url('fontawesome-webfont.woff2') format('embedded-opentype'), url('fontawesome-webfont93e3.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont93e3.html?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont93e3-2.html?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont93e3-3.html?v=4.4.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;}
body {
margin: 0;
overflow-x: hidden;
overflow-y: scroll;
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 1.42857143;
background: #ffffff;
color: #333;
font-family: FontAwesome;
font-size:15px;
}
hr {
color: #cccccc82;
}
.clear {
clear: both;
}
.ul,.li,.table{
margin:0;
padding:0;
}
.time {color: #fff; font-family:'Roboto', sans-serif; font-size:15px; margin: 2px 0 0 0}
.center {text-align: center}
.left {text-align: left}
.right {text-align: right}
.cont {width: 35%; padding: 0 75px 15px 0}
.iborder {
border:1px solid #cccccc; padding:10px; background: #ffffff;
}
.route {
-webkit-transition: -webkit-transform .5s;
-moz-transition: -moz-transform .5s;
-o-transition: -o-transform .5s;
-ms-transition: -ms-transform .5s;
transition: transform .5s;
}
.route:hover {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
/* TOP MENU */
ul, li{line-height: .7; margin-left: 175px}
a{
color:#333;text-decoration:none;cursor:pointer;
}
a:hover{color:#c00;
}
.mm2 {margin: auto; width: 915px; margin: 0 0 0 5px; overflow:hidden; text-align:left}
#mm ul {padding:0; margin:0;}
#mm ul li a {font-family: 'Roboto', sans-serif; font-size: 16px; color: #ffffff; padding: 0 20px 0 20px; margin: 5px 5px 5px 0; line-height:30px; float:left; border: 1px solid #C3C7C8; border-radius: 5px}
#mm ul li a:hover {background:#cc0000; color: #ffffff}
#mm ul .active a, #mm ul .active ul li a, #mm ul .active ul li a:hover {
color:#FFF;
}
#mm li .act{ background:#06383F; color:#ffffff; text-decoration:none; }
#mm ul .last a {border-right: none}
/* TOP MENU */
/* Extra */
figure {
display: block;
position: relative;
overflow: hidden;
margin: 0 0 0 0;
width: 200px;
}
.page_title{
background: #0269b5;
color: #ffffff;
text-align:left;
padding: 20px 0px;
margin-bottom: 20px;
font-size: 24px
}
figcaption {
width: 100%;
height:100%;
position: absolute;
background-color:#1F4665;
text-align:center;
font-size: 18px;
background: rgba(0,0,0,0.75);
color: white;
padding: 50% 0 0 0;
margin: 0px;
opacity: 0;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
figure:hover figcaption {
opacity: 1;
}
figure:before {
position: absolute;
font-weight: 800;
background: black;
background: rgba(255,255,255,0.75);
text-shadow: 0 0 5px white;
color: black;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
text-align: left;
font-size: 14px;
-moz-transition: all 0.6s ease;
opacity: 0.75;
}
figure:hover:before {
opacity: 0;
}
.cap-left:before { bottom: 10px; left: 10px; }
.cap-left figcaption { bottom: 0; left: -30%; }
.cap-left:hover figcaption { left: 0; }
.cap-right:before { bottom: 10px; right: 10px; }
.cap-right figcaption { bottom: 0; right: -30%; }
.cap-right:hover figcaption { right: 0; }
.cap-top:before { top: 10px; left: 10px; }
.cap-top figcaption { left: 0; top: -30%; }
.cap-top:hover figcaption { top: 0; }
.cap-bot:before { bottom: 10px; left: 10px; }
.cap-bot figcaption { left: 0; bottom: -30%;}
.cap-bot:hover figcaption { bottom: 0; }
/* Extra */
.DivSel A {
color: #000;
font-size: 14px;
}
.DivSel:hover {
background: #7fc31c;
color: #ffffff;
}
.box {
background:#fff;
box-shadow: 0 12px 15px rgba(0, 0, 0, 0.3);
border:0px solid #afafaf; border-top:none;
}
.box_bottom {
-webkit-box-shadow: 0 8px 6px -6px #666666;
-moz-box-shadow: 0 8px 6px -6px #666666;
box-shadow: 0 8px 6px -6px #666666;
}
.ticker {
font: 15px;
font-family : Arial;
color : #000;
font-weight: normal;
}
.ticker a {
font: 15px;
font-family : Arial;
color : #000;
font-weight: normal;
background: #ffffff url(arrow.html) left top 6px no-repeat;
padding: 0 0 0 11px;
}
.ticker a:hover {
font: 15px;
font-family : 'Roboto', sans-serif;
color : #CC0000;
font-weight: normal;
text-decoration:none;
}
.myButton{
background:url(print.html) no-repeat;
cursor:pointer;
border:none;
width:39px;
height:12px;
border: 0px; margin: 0; padding: 0;
}
.bullet{
DISPLAY: block;
font-size: 15px;
font-family: 'Roboto', sans-serif;
text-decoration : none;
color: #1C405E;
font-weight: normal;
background: url(arrow.html) left top 8px no-repeat;
padding-left: 12px;
line-height:25px;
text-align:left;
}
.bullet A {
font-size: 15px;
FONT-FAMILY: 'Roboto', sans-serif;
text-decoration : none;
color: #1C405E;
font-weight: normal;
line-height:25px;
}
.bullet A:hover {
text-decoration : none;
color: #CC0000;
font-weight: normal;
}
.bulletAR{
DISPLAY: block;
font-size: 15px;
font-family: 'Roboto', sans-serif;
text-decoration : none;
color: #000;
font-weight: normal;
background: url(next.html) left top 0 no-repeat;
padding-left: 11px;
line-height:25px;
text-align:left;
}
.bulletAR A {
font-size: 15px;
FONT-FAMILY: 'Roboto', sans-serif;
text-decoration : none;
color: #000;
font-weight: normal;
line-height:25px;
}
.bulletAR A:hover {
text-decoration : none;
color: #800000;
font-weight: normal;
}
/* Category Title */
.sechead {
width:100%; float:left; margin:auto; background:#ece9e9; border: 1px solid #ddd; margin: 0 0 1px 0;
}
.secblock {
font-size:1.1em; color:#ffffff; padding: 3px 5px 3px 10px; float:left; border-right:1px solid #ccc; background:#D11E25;
}
.secblock:hover {
background:#000000; cursor:pointer; color:#ffffff;
}
/* Category Title */
/* Cat Title */
span.tword
{
background: #1F4565;
font-size: 20px;
color: #ffffff;
letter-spacing:5px;
padding: 3px 10px 0 10px;
}
/* Cat Title */
/* Cat Title */
.tab_heading_style{
float:left;
height:27px;
width:100%;
margin:0 0 7px;
}
.tab_heading_style h3{
color:#3B6186;
letter-spacing:5px;
font-style:normal;
font-weight:normal;
border-bottom:5px solid #0A673B;
}
.tab_heading_style h3:first-letter{
background:#0A673B;
color:#FFF;
padding:1px 0 0 9px;
margin:0 5px 0 0;
}
/* Cat Title */
.img_r_small {
border-radius: 0px;
border: 0px solid #ffffff;
-webkit-transition:.0s ease;
-moz-transition:.0s ease;
-o-transition:.0s ease;
transition:1.0s ease;
box-shadow: 0 0 5px rgba( 0, 0, 0, 0.3 );
}
.img_r_small:hover {
border: 0px solid #ffffff;
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
opacity: 0.4;
filter:alpha(opacity=0);
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
cursor: pointer;
}
/*/////////// TAB START /////////////////////*/
.tabs{
overflow:hidden;
}
.tabs ul{
list-style: none;
width: 100%;
padding: 0; margin: 0;
}
.tabs ul li{
float: left;
}
.tabs ul li a{
text-decoration: none;
line-height: 30px;
display: block;
text-align:center;
background: #1F4565;
font-family: 'Roboto', sans-serif;
color: #fff;
}
.tabs ul li .oppened{
background-position: right top;
background:#CC0000;
text-align:center;
}
.tabs_content ul{
list-style: none;
padding: 0; margin: 0;
}
.tabs_content ul li{
border-bottom: 1px solid #d1cbb4;
background: #ffffff;
padding: 3px 5px 3px 0px;
margin: 0 0 0 5px;
}
.data ul li a{
DISPLAY: block;
font-size: 14px;
font-family: 'Roboto', sans-serif;
text-decoration : none;
color: #1C405E;
font-weight: normal;
background: url(arrow.html) left top 6px no-repeat;
padding-left: 12px;
line-height:22px;
}
.data ul li a:hover{
color: #ff0000;
}
/*/////////// TAB END /////////////////////*/
/******************** Image Magnify ******************/
.magnify {position: relative;}
.large {
margin: 0 0 0 200px;
width: 250px; height: 250px;
position: absolute;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),
0 0 7px 7px rgba(0, 0, 0, 0.25),
inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),
0 0 7px 7px rgba(0, 0, 0, 0.25),
inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),
0 0 7px 7px rgba(0, 0, 0, 0.25),
inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
display: none;
}
.small { display: block; }
/******************** Image Magnify ******************/
/*/////////// COMMON STYLE ///////////*/
.container {
margin-right: auto;
margin-left: auto;
}
@media (min-width: 200px) and (max-width: 600px) {
div.m_none {display: none;}
.logo {width: 100%}
.soc-div {text-align:left}
.cat_div {width: 99%}
.img_sec {width:50%; height: auto}
.img_body {width: 50%; height: auto}
.inner {float: left; width: 100%}
.triple {float: left; width: 100%}
.img_detail {width:100%; height: auto}
.SecCol {width: 100%} .SecRight {float:left}
.img_sp {width: 100%; height: auto}
}
@media (min-width:601px) and (max-width: 990px) {
div.t_none {display: none;}
.container {width: 750px;}
.logo {height: 60px}
.soc-div {text-align:right}
.cat_div {width: 48%}
.cat_clr {clear: both}
.img_spotlight {height: 175px;}
.img_sec {width:200px; height: 150px}
.img_body {width: 100px; height: 65px;}
.inner {float: left; width: 49%; margin-right: 1%}
.triple {float: left; width: 33%; padding-left: 1%}
.img_detail {width:300px; height: auto}
.SecCol {width: 100%} .SecRight {float:left}
.img_sp {width: 100%; height: auto}
}
@media (min-width:991px) {
div.d_none {display: none;}
.container {width: 970px;}
.logo {height: 60px}
.soc-div {text-align:right}
.cat_div {width: 32%}
.cat_clrs {clear: both}
.img_spotlight {height: 175px;}
.img_sec {width:200px; height: 150px}
.img_body {width: 130px; height: 95px;}
.img_sp-int {height: 230px}
.inner {float: left; width: 49%; margin-right: 1%}
.triple {float: left; width: 33%; padding-left: 1%}
.img_detail {max-width:300px; height: auto; margin: 0 0 10px 0;}
.SecCol {width: 49%} .SecRight {float:right}
.img_sp {width: 100%; height: auto}
}
@media (min-width:1150px) {
div.d_none {display: none;}
.container {width: 1050px;}
.logo {height: 60px}
.soc-div {text-align:right}
.max_lead {max-height: 250px; overflow: hidden;}
.max_soptlight {max-height: 175px; overflow: hidden;}
.cat_div {width: 32%}
.cat_clrs {clear: both}
.img_spotlight {height: 175px;}
.img_sec {width:250px; height: 175px}
.img_body {width: 130px; height: 95px;}
.img_sp-int {height: 230px}
.img_detail {max-width:300px; height: auto; margin: 0 0 10px 0;}
.inner {float: left; width: 49%; margin-right: 1%}
.triple {float: left; width: 33%; padding-left: 1%}
.SecCol {width: 49%} .SecRight {float:right}
.img_sp {width: 100%; height: 220px;}
}
@media (min-width:1200px) {
div.d_none {display: none;}
.container {width: 1170px;}
.logo {height: 60px}
.soc-div {text-align:right}
.max_lead {max-height: 250px; overflow: hidden;}
.max_soptlight {max-height: 175px; overflow: hidden;}
.cat_div {width: 32%}
.cat_clrs {clear: both}
.img_spotlight {height: 175px;}
.img_sec {width:250px; height: 175px}
.img_body {width: 130px; height: 95px;}
.img_sp-int {height: 230px}
.img_detail {max-width:300px; height: auto; margin: 0 0 10px 0;}
.inner {float: left; width: 49%; margin-right: 1%}
.triple {float: left; width: 32%; padding-right: 1%}
.SecCol {width: 49%} .SecRight {float:right}
.img_sp {width: 100%; height: 220px;}
}
.container {
padding: 0px;
max-width: 100%;
/*background: #ffffff;*/
}
@media screen and (min-width:768px) {
.container {
padding-right: 15px;
padding-left: 15px;
}
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,span,div{font-family:'Roboto', sans-serif;font-weight:500;color:inherit}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}
/*//////////////// Social Icon /////////////////*/
.social-div .social {
margin:0;
text-align:center;
}
.social-div .social li {
list-style-type:none;
display:inline-block;
vertical-align:top;
margin:0 3px;
}
.social-div .social li a {
text-align:center;
display:inline-block;
vertical-align:top;
border:2px solid #168CA3;
position:relative;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}
.social-div .social li a:before {
content:'';
position:absolute;
left:-2px;
top:-2px;
right:-2px;
bottom:-2px;
border:2px solid #1abc9c;
z-index:-1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
opacity:1;
filter:alpha(opacity=100);
}
.social-div .social li a:hover, .social-div .social li a:focus {
text-decoration:none;
color:#fff;
border-color:#168CA3;
-webkit-box-shadow:0 0 7px #168CA3;
-moz-box-shadow:0 0 7px #168CA3;
box-shadow:0 0 7px #168CA3;
}
.social-div .social li a:hover:before, .social-div .social li a:focus:before {
border-color:#fff;
-webkit-transform:scale(1.4);
-moz-transform:scale(1.4);
-ms-transform:scale(1.4);
-o-transform:scale(1.4);
transform:scale(1.4);
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}
/*//////////////// Social Icon /////////////////*/
.img_round {
border: 10px solid #e7e9ec;
border-radius: 110px;
-webkit-transition:.0s ease;
-moz-transition:.0s ease;
-o-transition:.0s ease;
transition:1.0s ease;
box-shadow: 0 0 5px rgba( 0, 0, 0, 0.3 );
}
.img_round:hover {
border: 10px solid #ffffff;
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
opacity: 0.4;
filter:alpha(opacity=0);
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
cursor: pointer;
}
/* Extra */
figure {
display: block;
position: relative;
overflow: hidden;
margin: 0 0 0 0;
width: 200px;
}
figcaption {
width: 100%;
height:100%;
position: absolute;
background-color:#1F4665;
text-align:center;
font-size: 14px;
background: rgba(0,0,0,0.75);
color: white;
padding: 50% 0 0 0;
margin: 0px;
opacity: 0;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
figure:hover figcaption {
opacity: 1;
}
figure:before {
position: absolute;
font-weight: 800;
background: black;
background: rgba(255,255,255,0.75);
text-shadow: 0 0 5px white;
color: black;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
text-align: left;
font-size: 14px;
-moz-transition: all 0.6s ease;
opacity: 0.75;
}
figure:hover:before {
opacity: 0;
}
.cap-left:before { bottom: 10px; left: 10px; }
.cap-left figcaption { bottom: 0; left: -30%; }
.cap-left:hover figcaption { left: 0; }
.cap-right:before { bottom: 10px; right: 10px; }
.cap-right figcaption { bottom: 0; right: -30%; }
.cap-right:hover figcaption { right: 0; }
.cap-top:before { top: 10px; left: 10px; }
.cap-top figcaption { left: 0; top: -30%; }
.cap-top:hover figcaption { top: 0; }
.cap-bot:before { bottom: 10px; left: 10px; }
.cap-bot figcaption { left: 0; bottom: -30%;}
.cap-bot:hover figcaption { bottom: 0; }
/* Extra */
/* ########### Menu Start ############### */
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
font-family: FontAwesome;
}
#cssmenu:after, #cssmenu > ul:after {
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#cssmenu #menu-button {
display: none;
}
#cssmenu {
width: auto;
font-family: 'Roboto', sans-serif;
background: '';
}
#cssmenu > ul {
/*background: '';
box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05); */
}
#cssmenu.align-right > ul > li {
float: right;
}
#cssmenu > ul > li {
float: left;
display: inline-block;
}
#cssmenu.align-center > ul {
float: none;
text-align: center;
}
#cssmenu.align-center > ul > li {
float: none;
}
#cssmenu.align-center ul ul {
text-align: left;
}
#cssmenu > ul > li > a {
font-family: 'Roboto', sans-serif;
font-size: 12px;
color: #000000;
font-weight:normal;
background: #ffffff;
padding: 10px 12px 10px 12px;
text-decoration: none;
margin: 1px 0px 0px 0;
border-radius: 6px;
}
#cssmenu > ul > li.active > a {
color:#ffffff; background: #e36159;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
color:#ffffff; background: #e36159;
}
#cssmenu > ul > li.has-sub > a {
padding-right: 45px;
}
#cssmenu > ul > li.has-sub > a::after {
content: "";
position: absolute;
width: 0;
height: 0;
border: 6px solid transparent;
border-top-color: #d3eced;
right: 17px;
top: 0;
}
#cssmenu > ul > li.has-sub.active > a::after, #cssmenu > ul > li.has-sub:hover > a {
border-top-color: #ffffff;
}
#cssmenu ul ul {
z-index: 2000;
position: absolute;
left: -9999px;
font-size: 13px;
opacity: 0;
-webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
-moz-transition: top 0.2s ease, opacity 0.2s ease-in;
-ms-transition: top 0.2s ease, opacity 0.2s ease-in;
-o-transition: top 0.2s ease, opacity 0.2s ease-in;
transition: top 0.2s ease, opacity 0.2s ease-in;
margin-top: 0;
}
#cssmenu.align-right ul ul {
text-align: right;
}
#cssmenu > ul > li > ul::after {
content: "";
position: absolute;
width: 0;
height: 0;
border: 5px solid transparent;
border-bottom-color: #ffffff;
top: -4px;
left: 20px;
}
#cssmenu.align-right > ul > li > ul::after {
left: auto;
right: 20px;
}
#cssmenu.align-right ul ul ul::after {
border-right-color: transparent;
border-left-color: #ffffff;
left: auto;
right: -4px;
}
#cssmenu > ul > li > ul {
top: 120px;
}
#cssmenu > ul > li:hover > ul {
top: 33px;
left: 0;
opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
left: auto;
right: 0;
}
#cssmenu ul ul ul {
padding-top: 0;
padding-left: 6px;
}
#cssmenu.align-right ul ul ul {
padding-right: 6px;
}
#cssmenu ul ul > li:hover > ul {
left: 180px;
top: 0;
opacity: 1;
}
#cssmenu.align-right ul ul > li:hover > ul {
left: auto;
right: 100%;
opacity: 1;
}
#cssmenu ul ul li a {
text-decoration: none;
padding: 9px 5px 9px 10px;
width: 190px;
font-size: 13px;
line-height: 17px;
color: #ffffff;
background: #4d4d4d;
border-bottom: 1px solid #777888;
text-align:left;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a {
color: #ffffff;
background: #e36159;
}
#cssmenu ul ul li:first-child > a {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
#cssmenu ul ul li:last-child > a {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
#cssmenu > ul > li > ul::after {
position: absolute;
display: block;
}
#cssmenu ul ul li.has-sub > a::after {
content: "";
position: absolute;
width: 0;
height: 0;
border: 4px solid transparent;
border-left-color: #777777;
right: 17px;
top: 14px;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
border-left-color: transparent;
border-right-color: #777777;
right: auto;
left: 17px;
}
#cssmenu ul ul li.has-sub.active > a::after,
#cssmenu ul ul li.has-sub:hover > a::after {
border-left-color: #333333;
}
#cssmenu.align-right ul ul li.has-sub.active > a::after,
#cssmenu.align-right ul ul li.has-sub:hover > a::after {
border-right-color: #333333;
border-left-color: transparent;
}
#cssmenu ul ul li:first-child > a {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
#cssmenu ul ul li:last-child > a {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
#cssmenu > ul > li > ul::after {
position: absolute;
display: block;
}
#cssmenu ul ul li.has-sub > a::after {
content: "";
position: absolute;
width: 0;
height: 0;
border: 4px solid transparent;
border-left-color: #777777;
right: 17px;
top: 14px;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
border-left-color: transparent;
border-right-color: #777777;
right: auto;
left: 17px;
}
#cssmenu ul ul li.has-sub.active > a::after,
#cssmenu ul ul li.has-sub:hover > a::after {
border-left-color: #333333;
}
#cssmenu.align-right ul ul li.has-sub.active > a::after,
#cssmenu.align-right ul ul li.has-sub:hover > a::after {
border-right-color: #333333;
border-left-color: transparent;
}
@media (min-width:300px) and (max-width:900px) {
#cssmenu > ul > li.m_none > a {display: none;}
#cssmenu {
background: '';
z-index: 2000;
}
#cssmenu > ul {
display: none;
}
#cssmenu > ul.open {
display: block;
border-top: 0px solid rgba(0, 0, 0, 0.1);
}
#cssmenu.align-right > ul {
float: none;
}
#cssmenu.align-center > ul {
text-align: left;
}
#cssmenu > ul > li,
#cssmenu.align-right > ul > li {
float: none;
display: block;
}
#cssmenu > ul > li > a {
padding: 12px 4px 0 12px;
border-right: 0;
border-bottom: 1px solid #B7B6B6;
color: #000;
background:#CDC7C7;
text-align:left;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
color: #ffffff;
background: -webkit-linear-gradient(top, #06B8FC, #0186BA);
background: -moz-linear-gradient(top, #06B8FC, #0186BA);
background: -ms-linear-gradient(top, #06B8FC, #0186BA);
background: -o-linear-gradient(top, #06B8FC, #0186BA);
}
#cssmenu #menu-button {
display: block;
text-decoration: none;
font-weight: normal;
font-size: 18px;
color: #222222;
padding: 10px 4px 8px 12px;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
text-align:left;
}
#cssmenu ul ul,
#cssmenu ul li:hover > ul,
#cssmenu > ul > li > ul,
#cssmenu ul ul ul,
#cssmenu ul ul li:hover > ul,
#cssmenu.align-right ul ul,
#cssmenu.align-right ul li:hover > ul,
#cssmenu.align-right > ul > li > ul,
#cssmenu.align-right ul ul ul,
#cssmenu.align-right ul ul li:hover > ul {
left: 0;
right: auto;
top: auto;
opacity: 1;
width: 100%;
padding: 0;
position: relative;
text-align: left;
}
#cssmenu ul ul li {
width: 100%;
}
#cssmenu ul ul li a {
width: 100%;
box-shadow: none;
padding-left: 25px;
background:#CDC7C7;
color: #000000;
border-bottom: 1px solid #B7B6B6;
}
#cssmenu ul ul li a:before {
content: '●';
padding-right: 5px;
color: #eeeeee;
}
#cssmenu ul ul ul li a {
padding-left: 45px;
}
#cssmenu ul ul li:first-child > a,
#cssmenu ul ul li:last-child > a {
border-radius: 0;
}
#cssmenu #menu-button::after {
display: block;
content: '';
position: absolute;
height: 3px;
width: 22px;
border-top: 2px solid #222222;
border-bottom: 2px solid #222222;
right: 25px;
top: 12px;
}
#cssmenu #menu-button::before {
display: block;
content: '';
position: absolute;
height: 3px;
width: 22px;
border-top: 2px solid #222222;
right: 25px;
top: 22px;
}
#cssmenu > ul > li.has-sub > a::after,
#cssmenu ul ul li.has-sub > a::after {
display: none;
}
}
/* ########### Menu End ############### */