html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{ vertical-align:top;}/* vertical align top */
.underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
body {
font-family: 'Open Sans', sans-serif;
font-size: 100%;
background:#465e78;
}
.wrap{
margin:0 auto;
width:80%;
}
/*start header*/
.header{
/* background: #539fd3; */
background:#f3f1f2;
position:relative;
height:105px;
}
.menu{
float:right;
/*margin-left:2em;*/
width:100%;
background:url(../images/button-back.jpg) repeat-x;
margin-top:30px;
font-size:0.9em;
}
.menu1{
display:inline-block;
float:left;
}
.searchArea{width:940px; height:95px; margin:15px auto 0px auto; position:relative}
.searchArea p{ font-size:11px; font-style:italic; color:#3e3e3f; vertical-align:top}
/* Clearfix */
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
/* Basic Styles */
nav {
width: 100%;
font-size: 1em;
}
nav ul {
width: 100%;
position: absolute;
top:4em;
padding: 0;
margin: 0 auto;
display: none;
background: #56CCC8;
}
nav li {
display: block;
}
nav a {
color: #fff;
display: block;
width:100%;
text-indent: 10px;
text-align: left;
text-decoration: none;
}
nav img{
padding:20px 10px 12px 10px;
}
nav li a {
border-bottom: 1px solid #40B4B4;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
padding:10px;
}
nav li:last-child a {
border-right: 0;
}
nav a:hover, nav a:active {
background-color: #40B4B4;
}
nav a#pull {
float: left;
display: block;
background-color: #56CCC8;
width: 60px;
position: relative;
}
/*start search*/
.web_search{
float:left;
}
.srch{
margin:16px 18px;
}
.srch button{
cursor:pointer;
background:url('../images/sprite.png') no-repeat -240px -8px;
width:25px;
height:25px;
display:block;
border: none;
outline: none;
}
.srch button:hover{
background-position:-240px -41px;
}
.search{
position:absolute;
bottom:-6em;
left:0;
display:block;
z-index:100;
background: #56CCC8;
width:94%;
height:60px;
padding:3%;
}
.search:after {
content: '';
position: absolute;
left:10px;
top:-10px;
border-left: 10px solid rgba(0, 0, 0, 0);
border-right: 10px solid rgba(0, 0, 0, 0);
border-bottom: 10px solid #56CCC8;
}
.search form{
position:relative;
background:#fff;
}
.search input[type="text"],.search input[type="submit"]{
font-family: 'Open Sans', sans-serif;
display:inline-block;
border:none;
color:#5d5d5d;
outline:none;
width:inherit;
padding:inherit;
font-size:14px;
margin:inherit;
-webkit-appearance: none;
margin:0;
}
.search input[type="text"]{
background:none;
padding:10px;
width:75%;
}
.search input[type="text"]:focus{
color:#5d5d5d;
}
.search input[type="submit"]{
position: absolute;
top:6px;
right:6px;
background:url('../images/sprite.png') no-repeat -240px -8px;
height: 25px;
width: 25px;
cursor:pointer;
}
.close{
position:absolute;
bottom:0px;
right:-10px;
color:#fff;
padding: 0px 20px 0px 0px;
cursor:pointer;
}
/* css-menu */
.cssmenu ul {
margin: 0;
padding: 0;
}
.cssmenu li {
margin: 0;
padding: 0;
}
.cssmenu a {
margin: 0;
padding: 0;
}
.cssmenu ul {
list-style: none;
}
.cssmenu a {
text-decoration: none;
}
.cssmenu {
display: block;
height:36px;
}
.cssmenu > ul > li {
float: left;
z-index: 0;
/* position: relative; */
border-right: 1px solid #d7d6d6;
margin-top:1px;
width:9%;
text-align:center;
}
.cssmenu > ul > li > a {
color: #060606;
font-size: 14px;
display:block;
padding-top:5px;
padding-bottom:5px;
}
.cssmenu li.active a, .cssmenu li a:hover{
color: #278DD5;
}
.cssmenu > ul > li > ul {
margin-top:5px;
opacity: 0;
visibility: hidden;
padding: 0;
background-color: #fafafa;
text-align: left;
position: absolute;
top: 55px;
left:100%;
margin-left: -90px;
width: 180px;
-webkit-transition: all .3s .1s;
-moz-transition: all .3s .1s;
-o-transition: all .3s .1s;
transition: all .3s .1s;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
.cssmenu > ul > li:hover > ul {
opacity: 1;
top:70px;
visibility: visible;
}
.cssmenu > ul > li > ul:before {
content: '';
display: block;
border-color: transparent transparent #fafafa transparent;
border-style: solid;
border-width: 10px;
position: absolute;
top: -18px;
left:25%;
margin-left: -10px;
}
.cssmenu > ul ul > li {
position: relative;
}
.cssmenu ul ul a {
text-transform:capitalize;
color: #555555;
font-size:0.85em;
background-color: #fafafa;
padding: 5px 8px 7px 16px;
display: block;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.cssmenu ul ul a:hover {
background-color: #f0f0f0;
}
.cssmenu ul ul ul {
visibility: hidden;
opacity: 0;
position: absolute;
top: -16px;
left: 206px;
padding: 16px 0 20px 0;
background-color: #fafafa;
text-align: left;
width: 180px;
}
.cssmenu ul ul > li:hover > ul {
opacity: 1;
left: 190px;
visibility: visible;
}
.cssmenu ul ul a:hover {
background: #56CCC8;
color: #ffffff;
}
.header_top_right{
float:right;
position:relative;
}
/* start social-icons */
.social-icons {
float: left;
border-left: 1px solid rgb(216, 216, 216);
border-right: 1px solid rgb(216, 216, 216);
}
.social-icons ul{
margin:16px 20px;
}
.social-icons li {
width: 24px;
height: 24px;
padding-left:10px;
margin: 0;
display: inline-block;
cursor: pointer;
vertical-align:middle;
}
.social-icons li:first-child{
padding-left:0;
}
.social-icons li.icon_1 {
background:url(../images/icon_1.png) no-repeat 0px -24px;
}
.social-icons li.icon_1:hover {
background:url(../images/icon_1.png) no-repeat 0px 0px;
}
.social-icons li.icon_2 {
background:url(../images/icon_2.png) no-repeat 10px -24px;
}
.social-icons li.icon_2:hover {
background:url(../images/icon_2.png) no-repeat 10px 1px;
}
.social-icons li.icon_3 {
background:url(../images/icon_3.png) no-repeat 12px -22px;
}
.social-icons li.icon_3:hover {
background:url(../images/icon_3.png) no-repeat 12px 1px;
}
/* start login_box */
.login_box{
float: right;
margin:16px 20px;
}
.login_box p{
float:left;
}
.login_box p a.signup{
color:#5d5d5d;
font-size:0.8em;
padding-right:10px;
border-right:1px solid #888;
}
/*-------LOGIN STARTS HERE -------*/
#loginContainer {
position:relative;
width:25px;
height:25px;
display: block;
}
/* Login Button */
#loginButton {
display:inline-block;
position:relative;
z-index:30;
cursor:pointer;
}
/* Login Button Text */
#loginButton span {
background:url('../images/sprite.png') no-repeat -290px -7px;
width:25px;
height:25px;
display: block;
}
#loginButton span:hover{
background-position:-290px -36px;
}
#loginButton.active span {
background-position:-290px -36px;
}
/* Login Box */
#loginBox {
position:absolute;
top:25px;
right:-10px;
display:none;
z-index:29;
}
/* Login Form */
#loginForm {
float:right;
width:480px;
margin:7% 35% 0 0;
height:240px;
background:#2C4766;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
}
#loginForm:after {
content: '';
position: absolute;
right:20px;
top:20px;
border-left: 10px solid rgba(0, 0, 0, 0);
border-right: 10px solid rgba(0, 0, 0, 0);
border-bottom: 10px solid #2C4766;
}
#loginForm fieldset {
margin:0 0 10px 0;
display:block;
border:0;
padding:0;
}
fieldset#body {
padding:15px;
margin:0;
}
#loginForm #checkbox {
width:auto;
margin:3px 5px 0 0;
float:left;
padding:0;
border:0;
*margin:-3px 9px 0 0; /* IE7 Fix */
}
#body label {
color:#CFD9E0;
margin:8px 0 0 0;
display:block;
float:left;
font-size:0.8em;
}
#loginForm #body fieldset label{
display:block;
float:none;
margin:0 0 6px 0;
}
#body label i{
color: #D5EDFF;
text-shadow: 1px 1px #000;
}
/* Default Input */
#loginForm input {
width:92%;
border: 1px solid #e5e5e5;
color: #5d5d5d;
background: #f9f9f9;
padding:8px 8px;
font-size:0.85em;
}
/* Sign In Button */
#loginForm #login {
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
width:auto;
float:left;
background: #EA6060;
color:#fff;
font-size:0.8em;
padding:7px 10px 8px 10px;
border:none;
margin:0 12px 0 0;
cursor:pointer;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-webkit-appearance:none;
}
#loginForm #login:hover {
background: #56CCC8;
}
/* Forgot your password */
#loginForm span {
display:block;
padding:0px 15px 15px 15px;
}
#loginForm span a{
color:#D5EDFF;
font-size:0.8em;
}
#loginForm span a:hover{
text-decoration:underline;
}
input:focus {
outline:none;
}
/* start main */
.main{
margin:0px 0;
}
.sidebar{
float: left;
width: 26.33333%;
}
.sidebar1{
float: left;
width:28.5%;
}
.content{
float: right;
width: 99.8%;
margin:0px;
}
/* start sidebar */
/*sidebar_grid*/
.sidebar_grid{
background:#c5cdd0;
padding: 8%;
}
.grid_s {
margin-top: 13px;
}
.grid_s1{
margin:35px 0;
}
.grid_img{
float: left;
width:14.333%;
margin-right:3%;
}
.grid_img i{
width:32px;
height:32px;
display:block;
background: url('../images/sprite.png') no-repeat;
}
.grid_img i.phone{
background-position:-228px -154px;
}
.grid_img i.location{
background-position:-228px -194px;
}
.grid_img i.mail{
background-position:-225px -233px;
}
.grid_text{
float: left;
width:82.333%;
}
.grid_text p{
font-size: 1em;
color: #ffffff;
padding:2px 0;
}
.grid_text p a{
color:#ffffff;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.grid_text p a:hover{
color:#152840;
}
/* end sidebar */
/*start menu_box_list */
.menu_box_list{
background:url(../images/side-back.jpg) repeat-y right top;
}
.menu_box_list li {
display:block;
color:#464f54;
font-size:1em;
border-bottom: 1px solid #dddddd;
padding:5px 15px;
-webkit-transition: 0.5s linear;
-moz-transition: 0.5s linear;
-o-transition: 0.5s linear;
-ms-transition:0.5s linear;
transition: 0.5s linear;
}
.menu_box_list li p{font-size:13px; padding:5 0 5px 25px; margin:0px}
.menu_box_list li a > i{
width:30px;
height:30px;
display:inline-block;
background:url(../images/sprite.png) no-repeat;
vertical-align:middle;
transition:none;
}
.menu_box_list li a:hover > i{
background:url(../images/sprite.png) no-repeat;
}
.menu_box_list li a:hover,.menu_box_list li.active a{
color: #ffffff;
background-color:#56CCC8;
}
.menu_box_list li a span{
/*padding-left:15px; */
}
.menu_box_list li a > i.home{
background-position:0px 0px;
}
.menu_box_list li a:hover > i.home{
background-position:-40px 0px;
}
.menu_box_list li a > i.store{
background-position:0px -42px;
}
.menu_box_list li a:hover > i.store{
background-position:-40px -42px;
}
.menu_box_list li a > i.blog {
background-position:0px -82px;
}
.menu_box_list li a:hover > i.blog,.menu_box_list li.active a > i.blog{
background-position:-40px -82px;
}
.menu_box_list li a > i.community {
background-position:0px -120px;
}
.menu_box_list li a:hover > i.community{
background-position:-40px -120px;
}
.menu_box_list li a > i.contest {
background-position:0px -156px;
}
.menu_box_list li a:hover > i.contest{
background-position:-40px -156px;
}
.menu_box_list li a > i.about {
background-position:0px -197px;
}
.menu_box_list li a:hover > i.about{
background-position:-40px -197px;
}
.menu_box_list li a > i.contact {
background-position:0px -236px;
}
.menu_box_list li a:hover > i.contact{
background-position:-40px -236px;
}
. menu_box_list ul li{padding-left:15px;}
/* end menu_box_list */
/* start search*/
.soc_right{
position:relative;
width: 15.3333%;
float:right;
}
/* end search*/
/* start sidebar1 */
.sidebar1_grid{
padding: 8%;
}
.sidebar1_grid.bg1{
background: #152840;
border-bottom:1px solid #465E78;
}
.sidebar1_grid.bg2{
border-bottom: 1px solid #465E78;
background: #263A54;
}
.sidebar1_grid.bg1:nth-child(4){
border: none;
}
.left{
float:left;
}
h2.style{
font-family: 'Open Sans', sans-serif;
font-size:1.2em;
color: #56CCC8;
text-transform: capitalize;
}
.right{
float: right;
}
.right i.tick-arrow {
width: 26px;
height: 26px;
display: block;
background: url('../images/sprite.png') no-repeat -376px -50px;
}
.nav2{
margin-top:9.5px;
}
.nav2 li{
display: inherit;
}
.nav2 li a{
padding: 2.4px 0;
line-height: 1.8em;
display:inline-block;
font-size: 0.925em;
color:#CFD9E0;
font-family: 'Open Sans', sans-serif;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.nav2 li a:hover{
color: #FFF;
}
/* staet content */
.content_left{
float:left;
width: 53.6%;
margin-right:2.5%;
}
.content_right{
float:right;
width:43.8%;
}
.nav3{
background: #ffffff;
padding: 8%;
}
.nav3 li a span{
padding-left:15px;
}
.nav3 li a > i.facebook{
background-position: -112px -6px;
}
.nav3 li a:hover > i.facebook {
background-position:-167px -6px;
}
.nav3 li a > i.twitter {
background-position:-112px -55px;
}
.nav3 li.active a > i.twitter{
background-position:-167px -55px;
}
.nav3 li a > i.google{
background-position:-112px -107px;
}
.nav3 li a:hover > i.google{
background-position:-168px -107px;
}
.nav3 li a > i.rss{
background-position:-112px -154px;
}
.nav3 li a:hover > i.rss{
background-position:-168px -154px;
}
.nav3 li a > i.pinterest{
background-position:-113px -198px;
}
.nav3 li a:hover > i.pinterest{
background-position:-168px -198px;
}
.nav3 li a {
line-height: 2.2em;
padding: 8.5px 10px;
font-family: 'Open Sans', sans-serif;
display: block;
text-transform: capitalize;
text-decoration: none;
font-size: 1em;
color:#464F54;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.nav3 li a > i{
width:32px;
height:32px;
display:inline-block;
background:url(../images/sprite.png) no-repeat;
vertical-align:top;
}
.nav3 li a.facebook:hover{
color:#4d6bab;
}
.nav3 li a.twitter:hover,.nav3 li.active a{
color:#4FC6F8;
}
.nav3 li a:hover > i{
background:url(../images/sprite.png) no-repeat;
}
.nav3 li a.google:hover{
color:#ea6060;
}
.nav3 li a.rss:hover{
color:#e19126;
}
.nav3 li a.pinterest:hover{
color:#bd1b30;
}
/* start widget */
.widgets{
display:block;
}
.widget.bg1{
padding: 8%;
background:#4d6bab;
cursor: pointer;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.widget.bg1:hover{
background:#4B67A3;
}
.widget.bg2{
cursor:pointer;
padding: 8%;
background:#4ec6f8;
margin-top:15px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.widget.bg2:hover{
background: #41B6E5;
}
.nav4 {
margin:5% 0;
}
.nav4 li.top{
margin-top: 5px;
}
.nav4 li span{
font-family: 'Open Sans', sans-serif;
font-size: 1em;
color:#ffffff;
}
.nav4 li a{
font-family: 'Open Sans', sans-serif;
font-size: 1em;
color: #ffffff;
line-height: 1.8em;
}
.nav4 li a i{
width:26px;
height:26px;
display:inline-block;
background: url('../images/sprite.png') no-repeat;
vertical-align:text-bottom;
margin-left:5px;
}
.nav4 li a i.plus{
background-position:-377px -9px;
}
.nav4 li a i.follow{
background-position:-377px -50px;
}
/* content_btm */
.content_btm{
margin-top:0px;
background: #ffffff;
padding:2% 1.5%;
}
.content_btm_grid h2{
font-size: 1.5em;
color:#464F54;
font-weight:600;
}
.content_btm_grid p{
margin-top:23px;
font-size: 0.85em;
color:#464F54;
}
.nav5{
text-align:center;
margin-top: 4%;
}
.nav5 li{
display: inline-block;
margin-left: 10px;
}
.nav5 li:first-child{
margin-left:0;
}
.nav5 li a{
display:block;
opacity:0.8;
}
.nav5 li a:hover{
opacity:1;
}
.nav5 li a i{
width:36px;
height:36px;
display:block;
background: url('../images/sprite.png') no-repeat;
}
.nav5 li a i.facebook{
background-position:-230px -98px;
}
.nav5 li a i.twitter{
background-position:-284px -98px;
}
.nav5 li a i.googleplus{
background-position:-335px -98px;
}
.nav5 li a i.likedin{
background-position:-387px -98px;
}
/*search*/
.search1{
margin-top: 4%;
}
.search1 input[type="text"]{
outline: none;
padding:10px 8px;
color: #202020;
background: #FFFFFF;
border: 1px solid #dddddd;
width:62.33%;
display:inline-block;
}
.search1 input[type="submit"]{
font-family: 'Open Sans', sans-serif;
background: #EA6060;
color:#ffffff;
font-size:1em;
display:inline-block;
text-transform:uppercase;
padding: 8px 20px;
border: none;
cursor: pointer;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
border-radius: 4px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-webkit-appearance:none;
}
.search1 input[type="submit"]:hover {
background: #56CCC8;
}
/* end main */
/* start content style */
.content_left1{
width: 34.3%;
float:left;
}
.content_right1{
width: 63.6%;
float:left;
margin-left:2%;
}
.video-player iframe{
width:100%;
height:260px;
}
.content_left1_grid{
padding: 8%;
background: #ffffff;
position: relative;
}
.grid_left1{
position: absolute;
left:0px;
margin-top:10px;
}
.grid_left1 i{
width:25px;
height:25px;
display:block;
background: url('../images/sprite.png') no-repeat;
}
.grid_left1 i.video-icon{
background-position:-13px -288px;
}
.camera{
padding:8px;
background:#4fc6f8;
}
.grid_left1 i.camera-icon{
background-position:-64px -288px;
}
.article{
padding:8px;
background:#4bc7c7;
}
.grid_left1 i.article-icon{
background-position:-115px -289px;
}
.quote{
padding:8px;
background:#4bc7c7;
}
.grid_left1 i.quote-icon{
background-position:-163px -289px;
}
.grid_right1{
margin-left: 12%;
width: 88%;
float: left;
}
.content_left1_grid h3 a{
text-transform: capitalize;
font-size:1.5em;
font-weight:900;
color: #464F54;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.content_left1_grid h3 a:hover{
color: #EA6060;
}
.content_left1_grid h4 a{
text-transform: capitalize;
font-size:1.5em;
color: #464F54;
font-weight:900;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.content_left1_grid h4 a:hover{
color: #4FC6F8;
}
.content_left1_grid span{
color: #BCC1C4;
font-weight:200;
}
.content_left1_grid p{
margin-top:7%;
font-size:0.95em;
color:#272D30;
line-height: 1.8em;
font-weight:300;
}
.content_left1_grid p a{
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
color: #EA6060;
text-transform:capitalize;
}
.content_left1_grid p a:hover{
color:#464F54;
text-decoration:underline;
}
/* start content_bottom style */
.content_bottom{
margin:15px 0;
}
.sidebar_left{
width: 32.33333%;
float: left;
margin-right:1.3%;
}
.sidebar_right{
width: 65.3%;
float:left;
}
.sidebar_left_grid {
background: #1F3045;
padding: 8%;
}
.h_grid{
display: inline-block;
width: 30%;
margin:21% 0;
}
.h_grid h4{
margin-top:8%;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
color: #ffffff;
line-height: 1.8em;
}
.h_grid a{
display: block;
}
.h_grid a i{
width:36px;
height:36px;
display:block;
background: url('../images/sprite.png') no-repeat;
}
.h_grid a i.share{
background-position:-410px -153px;
}
.h_grid a i.share:hover{
background-position:-410px -200px;
}
.h_grid a i.like{
background-position:-342px -155px;
}
.h_grid a i.like:hover{
background-position:-342px -206px;
}
.span_1_of_1{
float: left;
width:64%;
}
.span_1_of_2{
float: left;
width:36%;
}
.grid_1_of_1{
margin-top:15px;
background: #4FC6F8;
}
.grid_1_of_1_text{
padding: 8%;
}
.grid_1_of_1 h3{
font-size: 1em;
color: #ffffff;
font-weight:700;
}
.grid_1_of_1 h3 a{
font-size: 0.85em;
color:#ffffff;
text-transform: lowercase;
font-weight:normal;
}
.para{
padding: 8%;
border-top:1px solid #ACE6FF;
border-bottom:1px solid #ACE6FF;
}
.top{
margin-top:2em;
}
.right i.right-arrow{
width:25px;
height:25px;
display:block;
background: url('../images/sprite.png') no-repeat -332px -10px;
}
.para p{
line-height: 1.8em;
font-size:1em;
color:#ffffff;
font-weight:200;
}
.para p a{
color: #ffffff;
font-weight:700;
}
.para1{
border:none;
}
.grid_1_of_2{
margin-top:15px;
background: #ffffff;
}
.grid_1_of_2 h4{
font-size: 1.5em;
color: #464F54;
font-weight:600;
padding:20px;
border-bottom: 1px solid #dddddd;
}
.grid_1_of_2.box{
padding: 8%;
}
.grid_1_of_2.box h3{
font-size: 1.5em;
color: #464F54;
font-weight:700;
}
/* GRID OF Content with Image ============================================================================= */
.image {
padding:20px;
}
.grid {
display: block;
float:left;
margin-left:4%;
}
.grid:first-child { margin-left: 0; }
.images_3_of_1 {
width:27.3%;
}
.span_2_of_3{
width: 68.5%;
}
.images_3_of_1 img {
margin-top:5px;
}
.span_2_of_3 h3 a{
font-size: 1em;
color:#52575a;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
line-height:1.6em;
}
.span_2_of_3 h3 a:hover{
color: #EA5F5F;
}
.span_2_of_3 p {
font-size:0.8725em;
color: #acacac;
line-height: 1.8em;
margin-top: 8px;
}
.searh_form form{
}
.searh_form form input[type="text"],.searh_form form textarea{
margin:8% 0;
font-family: 'Open Sans', sans-serif;
font-size: 0.8725em;
color: #555;
padding: 8px;
display: block;
width: 94%;
background: #FFFFFF;
border: 1px solid #E9E9E9;
outline: none;
-webkit-appearance: none;
}
.searh_form form textarea{
resize: none;
height: 120px;
}
.searh_form form input[type="text"].active{
border:1px solid #56CCC8;
}
.searh_form form input[type="submit"] {
font-family: 'Open Sans', sans-serif;
background: #EA6060;
color: #ffffff;
font-size: 1em;
text-transform: uppercase;
padding: 8px 20px;
border: none;
cursor: pointer;
line-height: 1.5em;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-webkit-appearance:none;
}
.searh_form form input[type="submit"]:hover{
background: #56CCC8;
}
.searh_form form input[type="text"]:focus,.searh_form form textarea:focus {
border: 1px solid #56CCC8;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
box-shadow: 0px 1px 2px #E0E0E0;
-webkit-box-shadow: 0px 1px 2px #E0E0E0;
-moz-box-shadow: 0px 1px 2px #E0E0E0;
-o-box-shadow: 0px 1px 2px #E0E0E0;
}
/* start calender and stories */
.cal_of_storie{
margin-top:15px;
}
.column_right_grid {
background: #324864;
}
.calender{
float:left;
width: 55.3%;
margin-right:2.33333%;
}
.stories{
float:right;
width:42.33333%;
}
.stories a{
display: block;
padding:3.92em 10%;
background: #EA6060;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.stories a:hover{
background: #FD6868;
}
.stories_text{
text-align:center;
}
.stories_text h3{
width: 80%;
margin: 0 auto;
font-size:3em;
color: #ffffff;
font-weight:200;
text-transform:uppercase;
}
.btn1{
margin: 16% 0 25% 0;
text-align:center;
position: relative;
display: block;
}
.btn1 h4{
text-align:center;
}
.btn_a{
background: url('../images/sprite.png') no-repeat -284px -152px;
position: absolute;
width: 36px;
height: 36px;
left:40%;
}
/* end calender and stories*/
/* start span_1_of_3*/
.span_1_of_3_img{
margin-top:15px;
}
.span_1_of_3_img img{
width:100%;
margin-bottom: -1%;
margin-left: -1px;
}
.span_1_of_3_grid {
padding:3em 8% 2em 8%;
background: #ffffff;
position: relative;
}
.span_1_of_3_left {
position: absolute;
left: -1px;
float: left;
}
.span_1_of_3_text {
margin-left: 4%;
}
.span_1_of_3_text h3 a{
font-size:1.5em;
color:#475558;
font-weight:700;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.span_1_of_3_text h3 a:hover{
color: #4BC7C7;
}
.span_1_of_3_text p{
margin-top:4%;
font-size:1em;
color:#1B2022;
line-height:2em;
font-weight:300;
}
.span_1_of_3_text p a{
color: #EA6060;
}
.span_1_of_3_text p a:hover{
color:#555555;
text-decoration:underline;
}
/***** Social Likes **********/
.span_1_of_3_nav{
margin-top:2em;
}
.span_1_of_3_nav li {
float: left;
}
.span_1_of_3_nav li.active a{
color:#4FC6F8;
}
.span_1_of_3_nav li a span {
padding-left:5px;
}
.span_1_of_3_nav li a i{
width:25px;
height:25px;
display:inline-block;
background: url('../images/sprite.png') no-repeat;
vertical-align:sub;
}
.span_1_of_3_nav li a i.share_icon{
background-position:-289px -262px;
}
.span_1_of_3_nav li a i.view_icon{
background-position:-334px -262px;
}
.span_1_of_3_nav li a i.coment_icon{
background-position:-378px -262px;
}
.span_1_of_3_nav li a {
margin-right:20px;
line-height: 2.2em;
padding: 8px 10px;
font-family: 'Open Sans', sans-serif;
display: block;
text-transform: capitalize;
text-decoration: none;
font-size: 1em;
color: #555555;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.span_1_of_3_nav li:hover a{
color: #56CCC8;
}
/* end span_1_of_3*/
/* start span_1_of_4*/
.span_1_of_4 {
margin-top:15px;
}
.span_1_of_4_img{
margin-top: 2.33333%;
}
.span_1_of_4_img img{
width:100%;
margin-bottom: -1%;
}
.span_1_of_4_grid {
padding: 3em 8%;
background: #ffffff;
position: relative;
}
.span_1_of_4_left {
position: absolute;
left: -2px;
float: left;
}
.span_1_of_4_text {
margin-left: 4%;
}
.span_1_of_4_text h3{
text-transform: capitalize;
font-size: 1.3em;
color:#4a4e4d;
line-height: 1.8em;
font-style: italic;
}
/* end span_1_of_4 */
/******** SAP ************/
.sap_tabs{
clear:both;
margin-top:15px;
}
.sap_tabs h3,.sap_tabs h3 a{
color: #555555;
font-size: 1.2em;
font-weight:700;
}
.sap_tabs h4{
font-size: 0.95em;
color: #ACACAC;
}
.sap_tabs h3 a{
font-size:.7em;
}
.sap_tabs h3 a:hover{
text-decoration:underline;
}
.sap_tabs p{
font-size: 0.95em;
color: #272D30;
line-height: 1.8em;
font-weight: 300;
padding: 18px 0;
}
.facts{
padding: 4%;
}
.top1{
margin-top: 2%;
}
.resp-tabs-list {
width: 100%;
}
.resp-tab-item:first-child{
border-left:none;
}
.resp-tab-item{
border-left: 1px solid #465E78;
color: #ffffff;
font-size: 1em;
background: #C5CDD1;
font-family: 'Open Sans', sans-serif;
text-transform: capitalize;
cursor: pointer;
padding:12px 0;
display: inline-block;
margin: 0;
text-align: center;
list-style: none;
float: left;
width: 24.9%;
outline: none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.resp-tab-item:hover {
background: #5BA4A4;
text-shadow: none;
color: #FFF;
}
.resp-tab-active{
background: #FFF;
text-shadow: none;
color:#475558;
}
.resp-tabs-container {
padding: 0px;
background-color: #fff;
clear: left;
}
h2.resp-accordion {
cursor: pointer;
padding: 5px;
display: none;
}
.resp-tab-content {
display: none;
}
.resp-content-active, .resp-accordion-active {
display: block;
}
h2.resp-accordion {
font-size:1em;
margin: 0px;
padding: 10px 15px;
background:#C5CDD1;
margin:10px 0;
color:#FFF;
}
h2.resp-accordion:hover{
background:#5BA4A4;
text-shadow: none;
color: #FFF;
}
.tab_style{
margin-top:19px;
}
@media only screen and (max-width:480px) {
.sap_tabs{
padding-top:0;
}
.resp-tabs-container{
padding:10px;
}
ul.resp-tabs-list {
display: none;
}
h2.resp-accordion {
display: block;
}
.resp-vtabs .resp-tab-content {
border: 1px solid #C1C1C1;
}
.resp-vtabs .resp-tabs-container {
border: none;
float: none;
width: 100%;
min-height: initial;
clear: none;
}
.resp-accordion-closed {
display: none !important;
}
}
a.mail{
color: #56CCC8;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
a.mail:hover {
color: #555555;
}
.tab_style{
float:left;
width: 48.333333%;
}
.tab_left{
margin-right: 10px;
}
.tab_img{
width:25%;
float: left;
}
.tab_txt{
width: 64.333333%;
float: left;
}
.contact-form div{
margin: 10px 0;
}
.contact-form label{
color:#555555;
font-size:0.8725em;
text-transform:capitalize;
}
.contact-form input[type="text"],.contact-form textarea{
font-family: 'Open Sans', sans-serif;
font-size:0.8725em;
color:#B8B6B6;
padding: 8px;
display: block;
width: 98%;
background: #FFFFFF;
border:1px solid #E6E6E6;
outline: none;
-webkit-appearance: none;
margin-top: 10px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
.contact-form textarea{
resize:none;
height:120px;
}
.contact-form input[type="text"]:focus,.contact-form textarea:focus{
color:#555;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
border: 1px solid rgba(117, 95, 165, 0.05);
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
.contact-form input[type="submit"]{
margin-top:2%;
font-family: 'Open Sans', sans-serif;
background: #EA6060;
color: #ffffff;
font-size: 1em;
text-transform: uppercase;
padding: 8px 20px;
border: none;
cursor: pointer;
line-height: 1.5em;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-webkit-appearance:none;
}
.contact-form input[type="submit"]:hover{
background: #56CCC8;
}
/*----copy-right-----*/
.copy-right{
text-align: center;
padding:0px 0;
padding:3px 0px;
}
.copy-right p{
color:#fff;
font-size: 0.70em;
line-height:1.8em;
}
.copy-right p a{
/* color:#56CCC8;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; */
color:#2466a3;
font-weight:600;
}
.copy-right p a:hover{
color:#ccc;
text-decoration:underline;
}
/***** Media Quries *****/
@media only screen and (max-width: 1480px){
.wrap{
width:95%;
}
}
@media only screen and (max-width: 1360px){
.wrap{
width:95%;
}
}
@media only screen and (max-width: 1280px) {
.wrap{
width:95%;
}
.facts{
padding:1% 4%;
}
.video-player iframe{
height:285px;
}
.grid_s1{
margin:31px 0;
}
}
@media only screen and (max-width: 1024px) {
.wrap{
width:95%;
}
.resp-tab-item{
width:24.87%;
}
.grid_s1{
margin:20px 0;
}
.content_btm{
padding:7% 4%;
}
.search1 input[type="text"]{
width:60.3%;
}
.nav4{
margin:8% 0;
}
.video-player iframe{
height:265px;
}
}
@media only screen and (max-width: 800px) {
.wrap{
width:95%;
}
.menu{
margin-left:0;
}
.sidebar_grid{
padding:5%;
}
.grid_text p{
font-size:0.85em;
}
.menu_box_list li a{
padding:12px 20px;
}
.stories_text h3{
font-size:2em;
}
.span_1_of_3_grid{
padding:2em 2% 2em 8%;
}
.span_1_of_3_nav{
padding:1em 0;
}
.span_1_of_3_nav li a{
margin-right:0;
padding:5px;
}
.resp-tab-item{
width:24.8%;
}
}
@media only screen and (max-width: 640px){
.wrap{
width:95%;
}
.cssmenu{
display:block;
}
.sidebar,.sidebar1,.content,.content_left1,.content_right1,.sidebar_left,.sidebar_right{
float:none;
width:100%;
}
.content,.content_right1,.sidebar_right{
margin-left:0;
margin-top:15px;
}
.sidebar_left{
margin-right:0;
}
.h_grid{
margin:0;
}
.grid_img{
width:8%;
}
.nav3{
padding:4%;
}
.nav4{
margin:1.5% 0;
}
.stories a{
padding:3.5em 10%;
}
}
@media only screen and (max-width: 480px) {
.wrap{
width:95%;
}
body{
margin:1em 0;
}
.nav4{
margin:4.5% 0;
}
.span_1_of_1,.span_1_of_2,.calender,.stories,.tab_style{
float:none;
width:100%;
}
.span_1_of_2 img{
width:100%;
}
.span_1_of_3_nav li a{
font-size:0.8em;
}
.calender,.tab_left{
margin-right:0;
}
.stories_text h3{
font-size:3em;
}
.stories{
margin-top:10px;
}
.stories a{
padding:1em 10%;
}
.btn1{
margin:5% 0 15% 0;
}
.btn_a{
left:45%;
}
.span_1_of_3_grid{
padding:1em 2% 1em 8%;
}
.span_1_of_3_nav{
margin-top:0;
}
}
/*-------------Search Box------------------------*/
.cf:before, .cf:after{
content:"";
display:table;
}
.cf:after{
clear:both;
}
.cf{
zoom:1;
}
/*-------------------------------------*/
.form-wrapper {
width: 910px;
padding: 10px;
background: #c2c1c2;
}
.form-wrapper input {
width: 570px;
height: 20px;
padding: 10px 5px;
float: left;
border: 0;
background: #eee;
-moz-border-radius: 3px 0 0 3px;
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
color: #464F54;
}
.form-wrapper input:focus {
outline: 0;
background: #fff;
-moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
-webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
.form-wrapper input::-webkit-input-placeholder {
color: #999;
font-weight: normal;
font-style: italic;
}
.form-wrapper input:-moz-placeholder {
color: #999;
font-weight: normal;
font-style: italic;
}
.form-wrapper input:-ms-input-placeholder {
color: #999;
font-weight: normal;
font-style: italic;
}
.form-wrapper button {
overflow: visible;
position: relative;
float: right;
font-weight:bold;
border: 0;
padding: 0;
cursor: pointer;
height: 40px;
width: 110px;
color: #fff;
text-transform: uppercase;
background: #1165a4;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}
.form-wrapper button:hover{
background: #3794da;
}
.form-wrapper button:active,
.form-wrapper button:focus{
background: #c42f2f;
}
/*.form-wrapper button:before {
content: '';
position: absolute;
border-width: 8px 8px 8px 0;
border-style: solid solid solid none;
border-color: transparent #1165a4 transparent;
top: 12px;
left: -6px;
}*/
.form-wrapper button:hover:before{
border-right-color: #3794da;
}
.form-wrapper button:focus:before{
border-right-color: #c42f2f;
}
.form-wrapper button:-moz-focus-inner {
border: 0;
padding: 0;
}
input#gobutton{
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
padding:4px 15px; /*add some padding to the inside of the button*/
background:#1165A4; /*the colour of the button*/
border:1px solid #bababa; /*required or the default border for the browser will appear*/
/*give the button curved corners, alter the size as required*/
/*give the button a drop shadow*/
/*style the text*/
color:#ffffff;
margin:7px 5px 0 0;
font-family: 'Open Sans', sans-serif;
font-size:90%;
font-weight:600;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
input#gobutton:hover, input#gobutton:focus{
background-color :#3794da; /*make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/
font-family: 'Open Sans', sans-serif;
font-size:90%;
font-weight:600;
}
.sideHead{ height:28px; background: url(../images/head_back_top.jpg) repeat-x left top; padding:10px 0px 0px 16px; font-size:1.3em}
#sideHead2{ height:22px; background:#53a4de; padding:2px 0px 4px 14px; color:#fff; font-size:1.1em;font-weight:bold;}
.boxadj{margin-left:-20px; margin-right:5px}
.pageheading{font-size:18px; color:#2d79af;}
.headline_year{font-size: 1.20em; color:#2d79af;}
.righttable td{padding-left:8px}
.labels {
float: left;
margin: 0;
padding: 0;
width: 180px;
}
.inputBox {
width: 300px;
}
.row_field {
margin-bottom: 10px;
margin-left: 20%;
}
.innerpageheadings{padding:3px 0px 3px 0px; text-align:left; font-weight:bold; font-size: 1.7em; width:97%; margin:0 auto; color:#787878}
#toggleTextinImg{ margin-right:5px}
#toggleText1Img{ margin-right:5px}
#toggleText2Img{ margin-right:5px}
#toggleText3Img{ margin-right:5px}
#toggleText4Img{ margin-right:5px}
.help-cotent-field{margin-bottom: 20px}
.help-cotent-field td{padding: 7px 10px; line-height:20px}
.help-cotent-field table td ul li { line-height:20px}
.header-new-container {
position: relative;
width: 94%;
max-width: 1100px;
}
.header-new-content {
position: relative;
}
#header-new {
z-index: 2;
width: 100%;
height:160px;
background: #c3e1f9 url(../images/phibase-header-blank.jpg) left top no-repeat;
color: white;
}
#header-new h1 {
margin: 0 0 0 1% !important;
text-align: left;
padding-top:15px
}
@media (max-width: 599px) {
#header-new .header-new-container {
width: 100%;
}
#header-new h1 {
padding-left: 3%;
}
}
.search-new-new {
width: 100%;
height: 20px;
position: relative;
border: 3px solid #58aada;
border-radius: 5px;
}
.searchTerm-new-new {
float: left;
width:56%;
border: 3px solid #58aada;
padding: 0px 5px 0px 5px ;
height: 29px;
outline: none;
color: #0000000;
}
.searchTerm-new-new:focus{
color: #00B4CC;
}
.searchButton-new-new {
position: absolute;
right: 0;
left:57.8%;
width: 18%;
height: 35px;
border-top: 3px solid #58aada;
border-bottom: 3px solid #58aada;
border-left: 1px solid #999999;
border-right: 2px solid #58aada;
background: #ffffff;
text-align: center;
color: #999999;
cursor: pointer;
font-size:14px;
float:right;
}
.searchButton-new-new span{font-size:10px !important}
.searchButton2-new-new {
position: absolute;
width: 18%;
left:75.5%;
height: 35px;
border: 1px solid #58aada;
background: #58aada;
text-align: center;
color: #fff;
cursor: pointer;
font-size: 14px;
float:right;
}
/*Resize the wrap to see the search bar change!*/
.wrap-new-new{
width: 38%;
position: absolute;
top: 10%;
left: 77.5%;
transform: translate(-50%, -50%);
}
.search-tip {
color:#000000;
font-size:13px;
font-weight:600;
text-align: left;
margin-top:40px;
padding-right:10px;
width:96% !important;
}
* {
box-sizing: border-box;
}
.grid-contener-full {
width: 100%;
float: left;
}
.grid-contener-full p {
font-size:14px;
text-align: left;
padding:1.5%;
color:#434334;
}
.grid-contener-left {
width: 33.333%;
float: left;
}
.grid-contener-left p{
font-size:14px;
text-align: left;
padding:0 0 0 2.8%;
color:#58aada;
font-weight: 600;
line-height: 28px;
background: #f3f3f3;
margin: 8px 0px;
}
.grid-contener-mdiile {
width: 33.333%;
float: left;
}
.grid-contener-mdiile p {
font-size:14px;
text-align: left !important;
padding:0 3% 0 0;
color:#434334;
margin-top: 0px;
line-height: 28px;
font-weight: 600;
}
.grid-contener-mdiile h1{
font-size:1.7em;
text-align: left;
margin: -5px 0px 0px 0px;
color:#ad771c;
}
.grid-contener-mdiile-next {
width: 99%;
float: left;
text-align: left !important;
}
.grid-contener-mdiile-next p {
font-size:14px;
text-align: left !important;
padding:0 3% 0 0;
color:#434334;
margin-top: 0px;
line-height: 28px;
margin-bottom: 10px
}
.grid-contener-mdiile-next h1{
font-size:1.7em;
text-align: left;
margin: -5px 0px 0px 0px;
color:#ad771c;
}
.grid-contener-right {
width: 33.333%;
float: left;
}
.grid-contener-right p{
font-size:14px;
text-align: left;
padding:0 4% 0 0%;
color:#434334;
line-height:28px;
}
.grid-contener-right h1{
font-size:1.7em;
text-align: left;
color:#ad771c;
padding:0px;
margin: 0px;
}
@media only screen and (max-width: 480px) {
.col { margin: 1% 0 1% 0%;}
.grid-contener-left, .grid-contener-mdiile, .grid-contener-right { width: 100%; }
.search-tip {font-size:12px !important;}
.icon-set-grid {margin-left:99% !important; }
.searchButton2-new-new {width: 30% !important; font-size:12px !important; width:25% !important;}
.searchButton2-new-new {font-size:8px !important}
.cssmenu > ul > li {font-size:11px !important; width:8.5% !important}
.wrap-new-new {width:45% !important}
.searchButton-new-new {left:49.5% !important; font-size:12px !important; width:35% !important;}
}
@media only screen and (max-width: 1000px) {
.col { margin: 1% 0 1% 0%;}
.grid-contener-left, .grid-contener-mdiile, .grid-contener-right { width: 100%; }
.search-tip {font-size:10px !important; }
.icon-set-grid {margin-left:76% !important; }
.searchButton2-new-new {width: 30% !important; font-size:12px !important; width:27% !important;}
.cssmenu > ul > li {font-size:11px !important; width:8.5% !important}
.searchButton-new-new {left:43.5% !important; font-size:12px !important; width:33% !important;}
}
.home-left-block {
padding:3px 5px !important;
border:1px solid #dedede !important;
border-radius: 3px !important;
background: #f3f3f3;
}
.grid-newsfeed {
height:153px;
overflow: auto;
width:94%;
margin-top: 8px;
font-weight: 600;
}
.icon-set-grid{
position:absolute;
width:40px;
hright:18px;
margin-left:25.2%;
background: #ffffff
}
.news-feed-icon{
margin-top: 8px !important;
margin-left: 27%;
width:70px !important;
hright:30px !important;
background: none !important;
}
.advanced-search-grid{
margin-top:8px;
font-size:14px;
font-weight:normal;
background:#58aada;
color:#ffffff;
width:144px;
height:28px;
padding-left:10px;
}
.advanced-search-grid a{
color:#ffffff !important;
text-decoration: none;
}
.advanced-search-grid a:hover{color:#f3f3f3 !important; }
.searchButton2-new-new a:hover{color:#f3f3f3 !important; }
#gallerywrapper-spotlight {
width:640px;
height:auto;
margin:0 auto !important;
position:relative;
}
#gallerywrapper-spotlight #gallery-spotlight {
/* position:absolute; */
left:0;
top:0;
height:590px;
width:840px;
overflow:hidden;
text-align:center;
}
#gallerywrapper-spotlight #gallery-spotlight div {
width:840px;
height:auto;
padding-top:10px;
position:relative;
}
#gallerywrapper-spotlight #gallery-spotlight div img {
clear:both;
display:block;
margin:0 auto;
border:0;
}
#gallerywrapper-spotlight #gallery-spotlight div h3 {
padding:10px 0 0 0;
margin:0;
font-size:18px;
}
#gallerywrapper-spotlight #gallery-spotlight div p {
padding:5px 0;
margin:0;
line-height:18px;
}
#gallery-spotlight .previous{
display:inline;
float:left;
text-decoration:none;
background:rgb(67, 67, 67);
color:#ffffff;
font-weight:bold;
padding:10px 15px;
border-radius: 12px;
margin-top: -30%;
}
#gallery-spotlight .next{
display:inline;
float:right;
text-decoration:none;
background:rgb(67, 67, 67);
color:#ffffff;
font-weight:bold;
padding:10px 15px;
border-radius: 12px;
margin-top: -30%;
}
.no-border-right{
border-right:none !important;
}
.autosuggest-block-grid{
z-index:999;
background:#F8F8F8;
padding:10px;
width:59%;
border:2px solid #cccccc;
line-height:20px;
margin-top:4px;
box-shadow: 5px 5px 2px #f3f3f3;
color:#000000;
}
.grid-advanced-search {
width:140px !important;
font-size:11px;
height:40px;
margin:0 0 0 4px;
padding-left:1px;
padding-right:1px;
float:right;
}
.button-reset-grid{
float:right !important;
width:70px !important;
font-size:11px !important;
height:41px !important;
margin:0px 0px 0px 5px !important;
}
.button-submit-grid{
font-size:11px !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); !important"
}
.search-tips-grid-inner{
padding:0px !important;
margin:0px !important;
}
.home-left-grid-block{
/* padding:5px 10px;
background: #f3f3f3; */
width:78%;
margin: 0px 15px 0px 23px;
}
.phi-base-hr-grid{
color:#ffffff;
width:83%;
text-align: left;
float:left;
border-bottom: 1px solid #58aada;
}
.vertical-grid{vertical-align: middle;}
.set-grid-middle{margin-top:35px !important}
#shadow {z-index: 999 !important;}
.home-auto-suggest-grid {
margin-top: -25px !important;
width:65%;
border-left:2px solid #58aada;
border-right:2px solid #58aada;
border-bottom:2px solid #58aada;
border-top:none !important;
z-index:3000 !important;
/* background:#ffffff !important; */
position: absolute;
visibility: hidden;
}
.spotlightTbl td {border:1px solid #cccccc; padding:2px !important }
.twitter-timeline{float: left; margin-top:-7px !important; font-size:10px !important}
#twitter-widget-0 {
width: 93% !important;
height:173px !important;
max-height:173px !important;
min-height:173px !important;
}
.tew-twinner{margin-top:-5px !important}