@charset "utf-8";

/*-----------------------------------
General css class
-----------------------------------*/

body { font-size: 15px; font-family: 'Roboto', sans-serif; line-height: 1.4; color: #778191; background-color: #f4f6f8; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
h1, h2, h3, h4, h5, h6 { margin: 0px 0px 10px 0px; color: #15549a; font-weight: 700; font-family: 'Quicksand', sans-serif;}
h1 { font-size: 32px; line-height: 44px; letter-spacing: -1px; }
h2 { font-size: 24px; line-height: 32px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; line-height: 1.6; }
p { margin: 0 0 26px; line-height: 1.6; font-weight: 400; }
ul, ol { }
ul li, ol li { line-height: 1.8 }
a { color: #fc6f61; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a:focus, a:hover { text-decoration: none; color: #15549a; }
strong {     font-weight: 600;}
blockquote { padding: 10px 20px; margin: 0 0 0px; font-size: 21px; border-left: 5px solid #eff1f4; color: #414346; font-style: italic; line-height: 35px; font-family: 'Quicksand', serif; font-weight: 700; }
blockquote.alignright { max-width: 50%; }
blockquote.alignleft { max-width: 50%; }
p:last-child { margin-bottom: 0px; }
::selection { background: #ffecb3; color: #333; }
.text-highlight { color: #ffecb3; }
.highlight { color: #fc6f61; }
.italic { }
.small-text { }
.listnone { list-style: none; margin: 0px 0px 20px 0px; padding: 0; }
.required { color: red }
.lead { color: #15549a; line-height: 36px; font-size: 24px; }
.lead-strong { }
.section-title { }
.section-title h2 {font-size:30px;}
.text-white { color: #fff; }
.title-white { color: #fff; }
.title { color: #15549a; }

.text-justify{text-align:justify}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}

.line-height-normal{line-height:normal}

.font-weight300{font-weight:300}
.font-weight400{font-weight:400}
.font-weight500{font-weight:500}
.font-weight600{font-weight:600}
.font-weight700{font-weight:700}
.font-weight900{font-weight:900}

.font-size12{font-size:12px}
.font-size14{font-size:14px}
.font-size16{font-size:16px}
.font-size18{font-size:18px}
.font-size22{font-size:22px}
.font-size30{font-size:30px}
.font-size36{font-size:36px}
.font-size40{font-size:40px}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#333 !important;}
::-moz-placeholder { /* Firefox 19+ */ color:#333 !important}
:-ms-input-placeholder { /* IE 10+ */color:#333 !important}
:-moz-placeholder { /* Firefox 18- */color:#333 !important}

.img-responsive-full {width:100%}

/*-----------------------------------
Space css class
-----------------------------------*/

/*----------------
margin space
-----------------*/

.mb0 { margin-bottom: 0px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb60 { margin-bottom: 60px; }
.mb80 { margin-bottom: 80px; }
.mb100 { margin-bottom: 100px; }
.mt0 { margin-top: 0px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt60 { margin-top: 60px; }
.mt80 { margin-top: 80px; }
.mt100 { margin-top: 100px; }
.nomright{margin-right:0}
.nomleft{margin-left:0}
.nomargin{margin:0 !important}

/*----------------
less margin space from top
-----------------*/
.mt-20 { margin-top: -20px; }
.mt-40 { margin-top: -40px; }
.mt-60 { margin-top: -60px; }
.mt-80 { margin-top: -80px; }

/*---------------
Padding space
-----------------*/
.nopadding { padding: 0px !important; }
.nopr { padding-right: 0px !important; }
.nopl { padding-left: 0px !important; }
.pinside10 { padding: 10px; }
.pinside20 { padding: 20px; }
.pinside30 { padding: 30px; }
.pinside40 { padding: 40px; }
.pinside50 { padding: 50px; }
.pinside60 { padding: 60px; }
.pinside80 { padding: 80px; }
.pdt10 { padding-top: 10px; }
.pdt20 { padding-top: 20px; }
.pdt30 { padding-top: 30px; }
.pdt40 { padding-top: 40px; }
.pdt60 { padding-top: 60px; }
.pdt80 { padding-top: 80px; }
.pdb10 { padding-bottom: 10px; }
.pdb20 { padding-bottom: 20px; }
.pdb30 { padding-bottom: 30px; }
.pdb40 { padding-bottom: 40px; }
.pdb60 { padding-bottom: 60px; }
.pdb80 { padding-bottom: 80px; }
.pdl10 { padding-left: 10px; }
.pdl20 { padding-left: 20px; }
.pdl30 { padding-left: 30px; }
.pdl40 { padding-left: 40px; }
.pdl60 { padding-left: 60px; }
.pdl80 { padding-left: 80px; }
.pdr10 { padding-right: 10px; }
.pdr20 { padding-right: 20px; }
.pdr30 { padding-right: 30px; }
.pdr40 { padding-right: 40px; }
.pdr60 { padding-right: 60px; }
.pdr80 { padding-right: 80px; }
.x { }
.y { padding-top: 220px; }

/*---------------
Section Space
* Section space help to create top bottom space. 
*
-----------------*/
.section-space20 { padding-top: 20px; padding-bottom: 20px; }
.section-space40 { padding-top: 40px; padding-bottom: 40px; }
.section-space30 { padding-top: 30px; padding-bottom: 30px; }
.section-space60 { padding-top: 60px; padding-bottom: 60px; }
.section-space80 { padding-top: 80px; padding-bottom: 80px; }
.section-space100 { padding-top: 100px; padding-bottom: 100px; }
.section-space120 { padding-top: 120px; padding-bottom: 120px; }
.section-space140 { padding-top: 140px; padding-bottom: 140px; }

/*-----------------------------------------
Background & Block color 
------------------------------------------*/
.bg-light { background-color: #fafcfd; }
.bg-primary { background-color: #eff1f4; color: #778191; }
.bg-default { background-color: #15549a; color: #87c0ff; }
.bg-blue { background-color: #15549a;}
a.bg-blue i {color: #fff;}
.bg-white { background-color: #fff; }

.bg-admin{background-color:#fff; border-bottom: 1px solid #dee4ee; padding:25px 20px 0 20px}
.bg-admin h2{text-transform:uppercase; font-size:26px; margin:0; padding-top:20px}
.bg-admin p{font-size:17px; margin:0; padding:10px 0}
.bg-admin img{border: 1px solid #dee4ee;}
.bg-admin img:hover {
    -webkit-box-shadow: 0px 4px 26px 3px rgba(213, 221, 234, 1);
    -moz-box-shadow: 0px 4px 26px 3px rgba(213, 221, 234, 1);
    box-shadow: 0px 4px 26px 3px rgba(213, 221, 234, 1);
}

.admin-list-home .owl-item{padding:15px 0}

.box-section-news-home{}

.outline { border: 1px solid #dee4ee; }
.link-title { }
.small-title { font-size: 14px; color: #778191; font-weight: 500; }
.big-title { font-size: 36px; font-weight: 600; color: #15549a; }
.capital-title { text-transform: uppercase; font-size: 16px; font-weight: 600; }
.bdr-btm { }
.green-text { }
.bg-boxshadow { -webkit-box-shadow: 0px 4px 16px 3px rgba(213, 221, 234, .5); -moz-box-shadow: 0px 4px 16px 3px rgba(213, 221, 234, .5); box-shadow: 0px 4px 16px 3px rgba(213, 221, 234, .5); }
.bg-gradient { position: relative;    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1f2b70+0,1f2b70+47,943a9e+100&0.9+0,0.9+100 */ background: -moz-linear-gradient(-45deg, rgba(31, 43, 112, 1) 0%, rgba(31, 43, 112, 1) 47%, rgba(148, 58, 158, 1) 100%);    /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(31, 43, 112, 0.9) 0%, rgba(31, 43, 112, 0.9) 47%, rgba(148, 58, 158, 0.9) 100%);    /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(31, 43, 112, 0.9) 0%, rgba(31, 43, 112, 0.9) 47%, rgba(148, 58, 158, 0.9) 100%);    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e61f2b70', endColorstr='#e6943a9e', GradientType=1);    /* IE6-9 fallback on horizontal gradient */ }
.well-box { background-color: #fff; padding: 30px; border-radius: 4px; }

/* Update 16 june 2017*/

/*-----------------------------------------
Buttons
------------------------------------------*/
.btn { font-size: 14px; border-radius: 2px; line-height: 12px; letter-spacing: 1px; text-transform: uppercase; padding: 20px 30px; border: none; font-weight: 600; }
.btn-default { background-color: #fc6f61; color: #fff; border-color: #fc6f61; }
.btn-default:hover { color: #fff; background-color: #66707f; border-color: #66707f; }
.btn-default.focus, .btn-default:focus { color: #fff; background-color: #66707f; border-color: #66707f; }

.btn-primary { background-color: #15549a; color: #fff; }
.btn-primary:hover { color: #fff; background-color: #2573cb; }
.btn-primary.focus, .btn-primary:focus { }

.btn-secondary { background-color: #97a0a9; color: #fff !important;}
.btn-secondary:hover { background-color: #2573cb; color: #fff !important; }

/*.btn-secondary { background-color: #e6ecef; color: #404040 !important;}
.btn-secondary:hover { background-color: #97a0a9; color: #fff !important; }*/

.btn-line { background-color: #fff; color: #2573cb; border: 1px solid #dee4ee;padding: 0 20px 3px 20px;font-size: 15px;text-align: center; font-family: 'Quicksand', sans-serif; text-transform:capitalize; font-weight:700;     line-height: 45px; position:relative;}
.btn-line:hover { background-color: #2573cb; color: #fff !important; }
.btn-line i { color:#fc6f61;}

.btn-search { background-color: #15549a; color: #fff; padding: 18px 30px; }
.btn-search:hover { color: #fff; background-color: #2573cb; }
.btn-search.focus, .btn-search:focus { }

.btn-gray { background-color: #9fadb5; color: #fff; padding: 18px 30px; }
.btn-gray:hover { color: #fff; background-color: #80919a; }

.btn-outline { border: 2px solid #dee4ee; color: #9aa9c3; background-color: transparent; padding: 17px 28px; }
.btn-outline:hover { border: 2px solid #dee4ee; color: #6a7a94; background-color: #dee4ee; }
.btn-lg { padding: 25px 50px; font-size: 18px; text-align: center; }
.btn-sm { padding: 15px 20px; font-size: 12px; text-align: center; }
.btn-xs { padding: 4px 8px; font-size: 10px; }
.btn-link { color: #fc6f61; font-weight: 500; padding-bottom: 4px; border-bottom: 2px solid #fc6f61; display: inline-block; }
.btn-link:hover { color: #15549a; font-weight: 500; padding-bottom: 4px; border-bottom: 2px solid #15549a; text-decoration: none; }
.btn-link-white { }
.btn-link-white:hover { }
.btn-link-orange { }
.btn-link-white:hover { }

.btn-sm-extra {padding: 10px 15px;font-size: 11px;}

/*-----------------------------------------
Input Form
------------------------------------------*/
label { }
.control-label { text-transform: uppercase; color: #15549a; font-size: 13px; font-weight: 600; }
.form-control { width: 100%; height: 52px; padding: 6px 16px; font-size: 13px; line-height: 1.42857143; color: #333; background-image: none; background-color: #fff; border-radius: 4px; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); margin-bottom: 10px; border: 2px solid #e6ecef; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #fff; }
.form-control:focus { }
.required { color: red }
textarea.form-control { border-radius: 2px; height: auto; }
select { -webkit-appearance: none; background-color: #fff; }

/*-----------------------------------------
content
------------------------------------------*/
.content { padding-bottom: 100px; padding-top: 100px; }
.content-area { }
.sidebar-area { }
.wrapper-content {float:left; width:100%}

section{width:100%; float:left}

.boxes-services i{font-size:60px; color: #fc6f61}

/*-----------------------------------------
Bullet
------------------------------------------*/
.bullet { position: relative; padding-left: 25px; line-height: 32px; }
.bullet-arrow-circle-right li:before { font-family: 'FontAwesome'; display: block; position: absolute; left: 0; font-size: 15px; color: #919297; content: "\f18e"; }
.bullet-arrow-right li:before { font-family: 'FontAwesome'; display: block; position: absolute; left: 0; font-size: 15px; color: #747474; content: "\f101"; }
.bullet-check-circle li:before { font-family: 'FontAwesome'; display: block; position: absolute; left: 0; font-size: 15px; color: #fff; content: "\f05d"; }
.bullet-check-circle-default li:before { font-family: 'FontAwesome'; display: block; position: absolute; left: 0; font-size: 15px; color: #10a874; content: "\f05d"; padding-right: 4px; }

/* update 16 june 2017 */
.list-pdf-file li:before { font-family: 'FontAwesome'; display: block; position: absolute; left: 0; font-size: 15px; color: #ec4e10; content: "\f1c1"; padding-right: 4px; }
.list-pdf-file li a { color: #104b8c; text-decoration: underline; font-weight: 500; }
.list-pdf-file li a:hover { color: #fc6f61; }

/*-----------------------------------------
icon
------------------------------------------*/
.icon { }
.icon-1x { font-size: 24px; }

/* default icon size of font*/
.icon-2x { font-size: 48px; }
.icon-4x { font-size: 68px; }
.icon-6x { font-size: 88px; }
.icon-8x { font-size: 108px; }
.icon-default { color: #fc6f61; }
.icon-primary { color: #15549a; }
.icon-secondary { color: #bcbcbc; }
.dark-line { border-top: 2px solid #2b2e35; }

/*-------- updated v 1.0.2 -------*/
.fa-primary{}
.fa-default{color: #fc6f61;}
.fa-success{color: #6eb232;}

/*-----------------------------------------
top bar
------------------------------------------*/
.top-bar { padding-top: 7px; padding-bottom: 7px; background-color: #15549a; font-size: 12px; color: #83bcfa; font-weight: 500; text-transform: uppercase; }
.top-text { padding-left: 20px; line-height: 1.6; }
.top-text a { color: #83bcfa; }
.top-text a:hover { color: #fff; }
.search-nav { margin-top: 10px; text-align: center; }
.search-btn { border-radius: 50%; width: 30px; height: 30px; padding: 5px 0px 0px 0px; margin-top: 7px; color: #7e93ae; background-color: #eff3f8; display: inline-block; }
.searchbar { }
.search-area { padding: 30px; }
.header { background-color: #fff; padding-top: 20px; padding-bottom: 20px; position: relative; z-index: 99; -webkit-box-shadow: 0px 5px 9px 1px rgba(144, 161, 180, 0.2); box-shadow: 0px 5px 9px 1px rgba(144, 161, 180, 0.2); -moz-box-shadow: 0px 5px 9px 1px rgba(144, 161, 180, 0.2); }

.list-top-tels {float: left}
.list-top-tels a {margin: 0;font-size: 16px;line-height: 35px;font-family: 'Quicksand', sans-serif;font-weight: 700;color: #778191;}

.navigation-wide {background-color: #15549a}
.navigation-wide #navigation { margin-top: 0px; float: left; background-color: #15549a; }
#navigation, #navigation ul, #navigation ul li, #navigation ul li a, #navigation #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#navigation:after, #navigation > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#navigation #menu-button { display: none; }
#navigation { float: right; margin-top: 8px; position: relative; z-index: 99; }
#navigation > ul > li { float: left; }
#navigation.align-center > ul { font-size: 0; text-align: center; }
#navigation.align-center > ul > li { display: inline-block; float: none; }
#navigation.align-center ul ul { text-align: left; }
#navigation.align-right > ul > li { float: right; }
#navigation > ul > li > a { padding: 16px 10px; font-size: 13px; text-decoration: none; color: #66707f; font-weight: 600; text-transform: uppercase; }
#navigation > ul > li:hover > a { color: #fc6f61; }
#navigation > ul > li.has-sub > a { padding-right: 30px; }

.header-1 #navigation > ul > li > a.active {background-color: rgba(0,0,0,0.1); color: #fff !important;}
.header-2 #navigation > ul > li > a.active {background-color: rgba(0,0,0,0.1); color: #fff !important;}
.header-2-app #navigation > ul > li > a.active {background-color: rgba(0,0,0,0.1); color: #fff !important;}

/*#navigation > ul > li.has-sub > a:after {position: absolute; top: 22px; right: 11px; width: 8px; height: 2px;
display: block; background: #dddddd; content: '';}*/
#navigation > ul > li.has-sub > a:before { position: absolute; right: 14px; font-family: FontAwesome; content: "\f107"; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
#navigation ul ul li a .badge{font-size: 10px;background: #fc6f61; padding: 1px 7px;}
/*#navigation > ul > li.has-sub:hover > a:before {top: 23px; height: 0;}*/
#navigation ul ul { position: absolute; left: -9999px; }
#navigation.align-right ul ul { text-align: right; }
#navigation ul ul li { height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
#navigation li:hover > ul { left: auto; }
#navigation.align-right li:hover > ul { left: auto; right: 0; }
#navigation li:hover > ul > li { height: 45px; }
#navigation ul ul ul { margin-left: 100%; top: 0; }
#navigation.align-right ul ul ul { margin-left: 0; margin-right: 100%; }
#navigation ul ul li a { border-bottom: 1px solid rgba(222, 231, 242, 1); padding: 15px 15px 16px 15px; width: 220px; font-size: 13px; text-decoration: none; color: #66707f; font-weight: 500; background: #fff; }
#navigation ul ul li:last-child > a, .navigation ul ul li.last-item > a { border-bottom: 0; }
#navigation ul ul li:hover > a, #navigation ul ul li a:hover { color: #fc6f61; background-color: #f4f6f8; }
#navigation ul ul li.has-sub > a:after { position: absolute; top: 20px; right: 11px; width: 8px; height: 2px; display: block; background: #66707f; content: ''; }
#navigation.align-right ul ul li.has-sub > a:after { right: auto; left: 11px; }
#navigation ul ul li.has-sub > a:before { position: absolute; top: 17px; right: 14px; display: block; width: 2px; height: 8px; background: #66707f; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
#navigation.align-right ul ul li.has-sub > a:before { right: auto; left: 14px; }
#navigation ul ul > li.has-sub:hover > a:before { top: 17px; height: 0; }
#navigation.small-screen { width: 100%; }
#navigation.small-screen ul { width: 100%; display: none; }
#navigation.small-screen.align-center > ul { text-align: left; }
#navigation.small-screen ul li { width: 100%; border-top: 1px solid rgba(223, 229, 237, 0.9); }
#navigation.small-screen ul ul li, #navigation.small-screen li:hover > ul > li { height: auto; }
#navigation.small-screen ul li a, #navigation.small-screen ul ul li a { width: 100%; border-bottom: 0; }
#navigation.small-screen > ul > li { float: none; }
#navigation.small-screen ul ul li a { padding-left: 25px; }
#navigation.small-screen ul ul ul li a { padding-left: 35px; }
#navigation.small-screen ul ul li a { color: #66707f; background: none; }
#navigation.small-screen ul ul li:hover > a, #navigation.small-screen ul ul li.active > a { color: #fc6f61; }
#navigation.small-screen ul ul, #navigation.small-screen ul ul ul, #navigation.small-screen.align-right ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; }
#navigation.small-screen > ul > li.has-sub > a:after, #navigation.small-screen > ul > li.has-sub > a:before, #navigation.small-screen ul ul > li.has-sub > a:after, #navigation.small-screen ul ul > li.has-sub > a:before { display: none; }
#navigation.small-screen #menu-button { display: block; padding: 16px 0px; color: #fff; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700; border-top: 1px solid #e2e7ee }
#navigation.small-screen #menu-button:after { position: absolute; top: 22px; right: 0px; display: block; height: 8px; width: 20px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; content: ''; }
#navigation.small-screen #menu-button:before { position: absolute; top: 16px; right: 0px; display: block; height: 2px; width: 20px; background: #fff; content: ''; }
#navigation.small-screen #menu-button.menu-opened:after { top: 23px; border: 0; height: 2px; width: 15px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#navigation.small-screen #menu-button.menu-opened:before { top: 23px; background: #fff; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#navigation.small-screen .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid rgba(223, 229, 237, 0.9); height: 46px; width: 46px; cursor: pointer; }
#navigation.small-screen .submenu-button.submenu-opened { background: #15549a; }
#navigation.small-screen ul ul .submenu-button { height: 34px; width: 34px; }
#navigation.small-screen .submenu-button:after { position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block; background: #bcc6d3; content: ''; }
#navigation.small-screen ul ul .submenu-button:after { top: 15px; right: 13px; }
#navigation.small-screen .submenu-button.submenu-opened:after { background: #ffffff; }
#navigation.small-screen .submenu-button:before { position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; background: #bcc6d3; content: ''; }
#navigation.small-screen ul ul .submenu-button:before { top: 12px; right: 16px; }
#navigation.small-screen .submenu-button.submenu-opened:before { display: none; }
#navigation.small-screen.select-list { padding: 5px; }
#sub-nav { position: relative; }
#sub-nav #menu-button { display: none; }
#sub-nav.small-screen #menu-button { display: block; padding: 16px; color: #fc6f61; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700; border-top: 1px solid #e2e7ee }
#sub-nav.small-screen #menu-button:after { position: absolute; top: 22px; right: 10px; display: block; height: 8px; width: 20px; border-top: 2px solid #fc6f61; border-bottom: 2px solid #fc6f61; content: ''; }
#sub-nav.small-screen #menu-button:before { position: absolute; top: 16px; right: 10px; display: block; height: 2px; width: 20px; background: #fc6f61; content: ''; }
#sub-nav.small-screen #menu-button.menu-opened:before { top: 23px; background: #333; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#sub-nav.small-screen #menu-button.menu-opened:after { top: 23px; border: 0; height: 2px; width: 15px; background: #333; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

/*-----------------------------------------
     Slider
------------------------------------------*/
#slider { }
.slider { position: relative;  }
.slider-img img { position: relative; z-index: -1; width: 100%; }
.slider-img { background: -moz-linear-gradient(top, rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.2) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.2) 100%); background: linear-gradient(to bottom, rgba(0,0,0, 0.2) 0%, rgba(0,0,0, 0.2) 100%); position: relative; }
.slider-captions { position: absolute; top: -400px; width:100%; text-align:left}
.slider-title { color: #fff; font-size: 55px; font-weight: 700; line-height: 55px; margin:0}
.slider-text { color: #fff; font-size: 36px;font-family: 'Quicksand', sans-serif; }
.slider .owl-prev { position: absolute; left: 0px; top: 40%; left: 20px; }
.slider .owl-next { position: absolute; right: 0px; top: 40%; right: 20px; }
#slider .owl-next, #slider .owl-prev { background-color: transparent !important; border: 2px solid #fff; color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
#slider .owl-next:hover, #slider .owl-prev:hover { background-color: #fff !important; border: 2px solid #fff; color: #15549a; }
#slider .owl-pagination { margin: 0px; bottom: 40px; position: relative; }
#slider .owl-page span { border-radius: 2px; width: 98%; height: 1px; background-color: #fff; margin: 0px; }
#slider .owl-page { width: 5% }


/*-----------------------------------------
     HEADER
------------------------------------------*/
.logo-home{padding:40px 0; position:absolute; z-index:999}
.logo-home img{width:130px; }

.bg-banner-home{background-image:url(https://www.simule.com.br/Content/images/banners/banner-home-simule.jpg); background-repeat:no-repeat; background-size:cover; height:960px; padding-top:210px}
.bg-banner-home h2{font-size:80px; font-weight:400;  color:#34414c; line-height:80px; margin-bottom:20px}
.bg-banner-home h2 b{font-weight:700}
.bg-banner-home h3{font-size:27px; font-weight:400; color:#34414c; line-height:40px; margin-top:30px}

.box-maps-content-home{padding: 60px;}
.box-maps-content-home img.logo{width:120px;}

.box-maps-content{padding:70px 30px 70px 0}
.box-maps-content img.logo{width:120px;}

.bg-maps-home{height:100vh; padding:0; margin:0}
.bg-maps-home h2{font-size:48px; font-weight:400;  color:#34414c; line-height:55px; float:left; width:100%; margin:30px 0}
.bg-maps-home h2 b{font-weight:700}
.bg-maps-home h3{font-size:20px; font-weight:400; color:#34414c; line-height:30px; margin-top:20px; margin-bottom:30px}
.bg-maps-home h4{font-size:	16px; font-weight:400; color:#34414c; line-height:normal; margin-top:30px; margin-bottom:30px}
.bg-maps-home h4 span{font-weight:700}
.bg-maps-home .container-fluid{background-color:#a8b5bd;}


.bg-banner-home-maps{background-image:url(https://www.simule.com.br/Content/images/banners/banner-home-simule.jpg); background-repeat:no-repeat; background-size:cover; height:960px; padding:150px 120px 0 120px}
.bg-banner-home-maps h2{font-size:40px; font-weight:400;  color:#34414c; line-height:60px; margin-bottom:20px}
.bg-banner-home-maps h2 b{font-weight:700; font-size:60px}
.bg-banner-home-maps h3{font-size:	1.2vw; font-weight:400; color:#34414c; line-height:normal; margin-top:30px; margin-bottom:30px}

.bg-banner-home-maps p{font-size:15px !important; font-weight:400; color:#34414c; line-height:40px; margin-top:30px; margin-bottom:30px}

.box-search-maps{background-color:rgba(255,255,255,0.5); width:100%; padding:30px 30px;  min-height:100%; height:75vh}

.buscar-parceiros{background-color: #b7c3ca; background-image:url(../images/back-search-partner.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center}
.buscar-parceiros h2{font-size:48px; font-weight:400;  color:#34414c; line-height:55px; float:left; width:100%; margin:10px 0 30px 0}
.buscar-parceiros h2 b{font-weight:700}
.buscar-parceiros h3{font-size:20px; font-weight:400; color:#34414c; line-height:30px; margin-top:20px; margin-bottom:30px}

/*------------------------------------*\
       $maps
\*------------------------------------*/
.back-map{width:100%; padding:0; margin:0; }
#map_canvas{ height:100vh;  width:100%;  margin:0; min-height:100%;display:block;}
#map_canvas_seller{ height:250px;  width:100%;  float:left;  margin:0}
#countfiliais{ margin-top:7px !important;  font-size:18px}
#mapas-google .form-control{ margin-bottom:10px}
ul#mapas-google{ float:left;  width:100%;  margin:0;  padding:0}
#cidades{ display:none;  margin-bottom:20px}


.infowindow{ height:auto; color:#fff; padding:20px}
.infowindow h3{ font-size:18px;  font-weight:700;  margin:10px 0 10px 0 !important;  padding:0; line-height:normal; color:#fff}
.infowindow p{ font-size:14px;  margin:0 !important;  padding:0 }

.gm-style .gm-style-iw-c {
    border-radius: 8px;
    padding: 0;
    background-color: #fc6f61;
    box-shadow: 0 2px 7px 1px rgba(0,0,0,0.3);
}
.gm-style .gm-style-iw-d::-webkit-scrollbar-track, .gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece {
    background: #fc6f61;
}
.gm-style .gm-style-iw-t {
    background: #fc6f61;
}


.infowindow-page{ width:100%;  max-height:300px;  border-bottom:solid 1px #ecf0f1;  padding-bottom:15px;  margin-bottom:15px}
.infowindow-page h3{ font-size:18px;  font-weight:700;  margin:10px 0 10px 0 !important;  padding:0;  color:#15549a }
.infowindow-page p{ font-size:14px;  margin:0 !important;  padding:0 }
.infowindow-page-title{ font-size:18px;  font-weight:700;  margin:10px 0 10px 0 !important;  padding:0;  color:#15549a;  border-bottom:solid 1px #ecf0f1;  padding-bottom:10px}


.seta-red{ color:#74777b;  float:right;  margin-right:10px;  font-size:14px !important;  font-weight:300 !important}

.offset-0{margin:0; padding:0}

.solicitar-atendimento {padding: 0;}
.solicitar-atendimento h2{font-size:30px; padding:0; margin:0; text-transform:none; font-weight:700; line-height:24px}
.solicitar-atendimento span{font-family: 'Quicksand', sans-serif; font-weight:700}
.solicitar-atendimento .form-control {margin-bottom: 0 !important;padding: 0 30px; height:46px; border-radius:0; box-shadow:none}



.btn-solicitar-atendimento {
    background-color: #fc6f61;
    color: #fff;
    border-color: none;
    border-radius: 0;
    padding: 37px 0;
    font-size: 17px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
}

.bg-white-form{background-color:#fff; display:block; padding:20px 20px}

.np-left-right{padding-left:0 !important; padding-right:0 !important}


.box-sellers-maps ul{border-radius:3px; list-style:none; margin:0; padding:0 }
.box-sellers-maps ul li a{float:left; width:100%; padding:20px 10px;padding:20px; border-bottom:2px solid #fff; background-color:rgba(255,255,255,0.7);transition: background-color 0.5s ease; color:#34414c}
.box-sellers-maps ul li a:hover{background-color:rgba(255,255,255,0.9); background-image:url(https://www.simule.com.br/Content/maps/img/right-arrow.svg); background-repeat:no-repeat; background-position:center right; background-size:40px;}
.box-sellers-maps ul li h3{margin:0; font-size:20px}
.box-sellers-maps ul li p{font-weight:700; text-transform:uppercase; font-size:14px}
.box-sellers-maps ul li img{width:20px; margin-right:10px}


.scrollbar {height: 50vh;width: 100%;overflow-y: auto; overflow-x:hidden; }
.force-overflow {}

#style-3::-webkit-scrollbar-track {background-color:#ddd;}
#style-3::-webkit-scrollbar {width: 10px;background-color: #F5F5F5;}
#style-3::-webkit-scrollbar-thumb {background-color: #fc6f61;}


.header-home { background-color: #a8b5bd; padding-top: 10px; position: relative; z-index: 9; }
/*-----------------------------------------
     MENU SIDEBAR
------------------------------------------*/
.burger{width:50px;height:50px;position:absolute;top:20px;right:20px;border-radius:4px;z-index:10}
.burger span{position:relative;margin-top:9px;margin-bottom:9px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-1.5px}
.burger span,.burger span::after,.burger span::before{display:block;width:30px;height:3px;background-color:#2a2a2a;outline:1px solid transparent;-webkit-transition-property:background-color,-webkit-transform;-moz-transition-property:background-color,-moz-transform;-o-transition-property:background-color,-o-transform;transition-property:background-color,transform;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}
.burger span::after,.burger span::before{position:absolute;content:""}
.burger span::before{top:-9px}
.burger span::after{top:9px}
.burger.clicked span{background-color:transparent}
.burger.clicked span::before{-webkit-transform:translateY(9px) rotate(45deg);-moz-transform:translateY(9px) rotate(45deg);-ms-transform:translateY(9px) rotate(45deg);-o-transform:translateY(9px) rotate(45deg);transform:translateY(9px) rotate(45deg)}
.burger.clicked span::after{-webkit-transform:translateY(-9px) rotate(-45deg);-moz-transform:translateY(-9px) rotate(-45deg);-ms-transform:translateY(-9px) rotate(-45deg);-o-transform:translateY(-9px) rotate(-45deg);transform:translateY(-9px) rotate(-45deg)}
.burger.clicked span:after,.burger.clicked span:before{background-color:#fff}
.burger:hover{cursor:pointer}
.nav-sidebar{background-color:#fc6f61;position:fixed;z-index:9;top:0;right:0;height:100%;max-width:420px;width:100%;padding:100px 20px 60px 20px;overflow-y:auto;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-transition:transform .55s cubic-bezier(.785,.135,.15,.86);-moz-transition:transform .55s cubic-bezier(.785,.135,.15,.86);-o-transition:transform .55s cubic-bezier(.785,.135,.15,.86);transition:transform .55s cubic-bezier(.785,.135,.15,.86)}
.nav-sidebar.show{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.nav-sidebar.show ul.main li{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}
.nav-sidebar.show ul.main li:nth-child(1){transition-delay:.15s}
.nav-sidebar.show ul.main li:nth-child(2){transition-delay:.3s}
.nav-sidebar.show ul.main li:nth-child(3){transition-delay:.45s}
.nav-sidebar.show ul.main li:nth-child(4){transition-delay:.6s}
.nav-sidebar.show ul.main li:nth-child(5){transition-delay:.75s}
.nav-sidebar.show ul.main li:nth-child(6){transition-delay:.9s}
.nav-sidebar.show ul.main li:nth-child(7){transition-delay:1.05s}
.nav-sidebar.show ul.main li:nth-child(8){transition-delay:1.2s}
.nav-sidebar.show ul.main li:nth-child(9){transition-delay:1.35s}
.nav-sidebar.show .about,.nav-sidebar.show .social,.nav-sidebar.show ul.sub{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;transition-delay:.85s}


.nav-sidebar ul.main{list-style-type:none}
.nav-sidebar ul.main li{-webkit-transform:translateX(40px);-moz-transform:translateX(40px);-ms-transform:translateX(40px);-o-transform:translateX(40px);transform:translateX(40px);opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.nav-sidebar ul.main li:last-of-type{margin-bottom:0}
.nav-sidebar ul.main li a{color:#fff;font-family:Raleway,sans-serif;text-decoration:none;text-transform:uppercase;font-size:1.5rem;display:block;letter-spacing:5px;font-weight:600;padding:10px 0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.nav-sidebar ul.main li a span{color:#34414c}
.nav-sidebar ul.main li a:hover{color:#34414c}
.overlay-menu{position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:#34414c;opacity:0;visibility:hidden}
.overlay-menu.show{opacity:.8;visibility:visible}



/*-----------------------------------------
     Perfil Vendedor
------------------------------------------*/
.header-seller-info{display:inline-flex; align-items:center; flex-direction:row}


.perfil-vendedor{margin-left:30px; margin-top:15px}
.perfil-vendedor p{color:#1b5ca5; text-transform:uppercase; font-size:25px; margin:0; padding:0; font-weight:700; font-family: 'Quicksand', sans-serif;line-height:22px; word-wrap: break-word;}
.perfil-vendedor small{font-size:15px}

.logosimule {float:left; height:80px;}
.logosimule img { height:40px; max-width:none; margin-top:10px}

.logoprofile {float:left; height:100px;}
.logoprofile img { height:90px; max-width:none; margin-top:5px}

.photoprofile {}
.photoprofile img { width:100px; border: 5px solid #dee4ee; max-width:100px}

.perfil-vendedor ul.rating-on{margin:0; padding:0; list-style:none;}
.perfil-vendedor ul.rating-on li{float:left; padding-right:5px; color:#f9a825}
.perfil-vendedor ul.rating-on li:first-child{color:#778191}

.perfil-vendedor ul.rating-off{margin:0; padding:0; list-style:none;}
.perfil-vendedor ul.rating-off li{float:left; padding-right:5px; color:#bcc1c8}

.perfil-vendedor span {font-size: 11px;float: left;width: 100%; margin-top:-5px; color:#a7aeb8}

.logo-admin-header{margin-top:25px}

.midias-vendedor {float:left;}
.midias-vendedor ul{list-style:none; margin:0; padding:0;}
.midias-vendedor ul li {float:left; margin-right:10px;}
.midias-vendedor ul li a{color: #fff; padding:0; width:25px; height:25px; display:block;  text-align:center; font-size:15px}
.midias-vendedor ul li a:hover{ background-color:#a3aeb1 !important}

.facebook, .whatsapp, .instagram, .skype, .email{background-color:rgba(0,0,0,0.2)}

.info-top ul{margin:0; padding:0; list-style:none}
.info-top ul li{float:left; margin-right:15px;}
.info-top ul li:last-child{margin-right:0;}
.info-top .icon-phone:before{content: "\f095"; font: normal normal normal 14px/1 FontAwesome;}
.info-top .icon-email:before{content: "\f0e0"; font: normal normal normal 14px/1 FontAwesome;}

ul.top-header-info{list-style:none; margin:12px 0 10px 0;padding:0; float:left; width:100%}
ul.top-header-info li{float:right; margin-left:10px}

ul.top-header-share{list-style:none; margin:0;padding:0;}
ul.top-header-share li a{float:right; margin-left:5px; text-align:center;}
ul.top-header-share li i{font-size:15px;color:#fff;width:35px; height:35px;  line-height:36px; -webkit-transition:	all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;}
ul.top-header-share li i:hover{background-color:#66707f}

ul.top-header-share .fa-envelope{background-color:#f49f3b;}
ul.top-header-share .fa-facebook{background-color:#3b579d;}
ul.top-header-share .fa-google-plus{background-color:#e3564d;}
ul.top-header-share .fa-twitter{background-color:#00aaf1;}
ul.top-header-share .fa-linkedin{background-color:#00aaf1;}

.logo-selo-header{float:right; margin-left: 30px; vertical-align: middle; height:100px; margin-top:5px}
.logo-selo-header img{height:90px; width:auto}

/*-----------------------------------------
     Simulador
------------------------------------------*/
.simulador-top {top: 500px;left: 0;width: 100%; position: absolute;}
.simulador-top .form-control{padding: 6px 16px 6px 16px; margin-bottom:0}
.simulador-top .form-group {margin-bottom: 0;}
.simulador-top p{font-weight:700; font-size:12px;line-height:15px; height:15px; margin:0 0 10px 0; color:#97a0a9}
.simulador-top h2 {text-transform: uppercase;color: #66707f;padding: 20px 0 10px 20px; margin:0;  font-size:35px; font-weight:300}
.simulador-top .campoleft{padding-right:5px}
.simulador-top .campocenter{padding-right:5px; padding-left:5px}
.simulador-top .camporight{padding-left:5px}


.simulador-inside {width: 100%; float:left; margin:30px 0}
.simulador-inside .form-control{padding: 6px 16px 6px 16px; margin-bottom:0}
.simulador-inside .form-group {margin-bottom: 0;}
.simulador-inside p{font-weight:700; font-size:12px;line-height:15px; height:15px; margin:0 0 10px 0; color:#97a0a9}
.simulador-inside h2 {text-transform: uppercase;color: #66707f;padding: 20px 0 10px 20px; margin:0;  font-size:35px; font-weight:300}
.simulador-inside .campoleft{padding-right:5px}
.simulador-inside .campocenter{padding-right:5px; padding-left:5px}
.simulador-inside .camporight{padding-left:5px}


.line-divisor-simulador{border-right:solid 1px #cbcbcb; text-align:center; }

.box-title-simulador{background-color: #fc6f61; color: #fff;  font-family: 'Quicksand', sans-serif; font-weight:700; padding:10px 30px; display:block; float:left; font-size: 19px; text-transform: uppercase;}
.box-title-simulador-compare{background-color: #fc6f61; color: #fff;  font-family: 'Quicksand', sans-serif; font-weight:700; padding:10px 30px; display:block; float:left; font-size: 19px; text-transform: uppercase;}

.tx-preencha{padding-left:15px}

.simulador-content {padding: 0 0 0 25px;  background-color: rgba(255,255,255,0.85); float:left; width:100%}
.simulador-content h2{font-size:30px; padding:0; margin:0; text-transform:none; font-weight:700; line-height:25px}
.simulador-content span{font-family: 'Quicksand', sans-serif; font-weight:700}

.simulador-inside-content {padding: 0 0 0 25px;  background-color: #e8ebef; float:left; width:100%}
.simulador-inside-content h2{font-size:30px; padding:0; margin:0; text-transform:none; font-weight:700; line-height:25px}
.simulador-inside-content span{font-family: 'Quicksand', sans-serif; font-weight:700}

.inputwithicon i {top: 0;left: 10px;z-index: 2;width: 50px;height: 50px;font-size: 27px;line-height: 50px;position: absolute;text-align: center;padding: 0 0 0 10px;color: #676767;}

.select-simulador .btn{font-size:15px !important}

.btn-simulador {background-color: #fc6f61; color: #fff; border-color:none; border-radius:0; padding:50px 0; font-size:17px; font-family: 'Quicksand', sans-serif; font-weight:700}
.btn-simulador:hover {background-color:#1b5ca5; color: #fff;}

.btn-simulador-compare {background-color: #fc6f61; color: #fff; border-color:none; border-radius:0; padding:50px 0; font-size:17px; font-family: 'Quicksand', sans-serif; font-weight:700}
.btn-simulador-compare:hover {background-color:#1b5ca5; color: #fff;}

.no-space-bt{padding-right:14px}
.center-box{padding-top:28px}

.btn-block+.btn-block {margin-top: 0;}

.btn-radio-simulador {color:#404040;background: #ccc;border-color: #ccc;border-color: #ccc;width:50%;}
.btn-radio-simulador:hover,.btn-radio-simulador:focus { color:#fff;background-color: #97a0a9;background-position: 0 -50px;text-shadow: 0 1px 0 #818382;}
.btn-radio-simulador:active,.btn-radio-simulador.active {color:#fff;background-color: #1b5ca5;border-color: #fff;}
.btn-radio-simulador:disabled,.btn-radio-simulador[disabled] {background-color: #1b5ca5;background-image: none;}


/*-----------------------------------------
    Resultado
------------------------------------------*/

.top-info-result p{margin-bottom:10px}
.top-info-result h2{color: #778191;}
.top-info-result .boxes-services h2 {font-size: 20px}

.planos-top{float:left; width:100%;  text-transform:uppercase}
.planos-top h3{line-height:normal; top: 5px; position: relative; font-weight:normal; font-size:22px;}
.planos-top p{}
.planos-top i{font-size:30px; font-weight:normal; margin-right:7px; position:relative; top:5px}
.planos-top a{float:right; margin-left:20px}
.planos-top a:last-child{margin-left:0}

.planos-result{float:left; width:100%; border-top: 1px solid #dee4ee; border-left: 1px solid #dee4ee; margin-bottom:40px}
.planos-result ul{margin:0;padding:0; list-style:none; float:left; width:100%; text-align:center}
.planos-result ul li{float:left; padding:6px 0; width:15%; border-right: 1px solid #dee4ee; font-size:18px; font-weight:600; color: #1b5ca5;  border-bottom: 1px solid #dee4ee; text-align:center; line-height:normal; min-height:60px; vertical-align: middle;align-content: center;align-items: center;display: inline-grid;}
.planos-result ul li + li{width:20%;}
.planos-result ul li + li + li{width:25%;}
.planos-result ul li + li + li + li{width:25%;}
.planos-result ul li + li + li + li + li{width:15%;}

.planos-result ul li span{font-size:13px; font-weight:400; color: #778191;}
.planos-result ul li b{font-size:13px; font-weight:400; color: #778191;}


.planos-result ul li i{font-size:26px}
.planos-result li.bt-comprar a {color: #66707f; font-weight:300}
.planos-result li.bt-comprar i {color: #fc6f61; font-weight:700;}

ul.firstcol-result{display:block; background-color: #1b5ca5; }
ul.firstcol-result li{color:#fff}

.top-info-compare p{margin-bottom:10px}
.top-info-compare h2{color: #778191;}
.top-info-compare .boxes-services h2 {font-size: 20px}


.planos-top-compare{float:left; width:100%;  text-transform:uppercase}
.planos-top-compare h3{line-height:normal; position: relative; margin:0; font-weight:normal; font-size:22px;}
.planos-top-compare p{font-size:15px; font-weight:normal;  line-height:normal;  text-transform:none;  text-align:right; line-height:28px;}
.planos-top-compare i{font-size:25px; font-weight:normal; margin-left:10px; color:#0678be; float:none}

.planos-compare{float:left; width:100%; border-top: 1px solid #dee4ee; border-left: 1px solid #dee4ee; margin-bottom:40px}
.planos-compare ul{margin:0;padding:0; list-style:none; float:left; width:100%; text-align:center}
.planos-compare ul li{float:left; padding:6px 0; width:25%; border-right: 1px solid #dee4ee; font-size:18px; font-weight:600; color: #1b5ca5;  border-bottom: 1px solid #dee4ee;}
.planos-compare ul li span{font-size:14px; font-weight:400; color: #778191;}
.planos-compare ul li a i{color:#0678be;}

li.back-color-compare {display:none;  padding:0 !important}
li.back-color-compare b {font-size:15px; color:#fff; display:block; padding: 6px 0;}
li.back-color-compare .col1{background-color:#0678be;}
li.back-color-compare .col2{background-color:#d62027;}
li.back-color-compare .col3{background-color:#f05223;}
li.back-color-compare .col4{background-color:#42a147;}

ul.firstcol-compare {}
ul.firstcol-compare .col1{background-color:#0678be;}
ul.firstcol-compare .col2{background-color:#d62027;}
ul.firstcol-compare .col3{background-color:#f05223;}
ul.firstcol-compare .col4{background-color:#42a147;}
ul.firstcol-compare li{font-size:15px; color:#fff}

/*------------------------------------*\
    $BOX COMO FUNCIONA
\*------------------------------------*/
.comofunciona {background: #e7ecea; width:100%; padding: 30px 15px; float:left; text-align:center}
.comofunciona h2{margin-left:20px; font-size:40px}
.comofunciona h4{margin-left:20px; font-size: 20px}
.comofunciona span{background-color:#fc6f61;  color:#fff; padding:0; font-size:30px; border-radius:100px; height:60px; width:60px; line-height:60px; display:inline-block;position:relative; text-align:center; margin:-70px auto 0 auto}
.comofunciona b{font-size:15px; text-transform:uppercase; color: #1b5ca5;}



.box-comofunciona{background-color:#fff; display:block; padding:10px 25px 30px 25px;text-align:center; -webkit-transition:	all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;color:#656870; text-decoration: none; display:block; margin:0;}
.box-comofunciona img {width:40%}
.box-comofunciona h3{font-size:20px; font-weight:900; margin:20px 0; padding:0;  color: #656870; text-align:center; width:100%}
.box-comofunciona h3 span{font-size:15px; text-transform:uppercase; color: #1b5ca5;}
.box-comofunciona p{font-size:17px;  font-weight:300; text-align:center; margin-top:20px; line-height:25px}


.comofunciona-home{padding:70px 0; text-align:center}
.comofunciona-home h2{color:#242424; font-size:35px; margin-bottom:40px; font-weight:400}
.comofunciona-home img{width:100%}
.comofunciona-home span{background-color:#fc6f61;  color:#fff; padding:0; font-size:30px; border-radius:100px; height:60px; width:60px; line-height:60px; display:inline-block; top:-30px; position:relative}
.comofunciona-home h3{color:#242424; font-size:20px; margin-bottom:25px;}
.comofunciona-home p{color:#242424; font-size:17px;}

/*------------------------------------*\
    $BOX PRODUTOS HOME
\*------------------------------------*/

.bg-gray-pd {padding:100px 0; background-color:#dce2ea}
.box-produtos-home{text-align:center;}
.box-produtos-home h2{color:#242424; font-size:35px; margin-bottom:40px; font-weight:400}
.box-produtos-home img{}
.box-produtos-home span{background-color:#a8b4bd;  color:#fff; padding:10px 0; font-size:20px; width:100%; display:block ; text-transform:uppercase}
.box-produtos-home h3{color:#242424; font-size:30px;}
.box-produtos-home p{color:#242424; font-size:15px;}

.box-produtos-home .consorcio,.box-produtos-home .financiamento, .box-produtos-home .seguros{padding:30px 50px; min-height:290px;border:3px solid #fff; display:block; background-color:rgba(255,255,255,0.5)}
.box-produtos-home .consorcio{border-bottom: solid 7px #fc6f61;}
.box-produtos-home .consorcio:hover{background-color:#fff;}
.box-produtos-home .financiamento{border-bottom: solid 7px #fff;}
.box-produtos-home .financiamento:hover{background-color:#fff}
.box-produtos-home .seguros{border-bottom: solid 7px #fff;}
.box-produtos-home .seguros:hover{background-color:#fff}

/*------------------------------------*\
    $BOX ADMINISTRADORA
\*------------------------------------*/
.admin-list {}
.admin-list ul {list-style:none;padding:0;margin:0}
.admin-list li{padding: 26px;border: 1px solid #dee7f2;margin-bottom: 30px;background: #eff3f8; float:left; width:100%}
.admin-list li h3{width:100%}
.admin-list img {float:right; margin-left:30px}
.admin-list p {text-align:justify; margin-top:20px}

/*------------------------------------*\
    $BOX INFO REPRESENTANTE / VENDEDOR
\*------------------------------------*/
.box-seller-representante{margin:30px 0; padding: 0 30px}
.box-seller-representante .border{border: 1px solid #dee4ee; float:left; width:100%; padding:30px  10px}
.box-seller-representante ul{list-style:none; margin:0; padding:0}
.box-seller-representante img{height:80px}

.box-seller-vendedor{margin:30px 0; padding: 0 30px}
.box-seller-vendedor .border{border: 1px solid #dee4ee; float:left; width:100%; padding:30px  10px}
.box-seller-vendedor ul{list-style:none; margin:0; padding:0}
.box-seller-vendedor .content-seller-inside{float:left; width:100%}


/*-----------------------------------------------------------------------
Service Page & Block Css
----------------------------------------------------------------------*/
#service { }
#service .owl-next, #service .owl-prev { background-color: transparent !important; border: 2px solid #a3b1c1; color: #a3b1c1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
#service .owl-next:hover, #service .owl-prev:hover { background-color: #fc6f61 !important; border: 2px solid #fc6f61; color: #fff; }

.service-block { transition: box-shadow .5s; }
.service-block:hover { -webkit-box-shadow: 0px 4px 26px 3px rgba(213, 221, 234, 1); -moz-box-shadow: 0px 4px 26px 3px rgba(213, 221, 234, 1); box-shadow: 0px 4px 26px 3px rgba(213, 221, 234, 1); }
.service-block:hover i { color: #fff; }
.service-block p { font-size:17px}

a.service-block { transition: box-shadow .5s; float:left; color: #778191; width: 100%;}
a.service-block:hover { -webkit-box-shadow: 0px 4px 26px 3px rgba(213, 221, 234, 1); -moz-box-shadow: 0px 4px 26px 3px rgba(213, 221, 234, 1); box-shadow: 0px 4px 26px 3px rgba(213, 221, 234, 1); background-color:#15549a; color:#fff}
a.service-block:hover h2 { color: #fff; }
a.service-block:hover i { color: #fff; }

#service .owl-controls { text-align: center; margin-top: 10px; }
.icon-svg-2x { width: 80px; }
.icon-svg-1x { width: 60px; }

/*------------------------------------*\
    $NEWS
\*------------------------------------*/
.news-home h2{font-size:22px}
.news-home p {font-size:14px }
.box-news-home p{font-size:17px}


ul.share-list{list-style:none;margin:0; padding:20px 0 20px 0;}
ul.share-list li{float:left}
ul.share-list .stButton .stLarge {height: 20px !important;width: 20px !important; background-size:20px 20px!important}
ul.share-list .stButton .stLarge:hover {background-position: 0 !important;}


ul.share-list-page{list-style:none;margin:0; padding:20px 0 20px 0;}
ul.share-list-page li{float:left}
ul.share-list-page .stButton .stLarge {height: 30px !important;width: 30px !important; background-size:30px 30px!important}
ul.share-list-page .stButton .stLarge:hover {background-position: 0 !important;}

a.st_rss_small{height:20px; width:20px; display:block; float:left; background-color:#f1841b; border-radius: 3px; color:#fff; padding:1px 0 0 5px; margin-right:6px}
a.st_rss_small:hover{color:#fff;  background-color:#f39f4d;}
a.st_rss_large{height:32px; width:32px; display:block; float:left; background-color:#f1841b; border-radius: 5px; color:#fff; padding:0 0 0 6px; margin-right:6px; font-size:25px}
a.st_rss_large:hover{color:#fff;  background-color:#f39f4d;}

/*--------------------------------
BANCO CENTRAL BOX
---------------------------------*/

.box-banco-central-home{padding-bottom:30px;}

.banco-central{margin: 0 30px 20px 30px; border: 1px solid #dee4ee; padding:10px 20px; text-align:center; height: 42px;}
.banco-central p{font-size:14px; font-weight:400; float:left}
.banco-central img{margin-top:-3px; float:right}



.banco-central-inside{margin: 0; border: 1px solid #dee4ee; padding:10px 20px; text-align:center; height: 42px;}
.banco-central-inside p{font-size:14px; font-weight:400; float:left; margin-bottom:0}
.banco-central-inside img{margin-top:-3px; float:right}

/*--------------------------------
PAGE INSIDE CONTENT
---------------------------------*/
.page-inside-content{}
.page-inside-content h2{font-size:20px}
.page-inside-content p{text-align:justify}
.page-inside-content ul{margin:0; padding:0; list-style:none; text-align:justify}
.page-inside-content ul li{}
.page-inside-content ul li:before{content: "\f054"; font: normal normal normal 12px/1 FontAwesome; padding-right:10px}

/*--------------------------------
footer
---------------------------------*/
.footer { background-color: #e8ebef;color: #787878; }
.footer-logo { margin-bottom: 30px; }
.footer h3 {color: #787878;}
.texto-legal p{font-size:12px; text-align:justify; float:left; width:100%;}
.texto-legal span{font-size:17px}
.title-float-footer{float:left; margin-right:20px; line-height:32px}

img.logo-adm-footer{height:40px}

.widget-footer { }
.widget-footer ul { }
.widget-footer ul li { line-height: 1.6; margin-bottom: 8px; }
.widget-footer ul li a { color: #fff; }
.widget-footer ul li a:hover { color: #fc6f61; }

.tiny-footer { background-color: #e8ebef; font-size: 12px; padding-bottom: 10px; color: #787878;}
.tiny-footer .container{border-top:1px #787878 solid; padding-top:15px}
.tiny-footer ul {list-style:none; margin:0; padding:0; float:right}
.tiny-footer ul li {float:left; margin-left:20px}
.tiny-footer ul li a {color: #787878;}
.tiny-footer ul li a:hover {color: #fc6f61;}

.widget-footer { position: relative; padding-left: 20px; line-height: 32px; }
.widget-footer ul li:before { font-family: 'FontAwesome'; display: block; position: absolute; left: 0; font-size: 15px; color: #787878; content: "\f105"; }

.widget-social {float:right}
.widget-social ul {list-style:none; margin:0; padding:0; position:relative; margin-top:-3px; float: right;}
.widget-social ul li {margin-right: 8px; float:left; font-size:37px; line-height:32px;}
.widget-social ul li a { color: #787878;}
.widget-social ul li a:hover { color: #fc6f61; text-decoration: underline; }

/*--------------------------------
Page header 
---------------------------------*/
.page-header { margin: 0; padding: 175px 0px 80px; min-height: 410px; border: none; background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), rgba(0, 0, 0, 0.2) url(https://www.simule.com.br/Content/images/page-header.jpg) no-repeat center; background-size: cover; }
.page-title { margin-bottom: 0px; font-size: 36px; }
.rate-block { text-align: right; }
.rate-number { margin-bottom: 0px; line-height: 1; color: #fc6f61; }
.btn-action { text-align: right; }


.sub-nav { background-color: #eff3f8; border-top: 1px solid #dee7f2; }
/*.is-sticky .sub-nav { position: relative; z-index: 9; top: 120px; }*/
.sub-nav>.nav { }
.sub-nav>.nav li a { padding: 16px; font-size: 14px; text-transform: uppercase; color: #7e93ae; font-weight: 500; border-right: 1px solid #dee7f2; }
.sub-nav>.nav li a:hover { background-color: #fff; color: #fc6f61; }
.sub-nav>.nav li a:focus { background-color: #fff; color: #fc6f61; }
.sub-nav>.nav li.active a { color: red; background-color: #fff; color: #fc6f61; }

/*--------------------------------
Blog  
---------------------------------*/
.post-holder { border-bottom: 1px solid #e8eaec; margin-bottom: 29px; }
.post-header { border-bottom: 1px solid #dee4ee; margin-bottom: 20px; padding-bottom: 19px; }
.post-block { }
.post-img { }
.meta { font-size: 12px; text-transform: uppercase; font-weight: 600; color: #a4a7ac; margin-bottom: 14px; margin-top: 14px; }
.meta span { margin-right: 0px; }
.meta span:after { margin-left: 15px; margin-right: 15px; color: #b0b0b0; content: "|"; }
.meta span:last-child:after { margin-left: 0px; margin-right: 0px; content: ""; }

/*----- Related Post-----*/
.post-related {}
.post-related-title { }
.post-related-content { }
.related-title { font-size: 16px; color: #4b5565; text-align:left}
.related-img { }
.post-related a.btn-link {font-size:14px}

/*----- prev-next-----*/
.post-navigation { border-bottom: 1px solid #e8eaec; margin-bottom: 29px; padding-bottom: 30px; }
.nav-links { }
.nav-previous { }
.prev-link, .next-link { color: #778191; margin-bottom: 10px; display: block; text-decoration: underline; text-transform: uppercase; font-weight: 600; font-size: 14px; letter-spacing: 1px; }
.nav-next { }
.next-link { }
.prev-link { }
.prev-link:hover, .next-link:hover { color: #fc6f61 }
.meta-date { color: #fc6f61; font-weight: 600; }
.meta-author { }
.meta-comments { }
#post-gallery { }
.quote-block { }
.meta-link { color: #a4a7ac; }

/*--------------------------------
Blog-sidebar  
---------------------------------*/
.widget { padding: 30px; margin-bottom: 30px; }
.widget-title { border-bottom: 1px solid #e8eaec; margin-bottom: 19px; padding-bottom: 20px; }

/*--------------------------------
Pagination  
---------------------------------*/
.st-pagination { }
.st-pagination .pagination>li>a, .pagination>li>span { position: relative; float: left; margin-left: -1px; line-height: 1.42857143; color: #9a9fab; text-decoration: none; font-size: 12px; border: 2px solid #c3c7d1; font-weight: 600; border-radius: 4px; text-transform: uppercase; margin-right: 3px; margin-bottom: 5px; background-color: #fff; padding: 8px 13px; }
.st-pagination .pagination>li>a:focus, .st-pagination .pagination>li>a:hover, .st-pagination .pagination>li>span:focus, .st-pagination .pagination>li>span:hover { z-index: 2; color: #fff; background-color: #fc6f61; border-color: #fc6f61; border-radius: 4px; }
.st-pagination .pagination>li:first-child>a, .st-pagination .pagination>li:first-child>span { margin-left: 0; border-radius: 4px; }
.st-pagination .pagination>li:last-child>a, .st-pagination .pagination>li:last-child>span { border-radius: 4px; }
.st-pagination .pagination>.active>a, .st-pagination .pagination>.active>a:focus, .st-pagination .pagination>.active>a:hover, .st-pagination .pagination>.active>span, .st-pagination .pagination>.active>span:focus, .st-pagination .pagination>.active>span:hover { z-index: 3; color: #fff; cursor: default; background-color: #fc6f61; border-color: #fc6f61; border-radius: 4px; }
.st-accordion { }
.st-accordion .sign { color: #15549a; padding: 0 2px; position: absolute; left: 0px; top: 5px; margin-left: -20px; font-size: 14px; }
.st-accordion .accordion .panel-heading.active .sign { color: #95cd40; }
.st-accordion .panel-title { margin-top: 0; margin-bottom: 0; font-size: 18px; color: inherit; position: relative; color: #15549a; }
.sign { color: #084988; padding: 0 2px; position: absolute; right: -10px; top: 6px; }
.st-accordion .panel-heading.active .sign { color: #fc6f61; }
.st-accordion .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; }
.st-accordion .panel-default { border-color: transparent; border-bottom: 1px solid #e0e7ea; }
.st-accordion .panel-group .panel { margin-bottom: 10px; border-radius: 0px; -webkit-box-shadow: 0px 0px 0px 0px rgba(234, 234, 234, 1); -moz-box-shadow: 0px 0px 0px 0px rgba(234, 234, 234, 1); box-shadow: 0px 0px 0px 0px rgba(234, 234, 234, 1); }
.st-accordion .panel-default>.panel-heading { color: #323734; background-color: #fff; border-bottom: 1px solid transparent; padding: 10px 0px 10px 30px; }
.st-accordion .panel-group .panel-heading+.panel-collapse>.list-group, .st-accordion .panel-group .panel-heading+.panel-collapse>.panel-body { }
.st-accordion .panel-body { padding: 30px; }
.st-accordion .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 1px solid transparent; }

/*--------------------------------
Extra Plugin CSS - Back to top  
---------------------------------*/
.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 80px; right: 10px; overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; border-radius: 5px; background: #fc6f61 url(../images/icons/cd-top-arrow.svg) no-repeat center 50%; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cd-top.cd-is-visible {    /* the button becomes visible */
visibility: visible; opacity: 1; }
.cd-top.cd-fade-out {    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: .5; }
.no-touch .cd-top:hover { background-color: #cb2529; opacity: 1; }

/* ============================================================
GLOBAL
============================================================ */

.effects { }
.effects .img { position: relative; }
.effects .img:nth-child(n) { }
.effects .img:first-child { margin-bottom: 20px; }
.effects .img:last-child { margin-right: 0; }
.effects .img img { display: block; margin: 0; padding: 0; max-width: 100%; height: auto; }
.overlay { display: block; position: absolute; z-index: 20; background: rgba(246, 96, 171, 0.8); overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
a.close-overlay { display: block; position: absolute; top: 0; right: 0; z-index: 100; width: 45px; height: 45px; font-size: 20px; font-weight: 700; color: #fff; line-height: 45px; text-align: center; background-color: #de4526; cursor: pointer; }
a.close-overlay.hidden { display: none; }
a.expand { display: block; position: absolute; z-index: 100; width: 60px; height: 60px; border: solid 5px #fff; text-align: center; color: #fff; line-height: 50px; font-weight: 700; font-size: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }


/*----------------- Image Hover Effect ---------------*/
img { width: auto; max-width: 100%; height: auto; margin: 0; padding: 0; border: none; line-height: normal; vertical-align: middle; }

.imghover { display: block; position: relative; max-width: 100%; }
.imghover::before, .imghover::after { display: block; position: absolute; content: ""; text-align: center; opacity: 0; }
.imghover::before { top: 0; right: 0; bottom: 0; left: 0; }
.imghover::after { top: 50%; left: 50%; width: 50px; height: 50px; line-height: 50px; margin: -25px 0 0 -25px; content: "\f055"; font-family: "FontAwesome"; font-size: 60px;  }
.imghover:hover::before, .imghover:hover::after { opacity: 1; }
.imghover:hover::before { background: rgba(34, 62, 92, .55); }
.imghover:hover::after { color: #FFFFFF; opacity:0.5}


.imghover-video { display: block; position: relative; max-width: 100%; }
.imghover-video::before, .imghover-video::after { display: block; position: absolute; content: ""; text-align: center; opacity: 0.8; color:#fff; left:0}
.imghover-video::before { top: 0; right: 0; bottom: 0; left: 0; }
.imghover-video::after { top: 50%; left: 50%; width: 50px; height: 50px; line-height: 50px; margin: -25px 0 0 -25px; content: "\f144"; font-family: "FontAwesome"; font-size: 60px;  }
.imghover-video:hover::before, .imghover-video:hover::after { opacity: 1; }
.imghover-video:hover::before { background: rgba(34, 62, 92, .55); }
.imghover-video:hover::after { color: #FFFFFF; opacity:0.5}


/*-----------------------------------------
Shortcodes
------------------------------------------*/
.st-tabs {    /*border: 1px solid #dee7f2; */ }
.st-tabs .nav-tabs { border-bottom: 1px solid transparent; }
.st-tabs .nav-tabs>li>a { margin-right: 0px; line-height: 1.42857143; border: 1px solid #dee7f2; border-radius: 2px 2px 0 0; background-color: #eff3f8; font-size: 20px; text-transform: uppercase; color: #7e93ae; font-weight: 500; padding: 20px 8px; }
.st-tabs .nav-tabs>li>a:hover { background-color: #fc6f61; border-bottom: 1px solid #dee7f2; color: #fff; border-color: transparent; }
.st-tabs .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #8f979e; cursor: default; background-color: #fff; border: 1px solid #dee7f2; border-bottom-color: transparent; }
.st-tabs .tab-content { padding: 30px; background-color: #fff; border-left: 1px solid #dee7f2; border-right: 1px solid #dee7f2; border-bottom: 1px solid #dee7f2; margin-top: -2px; float:left }
.st-tabs .nav-tabs.nav-justified>.active>a, .st-tabs .nav-tabs.nav-justified>.active>a:focus, .st-tabs .nav-tabs.nav-justified>.active>a:hover { border: 1px solid #dee7f2; border-bottom: transparent; color: #fff;background-color: #fc6f61; }
.column-block { margin-bottom: 30px; }

.st-tabs .image-destaque{float:left; width:150px; margin-right:20px}


/*-----------------------------------------
Error-page
------------------------------------------*/
.error-img { text-align: center; }
.error-title { font-size: 36px; color: #192139; letter-spacing: 1px; text-transform: uppercase; }
.msg { font-size: 24px; color: #fc6f61; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; }

/*-----------------------------------------
Header - 2
------------------------------------------*/
.header-1 { background-color: #a8b5bd; padding-top: 10px; position: relative; z-index: 9; }
.header-1 .navigation-1 { background-color: #b7c3ca; margin-top: 10px;}
.header-1 #navigation { float: left; margin-top: 0px;  }
.header-1 #navigation > ul > li > a { padding: 15px; font-size: 14px; text-decoration: none; color: #fff; font-weight: 700; text-transform: uppercase;  font-family: 'Quicksand', sans-serif;}
.header-1 #navigation > ul > li > a:hover {background-color: rgba(0,0,0,0.1); color: #fff !important;}
.header-1 #navigation > ul > li.has-sub > a { padding-right: 50px; }
.header-1 #navigation > ul > li.has-sub > a:before { position: absolute; right: 28px; font-family: FontAwesome; content: "\f107"; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }


.header-2 { background-color: #fff; padding-top: 10px; position: relative; z-index: 9; }
.header-action { margin-top: 10px; }
.header-2 .navigation-2 { background-color: #15549a; margin-top: 10px;}
.header-2 #navigation { float: left; margin-top: 0px;  }
.header-2 #navigation > ul > li > a { padding: 15px; font-size: 14px; text-decoration: none; color: #fff; font-weight: 700; text-transform: uppercase;  font-family: 'Quicksand', sans-serif;}
.header-2 #navigation > ul > li > a:hover {background-color: rgba(0,0,0,0.1); color: #fff !important;}
.header-2 #navigation > ul > li.has-sub > a { padding-right: 50px; }
.header-2 #navigation > ul > li.has-sub > a:before { position: absolute; right: 28px; font-family: FontAwesome; content: "\f107"; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }


.header-2-app { background-color: #fff; padding-top: 10px; position: relative; z-index: 9; }
.header-action { margin-top: 10px; }
.header-2-app .navigation-2 { background-color: #15549a; margin-top: 10px;}
.header-2-app #navigation { float: left; margin-top: 0px;  }
.header-2-app #navigation > ul > li > a { padding: 15px; font-size: 14px; text-decoration: none; color: #fff; font-weight: 700; text-transform: uppercase;  font-family: 'Quicksand', sans-serif;}
.header-2-app #navigation > ul > li > a:hover {background-color: rgba(0,0,0,0.1); color: #fff !important;}
.header-2-app #navigation > ul > li.has-sub > a { padding-right: 50px; }
.header-2-app #navigation > ul > li.has-sub > a:before { position: absolute; right: 28px; font-family: FontAwesome; content: "\f107"; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }


.contact-widget {float: right; padding-top:30px}

.contact-widget .contact-list {float: left;}
.contact-widget .contact-list:after {content: "";display: table; clear: both;}
.contact-widget .contact-list .item {float: left;margin-left: 20px; border-left: 1px solid #e6e6e6; padding-left:10px}
.contact-widget .contact-list .item:first-child {margin-left: 0; border:none; padding-left:0}
.contact-widget .contact-list .item:last-child {border:none; padding-left:0}
.contact-widget .contact-list .item i {float: left;font-size: 25px;color: #104b8c; padding-top: 0; }
.contact-widget .contact-list .item .text {margin-left: 25px; padding-left: 10px;  line-height:35px}
.contact-widget .contact-list .item .text p { margin: 0; font-size: 16px; line-height:35px; font-family: 'Quicksand', sans-serif; font-weight:700}


.contact-widget .contact-list ul.top-header-share{list-style:none; margin:0;padding:0 0 0 10px; float:left;}
.contact-widget .contact-list ul.top-header-share li {float:right;}
.contact-widget .contact-list ul.top-header-share li a{float:right; margin-left:5px; text-align:center;}
.contact-widget .contact-list ul.top-header-share li i{font-size:15px;color:#fff;width:35px; height:35px;  line-height:36px; -webkit-transition:	all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;}
.contact-widget .contact-list ul.top-header-share li i:hover{background-color:#66707f}

.contact-widget .contact-list ul.top-header-share .fa-envelope{background-color:#f49f3b;}
.contact-widget .contact-list ul.top-header-share .fa-facebook{background-color:#3b5998;}
.contact-widget .contact-list ul.top-header-share .fa-google-plus{background-color:#dc473a;}
.contact-widget .contact-list ul.top-header-share .fa-twitter{background-color:#1ea1f3;}
.contact-widget .contact-list ul.top-header-share .fa-linkedin{background-color:#0274b3;}
.contact-widget .contact-list ul.top-header-share .fa-instagram{background-color:#ca36af;}
.contact-widget .contact-list ul.top-header-share .fa-skype{background-color:#01aef2;}



.contact-box {float: left; padding-top:10px}

.contact-box .contact-list ul.top-header-share{list-style:none; margin:0;padding:0 10px 0 0; float:left;}
.contact-box .contact-list ul.top-header-share li {float:right;}
.contact-box .contact-list ul.top-header-share li a{float:left; text-align:center; margin-right:5px; margin-left:0}
.contact-box .contact-list ul.top-header-share li i{font-size:15px;color:#fff;width:35px; height:35px;  line-height:36px; -webkit-transition:	all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;}
.contact-box .contact-list ul.top-header-share li i:hover{background-color:#66707f}

.contact-box .contact-list ul.top-header-share .fa-envelope{background-color:#f49f3b;}
.contact-box .contact-list ul.top-header-share .fa-facebook{background-color:#3b5998;}
.contact-box .contact-list ul.top-header-share .fa-google-plus{background-color:#dc473a;}
.contact-box .contact-list ul.top-header-share .fa-twitter{background-color:#1ea1f3;}
.contact-box .contact-list ul.top-header-share .fa-linkedin{background-color:#0274b3;}
.contact-box .contact-list ul.top-header-share .fa-instagram{background-color:#ca36af;}
.contact-box .contact-list ul.top-header-share .fa-skype{background-color:#01aef2;}




.modal-header {
    background-color: rgb(21, 84, 154);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.modal-title {
    color: #fff;
    font-size: 25px;
    margin-left: 20px;
}
.close {
    font-size: 50px;
    font-weight: 200;
    line-height: 30px;
    color: #fff;
    text-shadow: none;
    opacity: 1;
}
.modal-body {
    font-size: 15px;
    padding: 40px;
    color: #34414c;
}


.select2-container .select2-selection--single {
    height: 50px !important;
    
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 20px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -15px !important;
    margin-top: 8px !important;
}
.select2-container--default .select2-results__group {
background-color:#bec0c3 !important; color:#fff !important
}

ul.app-store{margin-bottom:50px; display:inline-block}
ul.app-store li{float:left; margin-right:20px}
ul.app-store li img{width:200px;}
ul.app-store li:before{display:none}

.button-whats-mobile{display:none}

.choose-file {
    display: flex;
    justify-content: space-between;
    width: 100%
}

    .choose-file label {
        border-color: #ddd;
        color: #6c757d !important;
        border-radius: 5px 0 0 5px;
        background-color: #fff;
        border: 1px solid #ddd;
        width: 100%;
        height: 50px;
        padding-top: 12px;
        padding-left: 20px;
        font-size: 15px;
        cursor: pointer
    }

    .choose-file p {
        border-color: #ddd;
        color: #6c757d !important;
        border-radius: 5px 0 0 5px;
        background-color: transparent;
        border: 1px solid #ddd;
        width: 100%;
        height: 50px;
        padding-top: 12px;
        padding-left: 20px;
        font-size: 15px;
        text-overflow: ellipsis;
    }

    .choose-file input[type='file'] {
        display: none
    }

    .choose-file .btn {
        height: 50px;
        border: 1px solid #ddd
    }

    .choose-file .input-text-form {
        border-color: #ddd;
        color: #6c757d !important;
        border-radius: 0;
        background-color: #fff;
        border: 1px solid #ddd;
        width: 100%;
        height: 50px;
        padding-left: 20px;
        font-size: 15px;
        width: 70%
    }
/*.choose-file span{font-size: 12px; position:absolute; top:-20px}
.choose-file required{border:solid #b90000 1px !important}
 */

/*------------------------------------*\
       $RESPONSIVE
\*------------------------------------*/

@media screen and (min-width:1601px) {
#slider{height:auto}
.slider-captions {top: -400px;}
.simulador-top {top: 450px;}
}

@media screen and (min-width:1441px) and (max-width:1600px) {
#slider{height:auto}
.slider-img img {height: auto;width: auto;max-width: 1600px;display: block;margin-left: auto;margin-right: auto; background-size:cover}
.slider-captions {top: -360px;}
.simulador-top {top: 380px;}
}


@media screen and (min-width:1200px) and (max-width:1440px) {
#slider{height:auto}
.slider-img img {height: auto;width: auto;max-width: 1440px;display: block;margin-left: auto;margin-right: auto;}
.slider-captions {top: -330px;}
.simulador-top {top: 360px;}
.slider-title {font-size: 46px;line-height: 46px;}
.slider-text {font-size: 30px;}
}



@media (min-width:992px) and (max-width:1199px) {
.logosimule {height: 85px;}
.logosimule img {height: 50px; margin-top:10px}
.logoprofile {height: 90px;}
.logoprofile img {height: 70px; margin-top:10px}
.header-1 #navigation > ul > li > a {padding: 25px 10px;font-size: 13px;}
.header-2 #navigation > ul > li > a {padding: 25px 10px;font-size: 13px;}
.contact-widget .contact-list .item .text p {font-size: 14px;}
.perfil-vendedor {margin-left: 25px;margin-top: 5px;}
.perfil-vendedor p {font-size: 20px;}
.perfil-vendedor small {font-size: 13px;}
.photoprofile img {width: 90px; height:90px}
.contact-widget .contact-list ul.top-header-share li i {width: 30px;height: 30px;line-height: 30px;}
#slider{height:auto}
.slider-img img {height: auto;width: auto;max-width: 1199px;display: block;margin-left: auto;margin-right: auto;}
.slider-captions {top: -290px;}
.simulador-top {top: 310px;}
.simulador-top .bootstrap-select .btn {padding:20px 20px; text-transform: capitalize;}
.slider-title {font-size: 40px;line-height: 40px;}
.slider-text {font-size: 25px;}
.banco-central p {font-size: 13px;}
.banco-central img {width: 180px;margin-top: 0px;}
.news-home h2 {font-size: 17px !important; line-height:23px !important; min-height:69px}
.news-home p {font-size: 12px; min-height:76px}
.box-news-home p {font-size: 14px;}
.bg-admin h2 {font-size: 23px;}
.bg-admin p {font-size: 14px;}
.service-block h2 {font-size: 20px; line-height: 20px;}
.service-block p {font-size: 13px;}
.box-comofunciona h3 {font-size: 18px;line-height: 25px;}
.box-comofunciona p {font-size: 14px;line-height: 22px;}
.simulador-content h2 {font-size: 20px;}
.footer h3 {font-size: 16px;}
.btn-simulador {font-size: 15px;}
.btn {letter-spacing: normal;}
.planos-top .btn-sm{padding: 15px 15px;font-size: 11px;}
.planos-top h3 {line-height: 37px;font-size:18px}
.planos-top-compare .btn-sm{padding: 15px 15px;font-size: 11px;}
.planos-top-compare h3 {font-size:18px}
.bg-banner-home h2 {font-size: 70px;line-height: 70px;}
.bg-banner-home-maps {height: auto;padding: 100px 0 50px 0;}
#map_canvas {height: 600px;margin: 0 0 100px 0;float: left;}
.comofunciona-home {float:left; width:100%; position:relative}
}

@media (min-width:768px) and (max-width:991px) {
.logosimule {height: 85px;}
.logosimule img {height: 50px; margin-top:10px}
.logoprofile {height: 90px;}
.logoprofile img {height: 70px; margin-top:10px}
.header-1 #navigation > ul > li > a {padding: 25px 8px;font-size: 10px;}
.header-2 #navigation > ul > li > a {padding: 25px 8px;font-size: 10px;}
.contact-widget .contact-list .item .text p {font-size: 12px; line-height:25px}
.perfil-vendedor {margin-left: 25px;margin-top: 5px;}
.perfil-vendedor p {font-size: 18px;}
.perfil-vendedor small {font-size: 11px;}
.photoprofile img {width: 85px; height:85px}
.contact-widget {float: none; padding-top: 9px;text-align:right}
.contact-widget .contact-list {float: none; }
.contact-widget .contact-list ul.top-header-share li i {width: 27px;height: 27px;line-height: 27px; font-size: 14px;}
.contact-widget .contact-list .item i {font-size: 19px;}
.contact-widget .contact-list .item { margin-left: 10px;padding-left: 9px;}
.contact-widget .contact-list ul.top-header-share {padding: 9px 0 0 5px; float:right; width:100%}
#slider{height:auto}
.slider-img img {height: auto;width: auto;max-width: 1000px;display: block;margin-left: auto;margin-right: auto;}
.slider-captions {top: -240px;}
.simulador-top {top: 280px;}
.simulador-content {padding: 0 0 0 5px;}
.center-box {padding-top: 18px;}
.slider-title {font-size: 35px;line-height: 35px;}
.slider-text {font-size: 20px;}
.banco-central p {font-size: 13px;}
.banco-central img {width: 180px;margin-top: 0px;}
.news-home h2 {font-size: 17px !important; line-height:23px !important; min-height:69px}
.news-home p {font-size: 12px; min-height:76px}
.bg-admin h2 {font-size: 23px;}
.bg-admin p {font-size: 14px;}
.service-block h2 {font-size: 20px; line-height: 20px;}
.service-block p {font-size: 13px;}
.box-comofunciona h3 {font-size: 18px;line-height: 25px;}
.box-comofunciona p {font-size: 14px;line-height: 22px;}
.simulador-content h2 {font-size: 17px; line-height: 15px;}
.simulador-content span {font-size:10px}
.select-simulador .btn {padding: 18px 16px;}
.list-top-tels{float:right}
.btn {letter-spacing: normal;}
.btn-block + .btn-block {margin-top: 0;}
.btn-simulador {padding: 29px 0;font-size: 29px;}
.irs-slider:before {left: 7px !important;top: 6px !important;}
.boxes-services .nopr{padding-right: 15px !important; padding-left:0 !important}
.boxes-services {margin-top:30px}
.admin-list img { width:190px;}
.planos-top .btn-sm{padding: 15px 15px;font-size: 11px; margin-bottom:10px; width:100%}
.planos-top .btn-sm:last-child{margin-bottom:0}
.planos-top h3 {line-height: normal;font-size:20px;}
.planos-top-compare .btn-sm{padding: 15px 15px;font-size: 11px; margin-bottom:10px; width:100%}
.planos-top-compare .btn-sm:last-child{margin-bottom:0}
.planos-top-compare h3 {line-height: normal;font-size:20px;}
.planos-top-compare p {margin-bottom:20px}
.planos-compare ul li {width:100%}
ul.firstcol-result li{font-size:17px}
li.back-color-compare {display:block;}
ul.firstcol-compare {display:none}
.bg-banner-home h2 {font-size: 55px;line-height: 60px;}
.bg-banner-home {height: auto;padding-top: 150px;}
.box-produtos-home .consorcio, .box-produtos-home .financiamento, .box-produtos-home .seguros {min-height: 290px; margin-bottom:40px}
.box-produtos-home h3 {color: #242424;font-size: 50px; margin-bottom:20px}
.box-produtos-home p {font-size: 20px;}
.bg-banner-home-maps {height: auto;padding: 100px 0 50px 0;}
#map_canvas {height: 600px;margin: 0 0 100px 0;float: left;}
.comofunciona-home {float:left; width:100%; position:relative}
}

@media (max-width:767px) {
.logosimule {height: 75px;}
.logosimule img {height: 35px; margin-top:15px}
.logoprofile {height: 90px;}
.logoprofile img {height: 70px; margin-top:10px}
.logo img {width: 60px;}
.perfil-vendedor {margin-left: 0; margin-top: 0; width:100%; text-align:center}
.perfil-vendedor p {font-size: 18px;}
.contact-widget {float: left;padding-top: 20px;width: 100%;text-align: center;}
ul.top-header-info { text-align:left;margin: 12px 0 10px 0;padding: 0;float: left;}
.simulador-top {top: 0;left: 0;width: 100%;position:relative;float:left;margin-bottom: 20px; padding-bottom: 20px; background-color: #15549a;}
.simulador-top .container {padding-right: 0;padding-left: 0;}
.simulador-top .campoleft {padding-right: 15px;}
.simulador-top .campocenter {padding-right: 15px;padding-left: 15px;}
.simulador-top .camporight {padding-left: 15px; margin-bottom:30px}
.simulador-inside .container {padding-right: 0;padding-left: 0;}
.simulador-inside .campoleft {padding-right: 15px;}
.simulador-inside .campocenter {padding-right: 15px;padding-left: 15px;}
.simulador-inside .camporight {padding-left: 15px; margin-bottom:30px}
.simulador-content h2 {color:#fff}
.simulador-content span {color: #fff}
.simulador-content .bootstrap-select span {color: #333}
.simulador-content {padding: 0 30px;}
.simulador-content {background-color: #15549a;}
.photoprofile {width: 100%;text-align: center;margin: 0 auto;}
.list-top-tels {float: left;width: 100%;display: flex;justify-content: center;}
.contact-widget .contact-list ul.top-header-share {float: left;display: flex;justify-content: center; margin-top: 20px;}
.perfil-vendedor ul.rating-off {float: left;width: 100%;display: flex;justify-content: center;}
.perfil-vendedor ul.rating-on {float: left;width: 100%;display: flex;justify-content: center;}
.btn-simulador {padding: 25px 0;}
.line-divisor-simulador {border-right: none;}
.header-1 {padding: 60px 0 20px 0}
.header-1 .navigation-2 {position:fixed; top:-12px; width:100%}
.header-1 #navigation > ul > li > a {border-left: none;}

.header-2 {padding: 23px 0 20px 0}
.header-2 .navigation-2 {position:fixed; top:-12px; width:100%}
.header-2 #navigation > ul > li > a {border-left: none;}

.header-2-app {padding: 60px 0 20px 0}
.header-2-app .navigation-2 {position:fixed; top:-12px; width:100%}
.header-2-app #navigation > ul > li > a {border-left: none;}

.box-banco-central{padding:20px}
.banco-central {float: left;justify-content: center;width: 100%;height: auto;margin: 0;text-align: center; display:block}
.banco-central p {margin-bottom: 15px;width: 100%;float: left;font-size: 12px;}
.banco-central img {margin-top: -10px;float: none;}
.title-float-footer {float: none;text-align: center;}
.widget-social {float: none !important; text-align:center}
.widget-social ul {margin:0 auto; width:160px; float:none}
.footer {text-align:center}
.tiny-footer ul {float:left}
.tiny-footer ul li {margin-left: 0; margin-right:20px}
.box-title-simulador {width:100%; text-align:center;}
.boxes-services {padding:0; margin-top:20px}
.comofunciona {padding: 15px 0;}
.comofunciona img {width:100%}
.bg-admin {padding: 5px 10px 0 10px;}
.box-section-news-home{padding:20px 0 0 0}
.box-news-home p {font-size: 14px;}
.section-title h2 {font-size: 24px;}
.news-home p {font-size: 14px !important;}
.contact-widget .contact-list {width: 100%;}
.contact-widget .contact-list .item .text p {font-size: 14px;}
.contact-widget .contact-list .item i {font-size: 23px;padding-top: 2px;}
.wrapper-content{padding:10px 0;margin-top: 20px;}
.nopr {padding-right: 15px !important;}
.admin-list h3 {padding-top: 20px;float: left;width: 100%;}
.logosimule{float:none; padding-left:10px}
.logoprofile{text-align:center; float:none}
.planos-top a {float: left;margin-right: 20px; margin-left: 0;}
.planos-top h3 {line-height:normal}
.top-info-compare{padding:10px 30px }
.planos-top-compare {text-align:center}
.planos-top-compare .btn-sm{padding: 15px 15px;font-size: 11px; margin-bottom:10px; width:100%}
.planos-top-compare .btn-sm:last-child{margin-bottom:0}
.planos-top-compare h3 {line-height: normal;font-size:20px;}
.planos-top-compare p {margin-top:10px; text-align:center; font-size:17px}
.planos-compare ul li {width:100%}
li.back-color-compare {display:block;}
ul.firstcol-compare {display:none}
.bg-banner-home h2 {font-size: 30px;line-height: 40px;}
.bg-banner-home h3 {font-size: 18px;line-height: 30px; margin-top: 20px; margin-bottom:20px}
.bg-banner-home {height: auto;padding-top: 120px;}
.box-produtos-home .consorcio, .box-produtos-home .financiamento, .box-produtos-home .seguros {min-height: 290px; margin-bottom:40px}
.box-produtos-home h3 {color: #242424;font-size: 30px; margin-bottom:20px}
.box-produtos-home p {font-size: 20px;}
.bg-banner-home-maps {height: auto;padding: 20px 0 20px 0;}
.bg-banner-home-maps h2, .bg-banner-home-maps h2 b {font-size: 30px;line-height: 40px;}
.bg-banner-home-maps h3 {font-size: 17px;line-height: 25px; margin-top: 20px;}
.logo-home {text-align:center;  width:100%; position:relative; padding:30px 0;  }
.bg-gray-top-simule{background-color:#d4dade}
.box-search-maps { height:auto; padding-bottom:0}
.bg-maps-home {height: 100%;}
#map_canvas {height: 700px;margin: 0 0 20px 0;float: left;width:100%}
.comofunciona-home {padding: 20px 0;float: left; width:100%}
.box-maps-content {padding: 25px 25px 5px 25px;}
.bg-maps-home h2 {font-size: 32px;line-height: 38px; margin:15px 0}
.bg-maps-home h3 {font-size: 14px;line-height: 18px; margin-bottom:10px; margin-top:0}
.offset-0 {padding-right: 15px;padding-left: 15px;}
a.button-whats-mobile{display:block; width:100%; text-align:center; background-color:#10a874; color:#fff; padding:15px 0; font-size:19px; font-family: 'Quicksand', sans-serif; position:fixed; bottom:0 }
a.button-whats-mobile i{color:#fff; margin-right:5px; font-size:25px; position:relative; line-height:25px; top:2px}
.tiny-footer .container {margin-bottom: 70px;}
.hide-mobile{display:none}

.header-2 .container{display:none}
.navigation-2 .container{display:block}

}


@media (min-width:1366px) and (max-width:1600px) {
.box-maps-content {padding: 30px;}
.bg-maps-home h2 {font-size: 35px;line-height: 41px;margin: 20px 0;}
.bg-maps-home h3 {font-size: 18px;line-height: 23px;}
}


@media (max-width:640px) {
.simulador-inside-content {padding: 20px;}
.banco-central-inside {height: auto; float:left}
.banco-central-inside img {margin-top: 5px;float: none;}
.planos-result ul li span {display:none}
.firstcol-result{display:block}
ul.firstcol-result li{font-size:15px;}

    .logo-selo-header {
        float: none;
        margin-left: 0;
        vertical-align: middle;
        height: 70px;
        margin-top: 5px;
        text-align:center
    }

        .logo-selo-header img {
            height: 50px;
            width: auto;
        }

    .buscar-parceiros h2 {
        font-size: 28px;
        line-height: 36px;
        margin: 10px 0 20px 0;
    }
    .buscar-parceiros h3 {
        font-size: 17px;
        line-height: 26px;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .buscar-parceiros {
        padding-bottom: 20px;
        background-position: center right;
    }
    .paddind-list{padding:0 25px}
}


@media (max-width:560px) {
.planos-top h3 {text-align:center; width:100%}
.planos-top a {margin:5px 0; width:100%}
.planos-result ul li {font-size: 15px;width:15%;}
.planos-result ul li + li{width:14%;}
.planos-result ul li + li + li{width:28%;}
.planos-result ul li + li + li + li{width:28%;}
.planos-result ul li + li + li + li + li{width:15%;}
ul.firstcol-result li{font-size:11px;}
.planos-top .btn-sm{padding: 15px 15px;font-size: 11px; margin-bottom:10px; width:100%}
.planos-top .btn-sm:last-child{margin-bottom:0}
.planos-result ul li b {font-size: 12px;}

}


@media (max-width:320px) {
.planos-result ul li {font-size: 13px;width:15%;}
.planos-result ul li + li{width:14%;}
.planos-result ul li + li + li{width:28%;}
.planos-result ul li + li + li + li{width:28%;}
.planos-result ul li + li + li + li + li{width:15%;}
ul.firstcol-result li{font-size:8px; text-transform:uppercase;}
.planos-result ul li i{font-size:18px}
.planos-result ul li b {font-size: 12px;}

body {background-color: #fff;}
}