/*Created by Vasilis Nakos - 3/7/2017*/


/*

=======================================
============CSS DOC CONTENT============
=======================================

0. FONT FAMILY
1. GENERAL LAYOUT 
2. LANDING PAGE SECTION 
3. TEXT SIZE- TEXT COLOR - FONT WEIGHT
4. TOOLTIPS & LABELS
5. BACKGROUNDS
6. LINK
7. BUTTONS
8. ACORDIONS
9. CALL ACTION
10. NAV TABS
11. CONTACT FORM
12. CHECKBOX AND RADIO BUTTONS STYLES
13. TABLES
14. SECTION WITH IMAGE ON SIDE
15. CUSTOM PAPAKI ICONS
16. MODALS

20. MEDIA QUERIES

*/


/*===================================*/


/*========= 0. FONT FAMILY ==========*/


/*===================================*/

@font-face {
  font-family: "OpenSans-Light";
  src: url(../fonts/OpenSans-Light.ttf) format("truetype");
}

@font-face {
  font-family: "OpenSans-Regular";
  src: url(../fonts/OpenSans-Regular.ttf) format("truetype");
}

@font-face {
  font-family: "OpenSans-Bold";
  src: url(../fonts/OpenSans-Bold.ttf) format("truetype");
}


/*===================================*/


/*======== 1. GENERAL LAYOUT ========*/


/*===================================*/


.logged-in .tabs .tabs.primary{ 
  position:absolute;
  z-index: 1;
}


body {
  color: #585858;
}

.duck_doc section>div:first-of-type {
  text-align: center;
}


/*Five Columns Bootstrap Like*/
.col-xs-5ths_duck,
.col-sm-5ths_duck,
.col-md-5ths_duck,
.col-lg-5ths_duck {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths_duck {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths_duck {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths_duck {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths_duck {
        width: 20%;
        float: left;
    }
}
/*Five Columns Bootstrap Like END*/

.underlined {
  text-decoration: underline;
}


/*Smooth Transition class*/
.smooth_transition {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}


/*Flexbox Alignments*/
.x_axis_center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.y_axis_center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.both_axis_center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex_between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex_around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.flex_between_plus_vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex_around_plus_vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


/*Displays*/

.duck_display_none {
    display: none;
}

.duck_display_block {
    display: block;
}

.duck_display_inline_block {
    display: inline-block;
}

.duck_display_inline {
    display: inline;
}

.duck_display_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


/*General Stylings*/

.duck_underlined {
    text-decoration: underline;
}

.duck_strikethrough {
    text-decoration: line-through;
}

.duck_bold {
    font-weight: 700;
}

.duck_light {
    font-weight: 300;
}


.duck_extra_light {
    font-weight: 100;
}


/* == Font Sizes == */

.duck_font8 {
    font-size: 8px;
}

.duck_font10 {
    font-size: 10px;
}

.duck_font11 {
    font-size: 11px;
}

.duck_font12 {
    font-size: 12px;
}

.duck_font13 {
    font-size: 13px;
}

.duck_font14 {
    font-size: 14px;
}

.duck_font15 {
    font-size: 15px;
}

.duck_font16 {
    font-size: 16px;
}

.duck_font17 {
    font-size: 17px;
}

.duck_font18 {
    font-size: 18px;
}

.duck_font19 {
    font-size: 19px;
}

.duck_font20 {
    font-size: 20px;
}



/*Opacities*/

.duck_opacity10 {
    opacity: 0.1;
}

.duck_opacity20 {
    opacity: 0.2;
}

.duck_opacity30 {
    opacity: 0.3;
}

.duck_opacity40 {
    opacity: 0.4;
}

.duck_opacity50 {
    opacity: 0.5;
}

.duck_opacity60 {
    opacity: 0.6;
}

.duck_opacity70 {
    opacity: 0.7;
}

.duck_opacity80 {
    opacity: 0.8;
}

.duck_opacity90 {
    opacity: 0.9;
}

.duck_opacity100 {
    opacity: 1;
}



/*Paddings*/


.p_top_0 {
  padding-top: 0px;
}

.p_bottom_0 {
  padding-bottom: 0px;
}

.p_left_0 {
  padding-left: 0px;
}

.p_right_0 {
  padding-right: 0px;
}

.p_lr_0 {
  padding-left: 0px;
  padding-right: 0px;
}

.p_tb_0 {
  padding-top: 0px;
  padding-bottom: 0px;
}


.p_top_5 {
  padding-top: 5px;
}

.p_bottom_5 {
  padding-bottom: 5px;
}

.p_left_5 {
  padding-left: 5px;
}

.p_right_5 {
  padding-right: 5px;
}

.p_lr_5 {
  padding-left: 5px;
  padding-right: 5px;
}

.p_tb_5 {
  padding-top: 5px;
  padding-bottom: 5px;
}


.p_top_10 {
  padding-top: 10px;
}

.p_bottom_10 {
  padding-bottom: 10px;
}

.p_left_10 {
  padding-left: 10px;
}

.p_right_10 {
  padding-right: 10px;
}

.p_lr_10 {
  padding-left: 10px;
  padding-right: 10px;
}

.p_tb_10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.p_top_20 {
  padding-top: 20px;
}

.p_bottom_20 {
  padding-bottom: 20px;
}

.p_left_20 {
  padding-left: 20px;
}

.p_right_20 {
  padding-right: 20px;
}

.p_lr_20 {
  padding-left: 20px;
  padding-right: 20px;
}

.p_tb_20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.p_top_40 {
  padding-top: 40px;
}

.p_bottom_40 {
  padding-bottom: 40px;
}

.p_tb_40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.p_top_60 {
  padding-top: 60px;
}

.p_bottom_60 {
  padding-bottom: 60px;
}

.p_tb_60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.p_top_80 {
  padding-top: 80px;
}

.p_bottom_80 {
  padding-bottom: 80px;
}

.p_tb_80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.p_top_100 {
  padding-top: 100px;
}

.p_bottom_100 {
  padding-bottom: 100px;
}

.p_tb_100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.p_top_120 {
  padding-top: 120px;
}

.p_bottom_120 {
  padding-bottom: 120px;
}

.p_tb_120 {
  padding-top: 120px;
  padding-bottom: 120px;
  text-align: center;
}

.p_top_140 {
  padding-top: 140px;
}

.p_bottom_140 {
  padding-bottom: 140px;
}

.p_tb_140 {
  padding-top: 140px;
  padding-bottom: 140px;
}

.p_top_160 {
  padding-top: 160px;
}

.p_bottom_160 {
  padding-bottom: 160px;
}

.p_tb_160 {
  padding-top: 160px;
  padding-bottom: 160px;
}



/*Margins*/
.marginauto {
    margin: auto;
}

.m_top_0{
margin-top:0;
}

.m_bottom_0{
margin-bottom:0;
}

.m_tb_0{
margin-top:0;
margin-bottom:0;
}


.m_top_10 {
  margin-top: 10px;
}

.m_bottom_10 {
  margin-bottom: 10px;
}

.m_tb_10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.m_left_10 {
  margin-left: 10px;
}

.m_right_10 {
  margin-right: 10px;
}

.m_lr_10 {
  margin-right: 10px;
}


.m_top_20 {
  margin-top: 20px;
}

.m_bottom_20 {
  margin-bottom: 20px;
}

.m_tb_20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.m_left_20 {
  margin-left: 20px;
}

.m_right_20 {
  margin-right: 20px;
}

.m_lr_20 {
  margin-right: 20px;
}


.m_top_40 {
  margin-top: 40px;
}

.m_bottom_40 {
  margin-bottom: 40px;
}

.m_tb_40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.m_top_60 {
  margin-top: 60px;
}

.m_bottom_60 {
  margin-bottom: 60px;
}

.m_tb_60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.m_top_80 {
  margin-top: 80px;
}

.m_bottom_80 {
  margin-bottom: 80px;
}

.m_tb_80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.m_top_100 {
  margin-top: 100px;
}

.m_bottom_100 {
  margin-bottom: 100px;
}

.m_tb_100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.m_top_120 {
  margin-top: 120px;
}

.m_bottom_120 {
  margin-bottom: 120px;
}

.m_tb_120 {
  margin-top: 120px;
  margin-bottom: 120px;
}

.m_top_140 {
  margin-top: 140px;
}

.m_bottom_140 {
  margin-bottom: 140px;
}

.m_tb_140 {
  margin-top: 140px;
  margin-bottom: 140px;
}

.m_top_160 {
  margin-top: 160px;
}

.m_bottom_160 {
  margin-bottom: 160px;
}

.m_tb_160 {
  margin-top: 160px;
  margin-bottom: 160px;
}

/*Opacities*/

.opacity10 {
  opacity: 0.1;
}

.opacity20 {
  opacity: 0.2;
}

.opacity30 {
  opacity: 0.3;
}

.opacity40 {
  opacity: 0.4;
}

.opacity50 {
  opacity: 0.5;
}

.opacity60 {
  opacity: 0.6;
}

.opacity70 {
  opacity: 0.7;
}

.opacity80 {
  opacity: 0.8;
}

.opacity90 {
  opacity: 0.9;
}

.opacity100 {
  opacity: 1;
}


/* Max Characters */

.max_char_600{
    max-width: 600px;
}

.max_char_650{
    max-width: 650px;
}

.max_char_700{
    max-width: 700px;
}

.max_char_750{
    max-width: 750px;
}

.max_char_800{
    max-width: 800px;
}


/*===================================*/


/*===== 2. LANDING PAGE SECTION =====*/


/*===================================*/

.landing_page {
  background: url('../img/landing1.jpg');
  background: #4e9ed4;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}

.landing_page .container .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.duck_doc p.scrolldown {
  position: relative;
  top: 45px;
  cursor: pointer;
  border-radius: 100%;
  padding: 10px;
  border: 2px solid #fff;
}



/*=================================================*/


/*===== 3. TEXT SIZE- TEXT COLOR - FONT WEIGHT ====*/


/*=================================================*/


/*Landing Page Main Header*/

.header_box {
  padding-bottom: 35px;
}

.header_box h1 {
  font-size: 40px;
  text-align: left;
  font-weight: normal;
  font-family: "OpenSans-Bold";
  padding-bottom: 10px;
}

.header_box h3 {
  font-weight: 100;
  line-height: 22px;
  font-size: 16px;
  width: 50%;
}


.demo_class_buttons {
  padding-top: 25px;
  padding-bottom: 25px;
}

@media all and (max-width:400px) {
  .demo_bg_xrwmata_hide_on_mobile {
    display: none
  }
}



/*Secondary Headers (sections)*/

.section_header {
  padding-bottom: 40px;
  text-align: center;
}

.section_header h2 {
  font-family: "OpenSans-Light";
  font-size: 36px;
  text-align: center;
  line-height: 48px;
}

.section_header_left h2{
  text-align:left;
}

.section_header span {
  font-size: 19px;
  font-family: "OpenSans-Regular";
}

.section_header span.subheading {
  opacity: 0.7;
}

.section_header span.duck_text_white:after {
  position: relative;
  display: block;
  content: "";
  height: 1px;
  margin: 10px auto 0px;
  width: 90px;
  background: #fff;
  opacity: 0.7;
}

.section_header span.duck_text_dark:after {
  position: relative;
  display: block;
  content: "";
  height: 1px;
  margin: 10px auto 10px;
  width: 90px;
  background: #585858;
  opacity: 0.7;
}



/*====== Paragraphs and texts ======*/

.emphasis_paragraph_text {
  font-size: 35px;
}

.duck_box p {
  line-height: 26px;
  font-size: 16px;
  text-align: left;
}

.duck_box p.text-center {
  text-align: center;
}

.duck_box p.bigger_font_quarter {
  font-size: 125%;
  line-height: 170%;
}

.duck_box p.bigger_font_half {
  font-size: 150%;
  line-height: 150%;
}

.duck_box p.bigger_font_double {
  font-size: 200%;
  line-height: 150%;
}

.duck_box h3 {
  font-size: 22px;
  text-align: left;
}

.duck_box h3.text-center {
  text-align: center
}

.duck_box h3 .fa {
  font-size: 2em;
  padding-right: 5px;
}

.duck_box .font12 {
  font-size:12px;
}

.duck_box .font13 {
  font-size:13px;
}

.duck_box .font14 {
  font-size:14px;
}

.duck_box .font15 {
  font-size:15px;
}


/*====== Text Colors ======*/


/*Light text-color*/

.duck_text_white {
  color: #fff;
}



/*Dark text-color*/

.duck_text_dark {
  color: #414141;
}



/*Light text-color*/

.duck_text_semi_dark {
  color: #656565;
}



/*Light blue text-color*/

.duck_text_light_blue {
  color: #4e9ed4;
}



/*Dark blue text-color*/

.duck_text_dark_blue {
  color: #2a6a9a;
}



/*Green text-color*/

.duck_text_green {
  color: #52b266;
}



/*Red text-color*/

.duck_text_red {
  color: #f1633f;
}



/*Orange text-color*/

.duck_text_orange {
  color: #ef8027;
}



/*Proffesionals color*/

.duck_text_prof {
  color: #656565;
}



/*Info Light Gray PopUp Icons*/

.duck_info_icon {
  color: #cccccc;
}



/*Font-family and weight*/

.light_font {
  font-family: "OpenSans-Light";
}

.normal_font {
  font-family: "OpenSans-Regular";
}

.bold_font {
  font-family: "OpenSans-Bold";
}



/*===================================*/


/*====== 4. TOOLTIPS & LABELS =======*/


/*===================================*/

.duck_tooltip_blue {
  color: #4e9ed4;
  cursor: pointer;
}

.duck_tooltip_red {
  color: #f1633f;
  cursor: pointer;
}

.duck_tooltip_dark_blue {
  color: #2a6a9a;
  cursor: pointer;
}

.duck_tooltip_dark_gray {
  color: #414141;
  cursor: pointer;
}

.duck_tooltip_green {
  color: #52b266;
  cursor: pointer;
}

.duck_tooltip_orange {
  color: #ef8027;
  cursor: pointer;
}



/*label colors*/

.label {
  font-size: 85%;
}

.label_blue {
  background-color: #4e9ed4;
}

.label_red {
  background-color: #f1633f;
}

.label_dark_blue {
  background-color: #2a6a9a;
}

.label_green {
  background-color: #52b266;
}

.label_orange {
  background-color: #ef8027;
}

.label_gray {
  background-color: #999999;
}

.label_dark_gray {
  background-color: #414141;
}



/*============================*/


/*====== 5. BACKGROUNDS ======*/


/*============================*/


/*White Bg*/

.duck_bg_white {
  background: #fff;
}



/*Light Blue bg*/

.duck_bg_light_blue {
  background: #4e9ed4;
}



/*Red Bg*/

.duck_bg_red {
  background: #f1633f;
}



/*Dark Blue Bg*/

.duck_bg_dark_blue {
  background: #2a6a9a;
}



/*Orange bg*/

.duck_orange {
  background: #ef8027;
}



/*Dark gray bg*/

.duck_bg_dark_gray {
  background: #414141;
}



/*Gray bg*/

.duck_bg_gray {
  background: #999999;
}



/*Light bg*/

.duck_bg_light_gray {
  background: #f5f5f5;
}



/*Green bg*/

.duck_bg_green {
  background: #52b266;
}



/*======================*/


/*====== 6. LINKS ======*/


/*======================*/

a.blue_link:visited,
a.blue_link:link {
  color: #4e9ed4;
  text-decoration: underline;
}

a.white_link:visited,
a.white_link:link {
  color: #fff;
  text-decoration: underline;
}



/*========================*/


/*====== 7. BUTTONS ======*/


/*========================*/

a.duck_btn,
button.duck_btn {
  display: inline-block;
  text-align: center;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 13px 0px;
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
  width: 180px;
  border-radius: 3px;
  /* 
    Shadow on buttons is off
    -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
            box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset; 
    */
}

button.duck_btn {
  outline: none;
  border-style: none;
}

a.duck_btn:focus,
a.duck_btn:hover,
button.duck_btn:focus,
button.duck_btn:hover {
  text-decoration: none;
  color: #fff;
  outline: none;
}


/*Blue btn*/

a.duck_btn_light_blue,
button.duck_btn_light_blue {
  background: #4e9ed4;
  color: #fff;
}



/*dark_blue btn*/

a.duck_btn_dark_blue,
button.duck_btn_dark_blue {
  background: #2a6a9a;
  color: #fff;
}



/*Dark-red btn*/

a.duck_btn_red,
button.duck_btn_red {
  background: #f1633f;
  color: #fff;
}



/*Green btn*/

a.duck_btn_green,
button.duck_btn_green {
  background: #52b266;
  color: #fff;
}



/*Orange btn*/

a.duck_btn_orange,
button.duck_btn_orange {
  background: #ef8027;
  color: #fff;
}



/*Dark-gray btn*/

a.duck_btn_dark_gray,
button.duck_btn_dark_gray {
  background: #414141;
  color: #fff;
}



/*Gray btn*/

a.duck_btn_gray,
button.duck_btn_gray {
  background: #999999;
  color: #fff;
}



/*White btn*/

a.duck_btn_white,
button.duck_btn_white {
  background: #fff;
  color: #4e9ed4;
}



/*====== Line Buttons ======*/

a.duck_btn.line_btn,
button.duck_btn.line_btn {
  border: 1px solid #fff;
  background: none;
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
  -webkit-box-shadow: none;
  box-shadow: none;
}



/*====== Ghost Buttons ======*/


/*Ghost Blue/White btn*/

a.ghost_btn,
button.ghost_btn {
  -webkit-box-shadow: none;
  box-shadow: none;
}

a.duck_btn_light_blue.ghost_btn,
button.duck_btn_light_blue.ghost_btn {
  border: 1px solid #4e9ed4;
  background: #fff;
  color: #4e9ed4;
}



/*Ghost Dark-red btn*/

a.duck_btn_red.ghost_btn,
button.duck_btn_red.ghost_btn {
  border: 1px solid #f1633f;
  background: #fff;
  color: #f1633f;
}



/*Ghost Dark Gray btn*/

a.duck_btn_dark_gray.ghost_btn,
button.duck_btn_dark_gray.ghost_btn {
  border: 1px solid #414141;
  background: #fff;
  color: #414141;
}



/*Gray btn*/

a.duck_btn_gray.ghost_btn,
button.duck_btn_gray.ghost_btn {
  border: 1px solid #999999;
  background: #fff;
  color: #999999;
}



/*Ghost dark_blue btn*/

a.duck_btn_dark_blue.ghost_btn,
button.duck_btn_dark_blue.ghost_btn {
  border: 1px solid #2a6a9a;
  background: #fff;
  color: #2a6a9a;
}



/*Ghost Green btn*/

a.duck_btn_green.ghost_btn,
button.duck_btn_green.ghost_btn {
  border: 1px solid #52b266;
  background: #fff;
  color: #52b266;
}



/*Ghost Orange btn*/

a.duck_btn_orange.ghost_btn,
button.duck_btn_orange.ghost_btn {
  border: 1px solid #ef8027;
  background: #fff;
  color: #ef8027;
}



/*====== Buttons (HOVER) ======*/


/*Blue btn*/

button.duck_btn_light_blue:hover,
a.duck_btn_light_blue:hover {
  background: #0575a5;
}



/*Dark-red btn*/

button.duck_btn_red:hover,
a.duck_btn_red:hover {
  background: #de502d;
}



/*Dark-gray btn*/

button.duck_btn_dark_gray:hover,
a.duck_btn_dark_gray:hover {
  background: #898989;
}



/*Gray btn*/

button.duck_btn_gray:hover,
a.duck_btn_gray:hover {
  background: #606060;
}



/*dark_blue btn*/

button.duck_btn_dark_blue:hover,
a.duck_btn_dark_blue:hover {
  background: #1c5d8e;
}



/*Green btn*/

button.duck_btn_green:hover,
a.duck_btn_green:hover {
  background: #3d9e51;
}



/*Orange btn*/

button.duck_btn_orange:hover,
a.duck_btn_orange:hover {
  background: #d46c18;
}



/*White btn*/

button.duck_btn_white:hover,
a.duck_btn_white:hover,
button.duck_btn_white:focus,
a.duck_btn_white:focus {
    background: #2a6a9a;
    color: #fff;
}


/*====== Line Buttons (HOVER) ======*/


/*Blue/White btn*/

a.duck_btn_light_blue.line_btn:hover,
button.duck_btn_light_blue.line_btn:hover {
  background: #ffffff;
  color: #4e9ed4;
}



/*Dark-red btn*/

a.duck_btn_red.line_btn:hover,
button.duck_btn_red.line_btn:hover {
  background: #f1633f;
  border: 1px solid #f1633f;
}



/*Dark Gray btn*/

a.duck_btn_dark_gray.line_btn:hover,
button.duck_btn_dark_gray.line_btn:hover {
  background: #414141;
  border: 1px solid #414141;
}



/*Gray btn*/

a.duck_btn_gray.line_btn:hover,
button.duck_btn_gray.line_btn:hover {
  background: #999999;
  border: 1px solid #999999;
}



/*dark_blue btn*/

a.duck_btn_dark_blue.line_btn:hover,
button.duck_btn_dark_blue.line_btn:hover {
  background: #2a6a9a;
  border: 1px solid #2a6a9a;
}



/*Green btn*/

a.duck_btn_green.line_btn:hover,
button.duck_btn_green.line_btn:hover {
  background: #52b266;
  border: 1px solid #52b266;
}



/*Orange btn*/

a.duck_btn_orange.line_btn:hover,
button.duck_btn_orange.line_btn:hover {
  background: #ef8027;
  border: 1px solid #ef8027;
}



/*====== Ghost Buttons (HOVER) ======*/

a.ghost_btn:hover,
button.ghost_btn:hover {
  color: #fff;
}



/*Blue/White btn*/

a.duck_btn_light_blue.ghost_btn:hover,
button.duck_btn_light_blue.ghost_btn:hover {
  border: 1px solid #4e9ed4;
  background: #4e9ed4;
}



/*Dark-red btn*/

a.duck_btn_red.ghost_btn:hover,
button.duck_btn_red.ghost_btn:hover {
  border: 1px solid #f1633f;
  background: #f1633f;
}



/*Dark Gray btn*/

a.duck_btn_dark_gray.ghost_btn:hover,
button.duck_btn_dark_gray.ghost_btn:hover {
  border: 1px solid #414141;
  background: #414141;
}



/*Gray btn*/

a.duck_btn_gray.ghost_btn:hover,
button.duck_btn_gray.ghost_btn:hover {
  border: 1px solid #999999;
  background: #999999;
}



/*dark_blue btn*/

a.duck_btn_dark_blue.line_btn:hover,
button.duck_btn_dark_blue.line_btn:hover {
  background: #2a6a9a;
  border: 1px solid #2a6a9a;
}



/*Green btn*/

a.duck_btn_green.line_btn:hover,
button.duck_btn_green.line_btn:hover {
  background: #52b266;
  border: 1px solid #52b266;
}



/*Orange btn*/

a.duck_btn_orange.line_btn:hover,
button.duck_btn_orange.line_btn:hover {
  background: #ef8027;
  border: 1px solid #ef8027;
}




/*Mobile buttons for cart*/
.mobile_buttons a.duck_btn {
  width: 65px;
  font-size: 0px;
  padding: 7px;
  margin: auto;
}

.mobile_buttons a.duck_btn:after {
  font-family: 'FontAwesome';
  content: "\f07a";
  font-size: 25px;
}



/*==========================*/


/*====== 8. ACORDIONS ======*/


/*==========================*/

#accordion .panel {
  background: transparent;
}

#accordion .panel-default {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid rgba(42, 147, 192, 0.75);
  border-radius: 0;
  font-family: "OpenSans-Regular";
}

#accordion .panel-default>.panel-heading {
  background: transparent;
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
}

.panel-group .panel-heading+.panel-collapse .panel-body {
  padding-top: 0px;
  border: 0px solid transparent;
  text-align: left;
}

#accordion .panel .panel-title a {
  font-family: "OpenSans-Regular";
  font-size: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #414141;
  text-decoration: none;
  line-height: 26px;
}

#accordion p {
  font-size: 16px;
  font-weight: 300;
  font-family: "OpenSans-Regular";
}


#accordion .panel .panel-heading a:after {
  font-family: 'FontAwesome';
  content: "\f107";
  font-size: 22px;
  float: right;
  position: relative;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

#accordion .panel .panel-heading.active_arrow a:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}


/*=============================*/


/*====== 9. CALL ACTION =======*/


/*============================*/

.duck_call_action h3 {
  font-family: "OpenSans-Light";
  line-height: 35px;
  font-size: 22px;
}

.duck_call_action .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}



/*===========================*/


/*====== 10. NAV TABS =======*/


/*===========================*/

.nav-tabs {
  border: none !important;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  border: none;
}

.nav-tabs>li>a {
  border-top: none;
  border-left: none;
  border-right: none;
  color: #414141;
  margin-right: 10px;
  background: #f5f5f5;
  border-radius: 2px;
  width: 120px;
}

.nav-tabs>li.active>a {
  background-color: #4e9ed4 !important;
  color: #fff !important;
  border-radius: 2px;
}

.tab-pane p {
  font-family: "OpenSans-Regular";
  text-align: left;
  margin-top: 20px;
}



/*===============================*/


/*====== 11. CONTACT FORM =======*/


/*===============================*/

.duck_form form {
  font-size: 16px
}

.duck_form input:focus,
.duck_form select:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #4e9ed4;
}

.duck_form select:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.duck_form .big_link {
  word-break: break-all
}


/*Error messages*/

.duck_form .has-error .form-control {
  border: 1px solid #EA3713;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.duck_form .has-error .help-block,
.duck_form .has-error .control-label,
.duck_form .has-error .radio,
.duck_form .has-error .checkbox,
.duck_form .has-error .radio-inline,
.duck_form .has-error .checkbox-inline {
  color: #EA3713;
  text-align: left;
  font-size: 14px;
}

.duck_form .phone_error_100 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  widows: 100%;
}

label,
.text_rules,
.duck_form .has-error,
.form-control {
  font-size: 16px;
  font-weight: 300;
  font-family: "OpenSans-Regular";
}

.duck_form h3 {
  font-size: 22px;
}


/*Error messages END*/


/*Info messages on submit (success or invalid form fields)*/

.message_info_box {
  position: relative;
  top: -15px;
  left: -20px;
}

img.sending_message_after_submit_ok {
  width: 80px;
}

.sending_message_after_submit_ok,
.invalid_form_message {
  display: none;
}

.invalid_form_message {
  color: #EA3713;
}

.invalid_form_message a {
  color: #EA3713;
  text-decoration: underline;
}


/*Success - Sending message END*/

.duck_form label {
  padding-top: 7px;
}

.duck_form .form-control,
.duck_form select {
  border-radius: 1px;
  height: 40px;
  border: 1px solid #999999;
}



/*Phone Field*/

.duck_form .code_and_phone_field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.duck_form .phone_number .form-control:nth-child(1) {
  width: 100px;
  border-right: 0px;
  border-radius: 1px 0 0 1px;
}

.duck_form .phone_number .form-control:nth-child(2) {
  border-radius: 0 1px 1px 0;
}



/*====================================================*/


/*====== 12. CHECKBOX AND RADIO BUTTONS STYLES =======*/


/*====================================================*/

.radio label,
.checkbox label {
  padding: 0;
}

.duck_checkbox .checkbox_styling {
  width: 30px;
}

.duck_checkbox .checkbox_styling,
.duck_checkbox .text_rules {
  padding: 0;
}

.checkbox_styling label {
  padding-top: 2px;
  cursor: pointer;
}

.checkbox_styling input[type="checkbox"] {
  display: none;
}

.checkbox_styling input[type="checkbox"]+label {
  color: #414141;
}

.checkbox_styling input[type="checkbox"]+label span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -2px 10px 0 0;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}

.checkbox_styling input[type="checkbox"]:checked+label span:after {
  content: "\f00c";
  font-family: 'FontAwesome';
  color: #fff;
  font-size: 16px;
  position: relative;
  top: -3px;
}

.checkbox_styling input[type="checkbox"]:checked+label span {
  background: #4E9ED4;
  border: 1px solid #4E9ED4;
}

.checkbox_styling input[type="radio"] {
  display: none;
}

.checkbox_styling input[type="radio"]+label {
  color: #414141;
}

.checkbox_styling input[type="radio"]+label span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -2px 10px 0 0;
  vertical-align: middle;
  background: #c9c9c9;
  cursor: pointer;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #c9c9c9;
  box-shadow: 0 0 0 3px #fff, 0 0 0 4px #c9c9c9;
  -moz-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #c9c9c9;
  -webkit-shadow: 0 0 0 3px #fff, 0 0 0 4px #c9c9c9;
}

.checkbox_styling input[type="radio"]:checked+label span {
  background: #4E9ED4;
  border-radius: 100%;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #4e9ed4;
  box-shadow: 0 0 0 3px #fff, 0 0 0 4px #4e9ed4;
  -moz-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #4e9ed4;
  -webkit-shadow: 0 0 0 3px #fff, 0 0 0 4px #4e9ed4;
}



/*Radio Buttons*/


input[type='radio'] {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type='radio']:after {
    width: 20px;
    height: 20px;
    border-radius: 15px;
    top: -4px;
    left: -8px;
    position: relative;
    background-color: #fff;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid #4e9ed4;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

input[type='radio']:checked:after {
    width: 20px;
    height: 20px;
    border-radius: 15px;
    top: -4px;
    left: -8px;
    position: relative;
    background-color: #4e9ed4;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 6px solid #fff;
    -webkit-box-shadow: 1px 1px 0px #4e9ed4, -1px 1px 0px #2a93c0, 1px -1px 0px #2a93c0, -1px -1px 0px #2a93c0;
            box-shadow: 1px 1px 0px #4e9ed4, -1px 1px 0px #2a93c0, 1px -1px 0px #2a93c0, -1px -1px 0px #2a93c0;
}



/*================ Checkbox & Radio Button END ================*/


/*===============================*/


/*========= 13. TABLES ==========*/


/*===============================*/

.duck_table {
  margin-bottom: 0;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

.duck_table>thead>tr>th {
  border: none;
  line-height: 35px;
  font-size: 22px;
  font-weight: 300;
}

.duck_table>tbody>tr>td {
  border: none;
  line-height: 25px;
  font-size: 16px;
}

.duck_table .percentage_20 {
  width: 20%;
}

.duck_table .percentage_60 {
  width: 60%;
}


.duck_table>thead>tr>th:nth-child(1),
.duck_table>tbody>tr>td:nth-child(1) {
  padding-left: 20px;
}

.duck_table>tbody>tr:nth-child(odd)>td,
.duck_table>tbody>tr:nth-child(odd)>th {
  background: white;
}

.duck_table>tbody>tr:nth-child(even)>td,
.duck_table>tbody>tr:nth-child(even)>th {
  background: #f9f9f9;
}



/*===========================================*/


/*===== 14. SECTION WITH IMAGE ON SIDE ======*/


/*===========================================*/


/*Text with Steps*/

.duck_box h3 {
  font-size: 22px;
}

.duck_steps .media-body p {
  font-size: 19px;
}

.duck_steps .icon-step1,
.duck_steps .icon-step2,
.duck_steps .icon-step3,
.duck_steps .icon-step4,
.duck_steps .icon-step5,
.duck_steps .icon-step6 {
  background: #414141;
  color: #fff;
  border-radius: 100%;
  font-size: 50px;
  padding: 15px;
  margin-right: 40px;
  position: relative;
}

.duck_steps hr.vertical_line_steps {
  border: none;
  border-left: 4px solid #414141;
  height: 305px;
  width: 1px;
  position: absolute;
  left: 37px;
  top: 20px;
}

.duck_steps .icon-step1 {
  top: 5px;
}

.duck_steps .icon-step2 {
  top: 17px;
}

.duck_steps .icon-step3 {
  top: 5px;
}

.duck_steps .row {
  padding-top: 20px;
  padding-bottom: 20px;
}


/*===========================================*/


/*========= 15. CUSTOM PAPAKI ICONS ==========*/


/*  go to css/papaki_icons.css   */


/*===========================================*/








/*===========================================*/


/*=============== 16. MODALS ================*/


/*===========================================*/



.duck_modal .form-group input,
.form-group select {
  border-radius: 2px;
  border-color: #999999;
  height: 40px;
}

.duck_modal .form-group input:focus,
.form-group select:focus {
  border-color: #4e9ed4;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.duck_modal .modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.duck_modal .modal-header span.fa-close {
  text-shadow: none;
  color: #fff;
  opacity: 0.8;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.duck_modal .modal-header,
.duck_modal .modal-content,
.duck_modal .modal-footer {
  border: none;
}

.duck_modal .modal-content {
  border-radius: 0px;
}

.duck_modal .info_box p {
  font-size: 14px;
  line-height: 22px;
}

.duck_modal .info_box p .fa-circle {
  color: #4e9ed4;
  font-size: 8px;
  position: relative;
  top: -2px;
  padding-right: 4px;
}

.duck_modal button.btn_in_modal,
.duck_modal a.btn_in_modal {
  padding: 8px 0px;
  width: 135px;
}


/*================================*/


/*================================*/


/*====== 20. MEDIA QUERIES =======*/


/*================================*/


/*================================*/

@media all and (max-width:992px) {

  .duck_steps .icon-step1,
  .duck_steps .icon-step2,
  .duck_steps .icon-step3,
  .duck_steps .icon-step4,
  .duck_steps .icon-step5,
  .duck_steps .icon-step6,
  .duck_steps hr.vertical_line_steps {
    margin-left: 15px;
  }
}


@media all and (max-width:768px) {

  .col-xs-0 {
    display: none
  }

  /*Header Sections font sizes*/
  .header_box h2 {
    font-size: 36px;
  }
  .section_header h2 {
    font-size: 32px;
  }

  /*General Layout*/
  .mobile_padding_0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .duck_box {
    padding-bottom: 10px;
  }


  a.duck_btn {
    margin-top: 20px !important;
  }
  
  /*Buttons Add Cart*/
  a.shop_btn {
    width: 65px;
    font-size: 0px;
    padding: 7px;
    margin: auto;
  }
  a.shop_btn:after {
    font-family: 'FontAwesome';
    content: "\f07a";
    font-size: 25px;
  }

  /*Call Action*/
  .duck_call_action h3 {
    margin-top: 0px;
    text-align: center;
  }
  .duck_call_action .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
  }

  #accordion .panel-heading {
    padding: 10px 0;
  }

  /*Modals*/
  .duck_modal .modal-md.modal-dialog {
    width: 700px;
  }

}

@media all and (max-width:600px) {

  .landing_page .container .row {
    padding-left: 20px;
  }

  /*Header Sections font sizes*/
  .header_box h1 {
    font-size: 32px;
  }

  .header_box h2 {
    font-size: 30px;
  }

  .section_header h2 {
    font-size: 28px;
    line-height: 38px;
  }
  /*Nav tabs make 100%*/
  .nav-tabs li,
  .nav-tabs>li>a {
    width: 100%;
  }

  #accordion {
      padding-left: 0;
      padding-right: 0;
  }

}

@media (max-width: 420px) {

  .section_header h2 {
    padding-left:15px;
    padding-right:15px;
  }


  .duck_steps hr.vertical_line_steps {
    display: none;
  }

}

#message_sent_p {
  display: block;
  padding: 0 6%;
}

/*Important to fix gray header in firefox START*/
/*HEADER FOR SECONDARY PAGES*/
.secondary_page .landing_page {
  height: 520px;
}

.secondary_page .landing_page .image_inside{
 width: 100%;
 margin-top:-80px;
 height:600px;
}
/*Important to fix gray header in firefox END*/

@media all and (max-width:800px) {
  .secondary_page .landing_page {
    height: 450px;
  }
}


@media all and (max-width:550px) {
  .secondary_page .landing_page {
    height: 400px;
  }
}
/*HEADER FOR SECONDARY PAGES END*/



/*OLD FOOTER*/
#footer-wrapper #footer .footer-right a:nth-child(2):after{
    content:'\f132';
    padding-left:3px;
    font-family:'FontAwesome';
    color:#4e9ed4;
}




/* FIX STYLE FOR CART */
body.cart label {
    font-family: 'Arial';
    font-size:15px;
    line-height:21px;
    color:#333333;
}

body.cart input[type=radio]:after {
    display:none;
}