nav {
    background-color: #694e70 !important;box-shadow: none;
}

.page-footer {
    background-color: #694e70 !important;
}

.top-logo {
    height: 64px;
}
body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}
header, main, footer {
    padding-left: 300px;
}

@media only screen and (max-width : 992px) {
    header, main, footer {
        padding-left: 0;
    }
}

.collection li {
    list-style: none;
}

.scrollable-table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057
}

.side-nav {
    height: calc(100%);
    height: -webkit-calc(100% + 60px);box-shadow: 15px 0 20px rgba(0,0,0,0.1);
}

.side-nav a {
    display: flex;
    align-items: center;
    line-height: 1.3;font-size: 12px;
}

.flex-dynamic {
    display: flex;
    flex-direction: row;
}

.project-name {
    font-size: 0.75em;
    text-align: right;
}

.collection.with-header .collection-item {
    padding-left: 20px !important;
}

.collection .collection-item {
    padding: 5px 20px;
}

.collection-header:nth-child(2n), .collection-item:nth-child(2n) {
    background-color: #eeeeee !important;
}

@media only screen and (max-width: 700px) {
    /* flex-dynamic becomes flex-col */
    .flex-dynamic {
        flex-direction: column;
    }

    .project-name {
        text-align: left;
    }
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-row *, .flex-dynamic * {
    flex: 1 1 auto;
}

.flex-row .secondary-content {
    align-self: flex-end;
    flex: 0 1 auto;
}

img.voter {
    margin: 2px;
}

.device-link {
    display: flex;
    flex-direction: row;
}

.device-model {
    text-align: right;
    float: right;
    flex-grow: 2;
}

*{font-family: 'Montserrat', sans-serif;}

a {
    color: #694e70;
}
.teal {
    background-color: #694e70 !important;
}

.header-row {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; align-items: center;}

.header-col {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }


header.site-header{display: block;width: 100%;padding: 20px 35px 0;position:relative;z-index:99;border-bottom: 1px solid #cdcdcd;background: #ffffff;margin-bottom: 40px;padding-left: 330px}
header.site-header:after,
header.site-header:before{content: "";display: table;clear: both;}
.header-inner{max-width: 1780px;margin: 0 auto;padding: 0 40px;}
.header-inner:after,
.header-inner:before{content: "";display: table;clear: both;}
.gray-header header.site-header{background: #f5f5f5;}


.logo-bx{-webkit-box-flex: 0;-ms-flex: 0 0 240px;flex: 0 0 240px;max-width: 240px;}
.logo-bx img{width: 197px;}
.main-menu-bx{float: right;}
.main-menu-bx>ul{display: inline-block;margin: 0;}
.main-menu-bx>ul>li{display: inline-block;vertical-align: middle;margin: 0 2px;position:initial;}
.main-menu-bx>ul>li>a{font-size: 14px;color: #000000;font-weight: 500;position: relative;transition: 0.2s;-webkit-transition: 0.2s;margin-left: 27px;text-transform: uppercase;}
.main-menu-bx>ul>li>a:hover{color: #694e70;}
.main-menu-bx>ul>li.active>a{color: #000;font-weight: 700;}
.main-menu-bx>ul>li>a span{display: inline-block;position: relative;z-index: 1;padding: 0 6px;}
.main-menu-bx>ul>li>a span:after{content: "";position: absolute;bottom: -43px;width: 100%;height: 2px;background: #694e70;left: 0;transform: scaleX(0);-webkit-transform: scaleX(0);transition: 0.2s;-webkit-transition: 0.2s;}
.main-menu-bx>ul>li>a:hover span:after,
.main-menu-bx>ul>li.active>a span:after,
.main-menu-bx>ul>li>a.slMenu span:after{transform: scaleX(1);-webkit-transform: scaleX(1);}
.main-menu-bx>ul>li.phones-page-li>a span:before{content: "";position: absolute;bottom: -37px; width: 0;height: 0;border-left: 9px solid transparent;border-right: 9px solid transparent;border-bottom: 9px solid #7e4c8b;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.main-menu-bx>ul>li>a.has-dropdown-link i{margin-left: 3px;display: inline-block;vertical-align: middle;margin-top: -1px;}
/*.main-menu-bx ul li>a:after {content: ""; position: absolute; width: 100%; height: 2px; background: #694e70; bottom: -18px; left: 0; }*/
.dropdown-menu{background: #ffffff;margin-top: 4px;border: none;box-shadow: 0 9px 10px rgba(0,0,0,0.1);}
/*.dropdown-menu:after{content: "";position: absolute;bottom: 100%;left: 20px;width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #6a4e72;}*/
.dropdown-item {display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; }
.dropdown-item{font-weight: 500;font-size: 13px;color: #5e5e5e;text-transform: uppercase;}
.dropdown-item.active, .dropdown-item:active{color: #fff; text-decoration: none; background-color: #865a92;}
.btnx.btn-primary {border: 2px solid #694e70; box-shadow: none!important; background: #694e70; display: inline-block;border-radius: 30px;text-decoration: none;}
.main-menu-bx ul li .btnx{padding: 13px 25px;min-width: auto;}
.main-menu-bx ul li.buyNow-li a{margin-left: 0;}
.main-menu-bx .btnx.btn-primary{color: #ffffff;}
.main-menu-bx .btnx.btn-primary:hover{color: #694e70;background: transparent;}
.btn.text-uppercase {font-size: 14px; }
/*.main-menu-bx .btn.btn-primary{background: -moz-linear-gradient(0deg, rgba(59,108,195,1) 0%, rgba(103,79,117,1) 49%, rgba(106,78,113,1) 52%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(59,108,195,1)), color-stop(49%, rgba(103,79,117,1)), color-stop(52%, rgba(106,78,113,1)));
background: -webkit-linear-gradient(0deg, rgba(59,108,195,1) 0%, rgba(103,79,117,1) 49%, rgba(106,78,113,1) 52%);
background: -o-linear-gradient(0deg, rgba(59,108,195,1) 0%, rgba(103,79,117,1) 49%, rgba(106,78,113,1) 52%);
background: -ms-linear-gradient(0deg, rgba(59,108,195,1) 0%, rgba(103,79,117,1) 49%, rgba(106,78,113,1) 52%);
background: linear-gradient(90deg, rgba(59,108,195,1) 0%, rgba(103,79,117,1) 68%, rgba(106,78,113,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B6CC3', endColorstr='#6A4E71',GradientType=1 ); }*/
/*.main-menu-bx .btn.btn-primary:hover,
.main-menu-bx .btn.btn-primary:focus{background: transparent!important;color: #694e70!important;}*/
.clearapp-icon{filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);display: inline-block;vertical-align: middle;position: relative;top: -3px;transition: 0.3s;-webkit-transition: 0.3s;}
.btn.btn-primary:hover .clearapp-icon{filter: none;-webkit-filter: none;}


.clearunited-submenu {text-align: right; padding: 17px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.clearunited-submenu ul {display: inline-block;}
.clearunited-submenu ul li{display: inline-block; }
.clearunited-submenu ul li a{font-size: 16px; font-weight: 500; color: #7b7b7b; position: relative; padding: 0 14px; }
.clearunited-submenu ul li a:hover, 
.clearunited-submenu ul li.active a{color: #000;}
.clearunited-submenu ul li.active a:after {content: ""; position: absolute; width: 100%; height: 2px; background: #694e70; bottom: -18px; left: 0; }


.specs-dropdwon{position: relative;}
.specs-dropdwon .dropdown-menu-custom{position: absolute;left: 0;top: 110%;opacity: 0;visibility: hidden; background-color: #fff;border-radius: .25rem;z-index: 1000;border: none;padding: 4px 0;box-shadow: 3px 5px 10px rgba(0,0,0,0.1);transition: 0.3s;-webkit-transition: 0.3s;display: block!important;}
.specs-dropdwon .dropdown-menu-custom{min-width: 110px;}
.specs-dropdwon:hover .dropdown-menu-custom{opacity: 1;visibility: visible;top:95%;}
.specs-dropdwon .dropdown-menu-custom a{padding: 10px;font-size: 13px;font-weight: 600!important;}
.specs-dropdwon .dropdown-menu-custom a:hover{background: #f5f5f5;}
.specs-dropdwon .dropdown-menu-custom a span{margin-right: 3px;display: inline-block;vertical-align: middle;}
.specs-dropdwon .dropdown-menu-custom a span img{max-width: 30px;display: block;}

.Hardware-sub-menu .ClearPhoneSubMenu .container>ul{margin-right: 308px}

.ClearPhoneSubMenu{padding: 16px 0;background: #ececec;text-align: right;padding-right: 25px;}
.ClearPhoneSubMenu ul li{display: inline-block;margin-left: 13px;}
.ClearPhoneSubMenu ul li a{padding: 4px;text-transform: uppercase;color: #000000;font-weight: 500;font-size: 14px;font-weight: 400;}
.ClearPhoneSubMenu ul li a:hover{color: #6a4f72;}
.ClearPhoneSubMenu ul li.active a{color: #000;font-weight: 700;}


/*full submenu with image css*/
.dropdown-menu-custom-full {position: absolute; left: 0; top: 100%; background: #fff; width: 100%; z-index: 9; text-align: center; border-top: 1px solid #ddd; padding: 22px 15px; opacity: 0;visibility: hidden;top: 0;transition: 0.3s;-webkit-transition: 0.3s;}
.specs-dropdwon-full:hover .dropdown-menu-custom-full{opacity: 1;visibility: visible;top:95%;}
.dropdown-item-full {display: inline-block; text-align: center; font-size: 12px!important; color: #000!important; padding: 0 25px!important; }
.dropdown-item-full>span {display: block; margin-bottom: 5px; }
.dropdown-item-full>span img {max-height: 60px; transition: 0.3s;-webkit-transition: 0.3s;}
.dropdown-item-full:hover img{transform: translateY(-2px);-webkit-transform: translateY(-2px);}
.specs-dropdwon-full>div a{position: relative;}
.specs-dropdwon-full>div a:before{content: "";position: absolute;left: 0;width: 100%;top: 100%;height: 40px;background: transparent;}
.right-sep{position: relative;}
.right-sep:after{content: ""; position: absolute;right: -23px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 1px;height: 20px;background: #ddd;}

@media screen and (max-width: 1450px)
{
    .dropdown-menu-custom-full{padding: 12px 15px;}
}
@media screen and (max-width: 991px)
{
    .dropdown-menu-custom-full{display: none;opacity: 1;visibility: visible;position: initial;top: 0;left: 0;padding: 0;border-top: none;}
    .specs-dropdwon-full:hover .dropdown-menu-custom-full{opacity: 1;visibility: visible;top:0;}
    .ClearPhoneSubMenu ul>li>div{position: relative;}
    .ClearPhoneSubMenu ul>li>div i{position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 40px;text-align: center;z-index: 5;}
    .ClearPhoneSubMenu ul>li>div>a{padding: 8px 0; text-align: left; display: block;}
    .dropdown-item-full{    padding: 5px!important; width: 49%; display: inline-block!important; text-align: center!important; float: left;font-size: 10px!important;}
    .dropdown-menu-custom-full:after{content: "";display: table;clear: both;}
    .specs-dropdwon-full>div a:before{display: none;}
    .right-sep:after{display: none;}
}

@media screen and (max-width: 767px)
{
    /*.dropdown-menu-custom-full{    display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;justify-content: space-between;align-items: center;}*/
    .dropdown-item-full{padding: 0!important;}
}
@media screen and (max-width: 480px)
{
    .dropdown-menu-custom-full{padding: 0;}
    .share-btn{margin-left: 0;margin-top: 10px;}
    .dropdown-item-full{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;padding: 5px 0!important;}
}
/*full submenu with image css*/


.site-header{/* margin-bottom: 60px; */position: relative;}
.site-header .col{position: initial;}
.ClearPhoneSubMenu{position: absolute;left: 0;top: 100%;width: 100%;display: none;}
.slMenu{pointer-events: none;}


#main-menu-toggle,
#close-main-menu,
.black-layer,
.button-collapse{display: none;}

@media screen and (max-width: 1800px)
{
    .header-row{    padding: 0 25px;}
    .ClearPhoneSubMenu .contacinerx{max-width: 100%;padding-right: 25px;}
}


@media screen and (max-width: 991px)
{
    .site-header-os{padding: 15px 0;}
    .header-search-bx{width: 302px;}
    .main-menu-opner{margin-left: 17px;}
    .main-menu-bx-os{width: 84%;}

    .application-row .col{-ms-flex: 0 0 33.333333%!important; flex: 0 0 33.333333%!important; width:33.333333%!important;  max-width: 33.333333%!important;}

    .repeat-section{padding: 60px 0;}
    .app-detail-bx>h2{font-size: 23px;}
    .app-logo-bx{height: auto;line-height: initial;padding: 15px;}
    .app-detail-bx{margin-top: 0;}
    .upload-app-form-inner{ padding: 20px; }
    .upload-app-banner{ padding: 69px 0 407px 0 }
    .upload-app-banner h2{ font-size: 26px }

    .app-upload-box { text-align: center!important; }
    .app-upload-box .col-lg-6.text-right{ text-align: center!important; }
    .clear-app-icon div{ text-align: left!important; }
    .clear-icon-ul{ margin-top: 15px; }
    .guaranteed-app-txt{ padding-top: 0; }
    .apk-info-bx{ padding:20; }

    .new-same-heading>h1, .new-same-heading>h2{font-size: 34px;}
    .migrate-phone-img img{max-height: 440px;}
    .slider-text{text-align: center;margin-top: 40px;padding-right: 0;}
    .iphone-to-android-bx.text-center{margin-top: 40px;}
    .carousel-inner .order-last{-webkit-box-ordinal-group: 0;-ms-flex-order: 0;order: 0;}
    .phone-img-box .google-icon{margin-top: 22px;margin-bottom: 30px;}
    .phone-img-box img {max-height: 450px;}
    .new-same-heading{padding-bottom: 50px;}

    .migrate-banner{padding: 60px 0 0 0;}


    #main-menu-toggle{display: inline-block;float: right;width: 40px;height: 40px;background: #694e70;border-radius: 50%;cursor: pointer;text-align: center;position: relative;}
    #main-menu-toggle img{max-width: 18px;position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin:  auto;filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}
    .main-menu-bx{position: fixed;background: #fff;width: 300px;right: 0;top: 0;height: 100%;padding:30px  15px;z-index: 91;transform: translateX(100%);-webkit-transform: translateX(100%);transition: 0.4s;-webkit-transition: 0.4s;overflow: auto;}
    .main-menu-bx ul{display: block;}
    .main-menu-bx ul li{display: block;}
    .main-menu-bx ul li>a{display: block;color: #333333;padding: 16px 0;text-align: center;margin-right: 0;font-size: 14px;margin-left: 0;}
    .main-menu-bx ul li>a span{padding: 0 7px;display: flex;justify-content: space-between;}
    .main-menu-bx ul li:last-child>a{margin-left: 0;}
    .main-menu-bx ul li .btn{margin-bottom: 10px;}
    .main-menu-bx ul li>a span:after{display: none;}

    .main-menu-bx ul li>a.slMenu{font-weight: 700;}
    .ClearPhoneSubMenu{position: initial;width: auto;margin: 0 -15px;padding: 15px 25px;margin-bottom: 10px}
    .ClearPhoneSubMenu ul>li{margin-left: 0!important;}
    .ClearPhoneSubMenu ul>li>a{padding: 8px 0;text-align: left;display: flex;justify-content: space-between;}
    .specs-dropdwon .dropdown-menu-custom{left: 0;width: 100%;}

    .show-main-menu-bx{transform: translateX(0);-webkit-transform: translateX(0);}

    #close-main-menu{display: inline-block;width: 40px;height: 40px;/*border:1px solid #c2510f;*/background: #694e70;position: relative;border-radius: 50%;margin-bottom: 10px;cursor: pointer;}
    #close-main-menu img{max-width: 14px;position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin:  auto;filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}

    .black-layer{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0;z-index: 90;visibility: hidden;display: block;transition: 0.4s;-webkit-transition: 0.4s;}
    .show-black-layer{visibility: visible;opacity: 0.5;}

    .logo-bx {-webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; max-width: 200px; }
    .logo-bx img{width: 160px;}
    .site-header .dropdown-menu{position: relative!important;top: 0!important;left: 0!important;right:0!important;transform: none!important;width: 100%;margin-bottom: 20px;float: none;}
    .site-header .dropdown-menu:after{left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}

    .site-header{margin-bottom: 0;;}


}





.card-panel{box-shadow: none;margin: 0;}

.side-nav .userView{padding: 90px 15px;background: #694e70;margin-bottom: 0;}
.side-nav .userView .background{display: none;}
.side-nav .userView a[href="#!user"]{display: inline-block;width: 35px;height: 53px;background: url(device-icon.png);background-size: cover;}
.side-nav .userView a[href="#!user"] img{display: none;}
.side-nav .userView .name{font-size: 24px;}
.userView a{justify-content: center;}
.collapsible-accordian .collapsible-header{font-size: 18px;color: #694e70;}
.collapsible-body .device-link{padding-left: 26px;}
.collapsible-body .device-link:before {content: ""; width: 12px; height: 2px; background: #fff; margin-right: 4px; }
.striped.bordered tbody {
    box-shadow: 0 0 20px 6px rgba(0,0,0,0.1);
}
.striped.bordered thead{border-bottom: 0;}
.striped.bordered thead th{font-size: 18px;color: #694e70;}
.striped.bordered thead tr{border-bottom: 0;}
.striped.bordered tbody tr:last-child{border-bottom: 0;}
td, th {padding: 15px 15px;}
table.striped>tbody>tr:nth-child(odd) {
    background-color: #ffffff;
}
.scrollable-table{overflow-x: initial;margin-top: 30px;}

.nav-wrapper{position: relative;}
.nav-wrapper:after{content: "";position: absolute;right: 36px;top: 50%;transform: translateY(-50%);width: 58px;height: 58px;background: url(clearos-logo.png);background-size: cover;}

.side-nav .userView{display: flex; justify-content: center; flex-flow: column; align-items: center;}
.collection{margin: 0;border: none;}

@media only screen and (min-width: 601px)
{
    nav, 
    nav .nav-wrapper i, 
    nav a.button-collapse, 
    nav a.button-collapse i {height: 75px; line-height: 75px; }
}

.other-site-section .container,
.containerx{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 992px)
{
    .other-site-section .container,
    .containerx {max-width: 960px; }
}

@media (min-width: 1200px)
{
    .other-site-section .container,
    .containerx {max-width: 1170px; padding: 0; }
}

/*======================clear.co.com ftr css=====*/
.site-ftr{display: block;padding: 0;background: #f5f5f5;padding-top: 30px;position: relative;border-top: 2px solid #e0e0e0;clear: both;}

.footer-container {width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.footer-row{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; -ms-flex-align: center!important;align-items: center!important;-ms-flex-pack: center!important;justify-content: center!important}
.footer-row div[class*="footer-"]{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;}

.site-ftr .mb-4{margin-bottom: 1.5rem!important;}
.ftr-btn.ftr-btn-primary{ padding: 7px 20px; border:2px solid #7f7f7f; border-radius: 3px;  font-weight: 500; font-size: 14px; transition: 0.2s ease-out; -webkit-transition: 0.2s ease-out;background: #7f7f7f; transition: 0.3s;-webkit-transition: 0.3s;color: #ffffff;margin-bottom: 17px;display: inline-block;}
.ftr-btn.ftr-btn-primary:hover{ background: transparent; color: #7f7f7f; }

.ftr-logo{text-align:center;}
.ftr-logo img{width: 140px; }
.copyright{background: #e3e1e1;padding: 12px 0;text-align: center;}
.copyright:after,
.copyright:before{content: "";display: table;clear: both;}
.copyright p{font-size: 14px;color: #656364;font-weight: 500;display: inline-block;float: left;padding-top: 3px;margin: 0;}
.copyright p a{color: #656364;}
.copyright p a:hover{text-decoration: underline!important;}
.copyright p span{vertical-align: middle;display: inline-block;}
.ftr-menu{padding-left: 30px;}
.ftr-menu ul li{display: block;}
.ftr-menu ul li + li{margin-top: 11px;}
.ftr-menu ul li a{color: #1f1f1f;font-size: 16px;font-weight: 500;transition: 0.3s;-webkit-transition: 0.3s;}
.ftr-menu ul li a:hover{color: #000000;}
.ftr-inquiry{padding-left: 40px;}
.ftr-inquiry>p{font-size: 16px;color: #000000;font-weight: 500;}
.ftr-inquiry>p + p{margin-top: 20px;}
.ftr-inquiry>p a{font-size: 14px;color: #6f6f6f;display: block;}
.ftr-newslatter{text-align:center;}
.ftr-newslatter>h2,
.ftr-heading{font-size: 20px;color: #000000;margin-bottom: 20px;}
.form-control{height: 49px!important;border-radius: 30px;padding-left: 20px;font-weight: 600;font-size: 14px;box-shadow: none!important;border: 2px solid #dedede;background: #f9f9f9;}
.form-control:hover{border-color: #b7b7b7;}
.form-control:focus{border-color: #694e70;background: #f9f9f9;}
textarea.form-control{border-radius:10px;border-radius: 10px;height: 150px!important;resize:none;}
.ftr-newslatter .form-control{padding-right: 94px;}
.ftr-newslatter .form-group{position: relative;}
.ftr-newslatter .form-group>button{display: inline-block;min-width: 85px;height: 100%;line-height: 42px;border-radius: 50px;background: #694e70;outline: none;cursor: pointer;position: absolute;right: 0;top: 0;transition: 0.3s;-webkit-transition: 0.3s;}
.ftr-newslatter .form-group>button:hover{background: #45264d;}
.ftr-newslatter .form-group>button>img{filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);max-width: 22px;}
.social-ul{margin-top: 30px;}
.social-ul li{display: inline-block;margin-left: 20px;}
.social-ul li a{color: #694e70;font-size: 25px;transition: 0.3s;-webkit-transition: 0.3s;}
.social-ul li a:hover{color: #45264d;}

.other-site-section{background: #d4d4d4;margin-top: 30px;padding-left: 15px;}
.other-site-section:after,
.other-site-section:before{content: "";display: table;clear: both;}
.other-site-section .container{width: 100%;max-width: 100%;}
.other-site-left{float: left;}
.other-site-left ul{margin: 0;padding: 0;list-style: none;}
.other-site-left ul:after,
.other-site-left ul:before{content: "";display: table;clear: both;}
.other-site-left ul li{list-style: none;display: inline-block;position: relative;}
.other-site-left ul li:after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);height: 11px;width: 1px;background: #000;}
.other-site-left ul li a{line-height: 46px;padding: 0 14px;color: #252525;font-size: 14px;font-weight: 500;transition: 0.3s;-webkit-transition: 0.3s;display: inline-block;}
.other-site-left ul li a:hover{color: #000000;}
.other-site-left ul li:first-child{background: #bfbfbf;line-height: 46px;padding: 0 17px;margin-right: 8px;color: #ffffff;font-size: 14px;font-weight: 300;}
.other-site-left ul li:first-child:after,
.other-site-left ul li:last-child:after{display: none;}
.other-site-left ul li:first-child:before{content: "";  width: 0; height: 0; border-top: 7px solid transparent; border-left: 7px solid #bfbfbf; border-bottom: 7px solid transparent;position: absolute;left: 100%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

.other-site-right{float: right;padding-top: 3px;}
.other-site-right ul{margin: 0;}
.other-site-right ul li a{font-size: 16px;color: #3f3f3f;}
.other-site-right ul li a:hover{color: #000;}
.other-site-right:after,
.other-site-right:before{content: "";clear: both;display: table;}

.think-clearly-logo img{width: 90px;}


@media screen and (max-width: 1199px)
{
    .other-site-left ul li:first-child{padding:0;}
    .other-site-left ul li a{padding:0 13px;}
}
@media screen and (max-width: 991px)
{
    .site-ftr{text-align: center;}
    .ftr-logo{text-align: center;margin-bottom: 40px;}
    .ftr-menu{margin-bottom: 40px;padding-left: 0;}
    .ftr-newslatter{padding-left: 0;}

    .other-site-left{width: 100%;}
    .other-site-left ul li:first-child{text-align:center;display:block;width:100%;}
    .other-site-left ul li:first-child:before{border-top: 7px solid #bfbfbf;border-left: 7px solid transparent;border-bottom: 7px solid transparent;border-right: 7px solid transparent;top: 100%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
    .other-site-left ul li{width: 49%;text-align: center;}
    .other-site-left ul li:after{display:none;}
    .copyright{text-align:center;}
    .other-site-right{float:none;}
    .copyright p{width:100%;}
    .ftr-mid-logo{padding-top: 0;}
}

@media screen and (max-width: 575px)
{
    .footer-xs-6{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
}


@media (min-width: 576px)
{
    .footer-sm-3{-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .footer-container{max-width: 540px;}
}

@media (min-width: 768px)
{
    .footer-md-2{-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
    .footer-container{max-width: 720px;}
}
@media (min-width: 992px)
{
    .footer-lg-2{-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
    .footer-container{max-width: 960px;}
}
@media (min-width: 1200px)
{
    .footer-container{max-width: 1170px;}
}
/*======================clear.co.com ftr css=====*/