/*

Theme Name:AsianNetwork

Theme URL=http://www.asiannetwork.com

Description:This is wordpress theme for Asian

Version:2

*/

body

{

    font-family: 'Raleway', sans-serif;

}



.logo img

{

	width:100%;

}

.slider_p img

{

	height:auto;

	width:100%;

}



.top-angle

{

	transform: skewY(4deg);

	background-color: #efefef;

	height: 100px;

	top: 75px;

	display: block;

}



#searchform > input[type=text] {

    background: #FFE8EB;

    border: none;

    color: #000;

    margin-top: 5px;

    margin-bottom: 5px;

    padding: 4px 6px;

}

#searchform > input[type="submit"]

{

    background: url("images/search_03.jpg") no-repeat scroll 0 0 / contain rgba(0, 0, 0, 0);

    /*border: 0 none;

    cursor: pointer;

    height: 25px;

    margin-left: -10px;

    width: 32px;*/

    border: 0 none;

    bottom: 8px;

    cursor: pointer;

    height: 0;

    left: 198px;

    margin-left: -10px;

    width: 26px;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

	#searchform > input[type="submit"]{

		position:absolute;

		bottom:5px;

		margin-left:-4px;

		left:182px;

	}

}



#google_translate_element {

    padding-top: 3px;

}

.header

{

 background: #efefef;   

}



.upper_head{

     background-color:#E12444;

}



.stick_head.affix {

    top: 0;

    z-index:2000;

    background-color:#EFEFEF;

    width:100%;

    

}

.navbar-default

{

    background: none;

    border: none;

    

}



.dropdown:hover > .dropdown-menu {

 

    background-color:#F39C12;



 }

 .dropdown-menu > li > a{

    color:#fff;

    padding:10px 40px;

 }

 .dropdown-menu > li > a:hover{

    background-color:#E12444;



 }

 .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover{

    background-color:#E12444;



 }



.navbar-default

{

    margin-bottom: 0px;

}



.navbar-default .navbar-nav > li > a

{

    color: #000;

    font-family: 'Raleway', sans-serif;

    padding-top:35px;

    padding-bottom:35px;

    padding-left:13px;



}

.navbar-nav

{

	/*padding-top:15px;*/

    



}

.upevents{

    margin-top:80px;

}

.donate

{

	background-color: #e12444 !important;

    color: #fff;

    font-size: 1em;

    font-weight: 600;

    line-height: 55px;

    padding: 20px;

    text-transform: uppercase;

    word-spacing: 5px;



}

.donate:hover

{

	background-color: #e12444 !important;

    color: #0d0d0d !important;

    cursor: pointer;

}

.back_color

{

	background-color: #EFEFEF;

	margin-top:0px;

    padding-bottom: 60px;

}

.navbar-nav > li > a {

    font-size: 1em;

    font-weight: 600;

    /*line-height: 55px;

    padding: 0 13px;*/

    font-family: 'Raleway', sans-serif;

}

.slider_p{

    height:100%;

}

.tp-fullwidth-forcer{

    height:100%;

}

.angular {

    

    padding-top: 110px;

    position: relative;

}

.angular .top-angle, .angular .bottom-angle {

    /*height: 151px;*/

    height:162px;

    position: absolute;

    width: 100%;

}

.angular .top-angle {

    /*top: -90px;*/

    top:-25%;

    z-index:999;





}

.angular .bottom-angle {

    bottom: -150px;

}

.angular .top-angle::before, .angular .bottom-angle::before {

    content: " ";

    height: 150px;

    left: 0;

    position: absolute;

    transform: skewY(-4deg);

    width: 100%;

    z-index: 99;

}

.angular .top-angle::before {

    top: 75px;



}

.angular .bottom-angle::before {

    bottom: 75px;

}

.white-bg.angular .top-angle::before {

    background: none repeat scroll 0 0 #ffffff;

}

.white-bg.angular .bottom-angle::before {

    background: none repeat scroll 0 0 #ffffff;

}

.gray-bg.angular .top-angle::before {

    background: none repeat scroll 0 0 #efefef;

}

.gray-bg.angular {

    padding-bottom: 110px;

}

.gray-bg.angular .bottom-angle::before {

    background: none repeat scroll 0 0 #efefef;

}

.gray-bg.angular .top-angle::before {

    background: none repeat scroll 0 0 #efefef;

}

.gray-bg.angular {

    padding-bottom: 110px;

}

.gray-bg.angular .bottom-angle::before {

    background: none repeat scroll 0 0 #efefef;

}







.parallaxsection .top-angle{

      transform: skewY(-4deg);

      background-color:#fff;

      top:26px;

}

.newslettersection .top-angle{

    background: #efefef;

    top: -190px;

}





.fb_iframe_widget{

    margin-top:35px;

    float:right;

}







.about-section

{

    background: #efefef;

    padding-bottom: 84px; 

}



.links-health a:hover{

    color:#E12444;

}



.about

{

	 border-right: 20px solid #e12444;

    content: "";

    display: table;

    float: right;

    font-size: 50px;

    height: 40px;

    line-height: 38px;

    padding-right: 10px;

    position: relative;

    text-align: right;

    text-transform: uppercase;

    top: -15px;

    width: 20%;

    color:#737373;

}

.section-description

{

	color: #404040;

    



     font-weight: 300;

    line-height: 25px;



    font-size: 16px;

}

.about-section .white-bg .section-description, 

.about-section .white-bg .section-title, .about-section .white-bg .section-content, 

.about-section .white-bg .content-title 

{

    color: #686868;

}

.about-section .section-description, 

.about-section .section-title, .about-section .section-content, 

.about-section .content-title {

    color: #1c1c1c;

}



.newslettersection .donate-btn

{

    background:#dd3333;

    color: #fff;

    border-radius: 0px;

    text-transform: uppercase;

    padding: 15px 20px; 

}















.hex {

    border-radius: 7px;

    height: 61px;

    margin: 30px auto 50px;

    position: relative;

    width: 100px;

}

.hex::before, .hex::after {

    background: inherit;

    border-radius: inherit;

    content: "";

    height: inherit;

    margin-left: -1px;

    position: absolute;

    width: inherit;

}

.hex, .hex::before, .hex::after {

    border-left: 2px solid #dd3333;

    border-right: 2px solid #dd3333;

}

.hex::before {

    transform: rotate(60deg);

}

.hex::after {

    transform: rotate(-60deg);

}

.hex.hex-margin {

    margin-bottom: 60px;

}

.content-title {

    color: #0d0d0d;

    font-size: 1.375em;

    font-weight: 800;

    line-height: 1em;

    margin-top: 0;

    min-height: 80px;

    text-transform: uppercase;

}

.content-icon-hex {

    background: none repeat scroll 0 0 #dd3333;

    border-radius: 7px;

    height: 72px;

    margin: 30px 30px 40px 0;

    width: 118px;

}

.content-icon {

    color: #ffffff;

    font-size: 2.25em;

    left: 0;

    line-height: 72px;

    position: absolute;

    text-align: center;

    top: 0;

    width: 100%;

    z-index: 1;

}





.content-box

{

    color: #686868;



}



.content-box h3

{

     font-size: 24px;

    font-weight: 400;

    line-height: 25px;

    margin-top: 0;

    min-height: 40px;

    text-transform: uppercase;

}



.content-box p

{

     font-size: 16px;

    font-weight: 300;

    line-height: 25px;

}

.parallaxcont {

    background: url('images/donate.jpg');

    background-attachment: fixed;

    background-position: 50% -93.7667px;

    text-align: center;

  

}





.parallaxcont .overlay

{

    background:rgba(0, 0, 0, 0.6);

      min-height: 300px;

 padding-bottom: 129px;

    padding-top: 178px;

}



.parallaxcont h3

{

    text-align: center;

    color: #fff;

    font-size: 24px;

}



.parallaxcont .parallax-description

{

      text-align: center;

    color: #fff;

    font-weight: 300;

    font-size: 32px;

}

.parallaxcont .donate-btn

{

    background:#dd3333;

    color: #fff;

    border-radius: 0px;

    text-transform: uppercase;

    padding: 15px 20px; 

}



 .hideme{

 opacity:0;

 }

 .visible{

 opacity:1;

 }

.contact-address li{

    padding-bottom: 10px;

    font-family: 'Arial', sans-serif;

    font-size: 16px;

}



.contact-address i {

      border: 2px solid #dd3333;

    border-radius: 50px;

   

    font-size: 20px;

    height: 35px;

margin-right: 10px;

    padding-top: 4px;

    text-align: center;

    width: 35px;

}





.content-title-footer {

    color: #0d0d0d;

    font-size: 24px;

    font-weight: 400;

    line-height: 25px;

    margin-top: 0;

    text-transform: uppercase;

   margin-bottom: 20px; 

   display: block;

}



.content-title-sociallink 

{

    color: #0d0d0d;

    font-size: 24px;

    font-weight: 400;

    line-height: 25px;

    margin-top: 0;

    text-transform: uppercase;

    float: right;

   margin-bottom: 20px;



}

.sociallinks{

  text-align:right;

}

.sociallinks i {

    padding:15px;

    background:none repeat scroll 0 0 #dd3333;

    color: #fff;

    margin-left: 15px;

}

.copy_right

{

    text-align: right;

    padding-top: 20px;

    line-height: 34px;

    font-size: 16px;

}



.about-section .white-bg .section-description, .about-section .white-bg .section-title, .about-section .white-bg .section-content, .about-section .white-bg .content-title {

    color: #686868;

}

.about-section .section-description, .about-section .section-title, .about-section .section-content, .about-section .content-title {

    color: #1c1c1c;

}

.event-container  {

    

    margin-bottom: 50px;

    margin-left: auto;

    margin-right: auto;

    max-width: 550px;

    padding-left: 10px;

    width: 100%;

}

.event-content

{

    background-color: #ffffff;

    /*width: 100%;*/

    /*width: 34%;*/



}

.about-section .white-bg .section-description, .about-section .white-bg .section-title, .about-section .white-bg .section-content, .about-section .white-bg .content-title {

    color: #686868;

}

.event-content .content-title {



    font-family: 'Raleway', sans-serif;

    font-size: 23px;

    font-weight: 400;

    line-height: 30px;

    padding: 20px 20px 0 20px !important;

    background-color: #fff;

   

}







.bx-wrapper .bx-viewport



{

    box-shadow: none;

    background:none;

    border:0px;

  

}



a {

    color: #0d0d0d;

    transition: color 0.2s ease 0s;

}

.about-section .white-bg .section-description, .about-section .white-bg .section-title, .about-section .white-bg .section-content, .about-section .white-bg .content-title {

    color: #686868;

}

.event-content .event-date-time-place 

{

    font-size: 14px;

    line-height: 25px;

    padding: 10 0 0 20px !important;

    margin-left: 20px;

    padding-bottom: 20px;

    font-weight: 400;



}

.event-date-time-place

{

    background-color: #fff;

}

a:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .blog-section .post-title a:hover, .blog-section .comments:hover, .blog-sidebar .widget_categories a:hover, .blog-sidebar .widget_archive a:hover, .blog-sidebar .widget_nav_menu a:hover, .blog-sidebar .widget_recent_entries a:hover, .copyrights a:hover, .footer-social-btn a:hover, .galleryFilter a:focus, .galleryFilter a:hover, .galleryFilter .current, .causes-post .caption-txt .donated {

    color: #dd3333;

}

a:focus {

    outline: medium none;

    outline-offset: 0;

}

a:hover {

    text-decoration: none;

}

a {

    transition: color 0.2s ease 0s;

}

a {

    background: none repeat scroll 0 0 transparent;

}

.about_news

{

    border-right: 20px solid #e12444;

    content: "";

    display: table;

    font-size: 45px;

    height: 32px;

    line-height: 33px;

    padding-right: 6px;

    position: relative;

    text-align: right;

    text-transform: uppercase;

    top: -12px;

    width: 100%;

}

.section-description2

{

    color: #404040;

    font-weight: 300;

    line-height: 25px;

    margin-left: 0;

    text-align: justify;

}





.teambox

{

    margin-bottom: 100px;

}

.teambox img {

     border-radius: 100%;

    height: auto;

    width: 100%;

}

.teambox .col-md-3 {

    border-top: 4px solid #fff;

    padding-top: 15px;  

    padding-bottom: 25px;

     -webkit-transition: background 0.5s linear;

        -moz-transition: background 0.5s linear;

        -ms-transition: background 0.5s linear;

        -o-transition: background 0.5s linear;

        transition: background 0.5s linear;

        text-align: center;



}

.teambox .col-md-3:hover

{

    background-color: #ecf0f1;

    border-top: 4px solid #dd3333;

}



.teambox p{

    color: #737373;

    text-align: center;

    line-height: 26px;

}



.teambox img{

    width: 96%;

}

.summer

{

    text-align: center;

    text-transform: uppercase;

    

}



.signnewletter

{

    text-transform: uppercase;

    color: #0d0d0d;

    font-size: 24px;

    font-weight: 600;

    line-height: 1em;

    margin-top: 0;

    min-height: 40px;

    text-transform: uppercase;  

}

.form-control {

    background-color: transparent;

    border: 2px solid #d9d9d9;

    height: 50px;

    margin-bottom: 10px;

    position: relative;

    width: 100%;

}

.form-control, .form-control:focus {

    border-color: #e5e5e5;

    border-radius: 0;

    box-shadow: none;

    outline-style: none;

}

.sdonate {

    background-color: #e12444;

    color: #ffffff;

    font-weight: 400;

    height: 50px;

    line-height: 50px;

    padding: 0 25px;

    text-transform: uppercase;

    margin-top: 50px;

    border-radius: 0px;

}

.signnewletter 

{

   height: 50px;

    line-height: 50px;

}

.event-img img 

{

    width: 100%;

    height: auto;

}

.slide-nav {

    background-color: #d1d3d3;

    border-radius: 3px;

    color: #4e4f4f;

    display: inline-block;

    padding: 5px 13px;

}

.slide-nav:hover{

    background-color:#DD3333;

    border-radius: 3px;

    color: #fff;

    display: inline-block;

    padding: 5px 13px;

}

.slide-nav i:hover{

    color:#fff;

}

.about_contant

{

  border-right: 20px solid #e12444;

    content: "";

    display: block;

    float: right;

    font-size: 56px;

    font-weight: 400;

    height: 40px;

    line-height: 41px;

    padding-right: 278px;

    position: relative;

    text-align: right;

    text-transform: uppercase;

    top: -12px;

    width: 20%;

}

.section-description3

{

    color: #404040;

    font-weight: 300;

    line-height: 25px;

    margin-left: 0;

    text-align: justify;

}





.copy_right

{

     

     float: right;

}

ul li 

{ 

    list-style: outside none none;



}

.contact-address

{

    font-size: 18px;

    line-height: 33px;

    padding-left: 0;

    width: 99%;



}

 .main_box2 i

{

    float:left;

    padding: 5px 10px; 

    background-color: #E12444;

    margin-right: 10px;

    margin-top: 20px;

    padding:; 0px;

}

.trangle img 

{

    width: 100%;

    position: relative;

    margin-top:-188px;

}

.trangle2 img 

{

    width: 100%;

    margin-top: 0px;

}

.trangle3 img 

{

    width: 100%;

    margin-top: 0px;

}

.photo 

{

    background-image:url(images/donate.jpg); 

    height:100px;

    text-align:center; 

}

.sign, .teambox

{

    margin-top:140px;

}

.newslettersection

{

    margin-top:140px;

}







/* ##############  POST CONTENT  ########### */



.postdata{

    margin-top:50px;

    background: #f6f6f6;

}

.postdata img{

    width:100%;

    height:auto;

}

.postdata .postimg

{

    max-height: 300px;

    overflow: hidden;

}

.postdata .pubdate

{

    display: block;

    color: #979797;

    padding-bottom: 10px;

    padding-left:10px;

}

.postdata h3{

    font-size:24px;

    padding-left:10px;

}

.postdata .postbrief{

    padding-left:10px;

    display:block;

}

.postdata .readmore{

    background-color:#DD3333;

    color:#fff;

    display:block;

    margin-top: 10px;

}

.postdata .readmore a{

color:#fff;

padding: 10px 15px;

text-align: right;

display:block;

}







/* ###### NEWSLETTER POST LAYOUT ###### */



.postnews{

    margin-top:50px;

    border-bottom: 1px solid #979797;

    display:table;

    padding-bottom:50px;

    width:100%;



}

.postnews img{

    width:100%;

    height:auto;

}

.postnews .postimg

{

    max-height: 300px;

    overflow: hidden;

}

.postnews .newscontent{

    height:auto;

}

.postnews .pubdate

{

    display: block;

    color: #979797;

    padding-bottom: 10px;

    padding-left:10px;

}

.postnews h3{

    font-size:24px;

    padding-left:10px;

}

.postnews .postbrief{

    padding-left:10px;

    display:block;

}

.postnews .readmore{

    background-color:#DD3333;

    color:#fff;

    display:table;

    margin-top: 5px;

    float:right;



}

.postnews .readmore a{

color:#fff;

padding: 10px 15px;

text-align: right;

display:block;

}



/* ###### HISTORY FLYER POST LAYOUT ###### */

.flyer{

    margin-top:50px;

    display:table;

    text-align:center;



}

.flyer img{

    width:auto;

    height:auto;

    max-width:100px;

}

.flyer .postimg

{

   

    overflow: hidden;

}

.flyer .newscontent{

    height:auto;

}

.flyer .pubdate

{

    display: block;

    color: #979797;

    padding-bottom: 10px;

    padding-left:10px;

}

.flyer h3{

    font-size:24px;

    padding-left:10px;

}

.flyer .postbrief{

    padding-left:10px;

    display:block;

}

.flyer .readmore{

    background-color:#DD3333;

    color:#fff;

    display:table;

    margin-top: 10px;

    margin-left:auto;

    margin-right:auto;

}

.flyer .readmore a{

    color:#fff;

    padding: 10px 15px;

    text-align: center;

    display:block;

}





/* ###### TANI COUNCIL POST LAYOUT ###### */





.council{

    margin-top:50px;

    display:table;

    text-align:center;

    background:#ededed;

    padding-bottom:5px;

    margin-bottom: 20px;

    width:100%;



}

.council img{

    width:100%;

    height:auto;

    max-height: 270px;

    overflow: hidden;

}

.council .postimg

{

   

    overflow: hidden;

}

.council;.newscontent{

    height:auto;

}

.council .pubdate

{

    display: block;

    color: #979797;

    padding-bottom: 10px;

    padding-left:10px;

}

.council h3{

    font-size:24px;

    padding-left:10px;

}

.council .postbrief{

    padding-left:10px;

    display:block;

}



















/* #######   SINGLE POST ####### */



.postimg img{

    width:100%;

    height:auto;

}



.postsingle{

    /*margin-top:50px;*/

    

}

.postsingle img{

    width:100%;

    height:auto;

}



.postsingle .pubdate

{

    display: block;

    color: #979797;

    padding-bottom: 10px;

    padding-left:10px;

}

.postsingle h3{

    font-size:24px;

    padding-left:10px;

}

.postsingle .postbrief{

    padding-left:10px;

    display:block;

}

.postsingle .readmore{

    background-color:#DD3333;

    color:#fff;

    display:block;

    margin-top: 10px;

}



















/* ##############  PAGE CONTENT  ########### */





.pageheadcontain

{

  /*background: #e12444;  */

}



#breadcrumbs

{

    margin-top: 50px;

    color: #757373;

    text-align: right;

}



#breadcrumbs a{

    color: #757373;

}

.pagemain .pagehead 

{

    border-right: 20px solid #e12444;

    content: "";

    display: table;

    color: #757373;

    font-size: 34px;

    height: 32px;

    line-height: 33px;

    padding-right: 6px;

    position: relative;

    margin-bottom: 40px;

    margin-top: 40px;

    text-transform: uppercase;

    

  

    

}

.pagecontent{

             padding-top:30px;

             line-height:25px;

}

.pagecontent img{

   /* width: 100%;

    height: auto;*/

}

.redtick li

{

    background: url('images/tickiconred.png') no-repeat left;

    padding-left: 50px;

    list-style: none;

    line-height: 30px;

}

.pdfsabout{

    text-align: center;

    margin-top:50px;

}





.contactfont span{

    font-family:arial;

}





/***--- Subscribe form styling ---***/



.wp-great-newsletter-2 button,input[type="button"],input[type="submit"]{

	border:none!important;

	box-shadow:none;

	padding:15px 22px;

	position:relative;

	display:table;

	text-transform:uppercase;

	float: left;

    margin-top: 12px;

    margin-left: 20px;

}







@media(max-width:480px){

	.about-section .top-angle{

		display:none !important;

	}

	.section-description {

	padding-top: 70px !important;

	}

	.dropdown-menu{

		width:100%;

	}

	.navbar-default .navbar-nav > li > a

	{

	    

	    padding-top:15px;

	    padding-bottom:15px;

	}

	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu {

		background:#F39C12;

	}

	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus{

		background:#E12444;

		color:#fff;

	}

	.dropdown-menu > li > a{

		color:#fff !important;

	}

	.navbar-default .navbar-nav > .open > a:hover{

		background:#E12444;

		color:#fff;

	}

	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {

		background:#E12444;

		color:#fff;

	}
}