/**------------------------------------------------
            Typography
------------------------------------------------**/
blockquote {
    border-left: 5px solid #CCCCCC;
    border-radius: 15px 15px 15px 15px;
    color: #FFFFFF;
    display: table;
    font-size: 15px;
    margin-bottom: 20px;
    margin-left: 0;
    padding: 0 20px 2px;
}
blockquote p {
    font-size: 15px !important;
    padding-top: 0px !important;
}

h1{font-size: 26px;color: #717171;}
h2{font-size: 22px;color: #717171;}
h3{font-size: 20px;color: #717171;}
h4{font-size: 18px;color: #717171;}
h5{font-size: 16px;color: #717171;}
h6{font-size: 14px;color: #717171;}

h1,h2,h3,h4,h5,h6{margin-bottom: 10px;}

/*COLUMNS*/

.full { display: inline; float: left; position: relative; margin-left: 0px; margin-right: 0px; }
.one_half { width: 48% }
.one_third { width: 30.66% }
.two_thirds { width: 65.33% }
.one_fourth { width: 22% ; }
.three_fourths { width: 74% }
.one_fifth { width: 16.8% }
.four_fifths { width: 79.2% }
.one_half, .one_third, .two_thirds, .one_fourth, .three_fourths, .one_fifth, .two_fifth, .three_fifths, .four_fifths { position: relative; margin: 0; margin-right: 3.8%; float: left; }
.one_half p, .one_third p, .two_thirds p, .one_fourth p, .three_fourths p, .one_fifth p, .two_fifth p, .three_fifths p, .four_fifths p {margin: 0 0 .0em 0;}
.one_half.last, .one_third.last, .one_fourth.last, .one_fifth.last, .two_thirds.last {margin-right:0%;}
.one_half, .one_third, .two_thirds, .one_fourth, .three_fourths, .one_fifth, .two_fifth, .three_fifths, .four_fifths {margin-top:10px;}


/* lists
=========================================================*/
.lists{
    margin-bottom: 30px;
}
.lists ul {
    list-style: none !important; padding: 0; margin: 0;
}
.lists ul li{
    list-style: none;
    margin: 0px 0 5px 5px;
    padding-left: 25px;
}
.star ul li { 
    background: url('../images/list-star.png') no-repeat 0 5px;
}
.arrow ul li { 
    background: url('../images/list-arrow.png') no-repeat 0 5px;
}
.plus ul li { 
    background: url('../images/list-plus.png') no-repeat 0 5px;
}
.tick ul li { 
    background: url('../images/list-tick.png') no-repeat 0 5px;
}


/* image with caption
=========================================================*/

.image-caption{
    width: 300px;
    border: 1px solid #EEE;
    padding: 5px;
}
.image-caption.left{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.image-caption.right{
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}
.image-caption.center{
    float: none;
    margin: 0 auto;
    margin-bottom: 10px;
}


/* break
=========================================================*/
.break { 
    background: none; 
    line-height: 30px; 
    position: relative; 
    clear: both;
}
/* dropcap
=========================================================*/
.dropcap { 
    color: #ffa902;
    display: block;
    float: left;
    font-size: 50px;
    line-height: 40px;
    margin: 5px 8px 0 0;
    padding-right: 7px;
}
.entry-content h2 {
    color: #ffa902;
}

/* divider
=========================================================*/
.divider { 
    border-top: 2px dashed #CCCCCC;
    clear: both;
    margin: 30px 0;
    width: 100%;
}




/* messages
=========================================================*/
.message{

}
.message p{
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-size: 15px;
    line-height: 34px;
    margin: 0;
    padding: 10px;
}
.message p i{
    padding-right: 10px;
    display: none;
}
.message .icon{
    padding-left: 50px;
}
.success .icon{ 
    background: #80a310 url('../images/successBoxIcon.png') 10px center no-repeat; margin:10px 0;
}
.question .icon{ 
    background: #F6AD1F url('../images/questionBoxIcon.png') 10px center no-repeat; margin:10px 0;
}
.info .icon{ 
    background: #1BAACC url('../images/infoBoxIcon.png') 10px center no-repeat; margin:10px 0;
}
.error .icon{ 
    background: #CE4621 url('../images/errorBoxIcon.png') 10px center no-repeat; margin:10px 0;
}
.question h3, .success h3, .info h3, .error h3 {
    color: #FFFFFF !important;
    font-size: 20px;
    line-height: 20px;
    padding: 3px 20px 22px 70px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}



/* tabs
=========================================================*/
ul.tabs {
    height: 30px;
    margin: 25px 0 0;
}
ul.tabs li { 
    border: 1px solid #FFF;
    float: left;
    height: 30px;
    list-style-type: none;
    margin: 0 2px 0 0;
    padding: 0;
    border-radius: 5px 5px 0 0;
    line-height: 21px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
ul.tabs a {
    display: block;
    float: left;
    font-size: 15px;
    outline: none;
    padding: 5px 20px 4px;
    position: relative;
    text-decoration: none;
    color:#FFFFFF;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
ul.tabs li.ui-tabs-active, ul.tabs li:hover {
    height: 35px;
    margin-top: -5px;
}
ul.tabs li.ui-tabs-active a, ul.tabs li:hover a { 
    color: #ffa902;
    padding-top: 8px;
}
.tabs-inner {
}
.tab-content{
    border: 1px solid #ffffff;
    color: #999999;
    font-size: 14px;
    padding: 10px;
    border-radius: 7px;
}


/* Accordion
=========================================================*/
.accordion{
    width:100%;
    margin-bottom:10px;
    display:inline-block;
}
.ui-accordion .ui-accordion-header {
    cursor: pointer;
    display: block;
    line-height: 30px;
    margin-bottom: 3px;
    margin-top: 2px;
    padding: 4px 15px;
    position: relative;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
.ui-accordion .ui-accordion-header a {
    cursor: pointer;
    display: block;
    font-size: 17px;
    font-weight: normal;
    padding-left: 20px;
    outline: none;
    color: #FFFFFF;
}
.ui-accordion .ui-accordion-header:hover a, .ui-accordion .ui-accordion-header-active a {
    color: #ffa902;
}

.ui-accordion div {
    padding:15px 15px 15px 15px;
    display: none;
}

.ui-accordion .ui-icon-triangle-1-e {
    background:url('../images/accordion-icons.png') no-repeat 0 0;
    width: 11px;
    height: 12px;
    float: right;
    margin-top: 11px;
}

.ui-accordion .ui-icon-triangle-1-s {
    background:url('../images/accordion-icons.png') no-repeat -14px -4px;
    width: 9px;
    height: 4px;
    float: right;
    margin-top: 16px;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: 10px;
    top: 8%;
}

.ui-accordion .ui-accordion-content {
    overflow: hidden;
    zoom: 1; 
}
.ui-accordion .ui-accordion-content {
    border: 1px solid #fff;
    font-size: 14px;
    margin-top: -10px;
    padding: 10px;
}
.ui-accordion .ui-accordion-content p{margin:0px !important; }




/* toggle
=========================================================*/
.block { 
    position: relative; 
    float:left; 
    height: inherit; 
    overflow: hidden; 
    margin-bottom: 0;
    width:100%; 
    margin-bottom:25px;
}

h2.trigger {
    background: url("../images/toggle.png") no-repeat scroll 13px 18px transparent;
    border: 1px solid #fff;
    color: #999999;
    cursor: pointer;
    height: 44px;
    line-height: 26px;
    margin: 0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
h2.trigger:hover {
    background: url("../images/toggle.png") no-repeat scroll 13px 18px transparent;
    color: #ffa902;
}
h2.trigger.hide_toglle {
    background: url("../images/toggle.png") no-repeat scroll 13px -46px transparent;
    color: #ffa902;
}
h2.trigger a {
    display: block;
    font-size: 17px;
    font-weight: normal;
    margin: 0;
    padding: 10px 10px 10px 50px;
    text-decoration: none;
    color: #FFFFFF;
    outline: none;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
h2.trigger.hide_toglle a, h2.trigger:hover a {
    color: #ffa902;
}
.toggle_container { 
    border: 1px solid #ffffff;
    display: none;
    font-size: 14px;
    margin-top: -10px;
    padding: 15px;
}