/*

[Main Stylesheet]

Project     : CloudSky - Multipurpose Domain, Hosting and WHMCS Template
Version     : 1.5
Author      : ThemeLooks
Author URI  : https://themeforest.net/user/themelooks


NOTE:
------
PLEASE DO NOT EDIT THIS CSS, YOU MAY NEED TO USE "custom.css" FILE FOR WRITING YOUR CUSTOM CSS.
WE MAY RELEASE FUTURE UPDATES SO IT WILL OVERWRITE THIS FILE. IT'S BETTER AND SAFER TO USE "custom.css".


[TABLE OF CONTENTS]

1. GENERAL STYLES
    1.1 HEADINGS
    1.2 LINKS
    1.3 NAV LINKS
    1.4 BUTTONS
    1.5 FORM CONTROLS
    1.6 INPUT GROUPS

2. HELPER CLASSES
    2.1 FLOATS
    2.2 MARGINS
    2.3 PADDINGS
    2.4 TEXT COLORS
    2.5 BACKGROUND IMAGE
    2.6 BACKGROUND OVERLAY
    2.7 BACKGROUND COLORS
    2.8 SECTION DIVIDER
    2.9 GUTTERS
    2.10 VERTICAL CENTERING

3. COMPONENTS
    3.1 SECTION TITLE
    3.2 DROPDOWN MENU
    3.3 UI SPINNER
    3.4 OWL DOTS
    3.5 OWL NAV
    3.6 PAGINATION
    3.7 CONTENT INNER
    3.8 COMMENT LIST
    3.9 COMMENT RESPOND
    3.10 PRELOADER

4. WIDGETS
    4.1 WIDGET TITLE
    4.2 SEARCH WIDGET
    4.3 ABOUT WIDGET
    4.4 LINKS WIDGET
    4.5 NAV WIDGET
    4.6 NEWSLETTER WIDGET
    4.7 TAB NAV WIDGET
    4.8 CART WIDGET WIDGET
    4.9 PORTFOLIO INFO WIDGET
    4.10 PORTFOLIO RELATED WIDGET
    4.11 RECENT POSTS WIDGET
    4.12 TAGCLOUD

5. HEADER SECTION
    5.1 HEADER TOPBAR
    5.2 HEADER NAVBAR

6. PAGE HEADER SECTION
    6.1 PAGE HEADER BREADCRUMB
    6.2 PAGE HEADER TITLE

7. PAGE CONTENT SECTION
    7.1 PAGE CONTENT INNER

8. BANNER SECTION
    8.1 BANNER SLIDER
    8.2 BANNER CONTENT

9. DOMAIN SEARCH SECTION
    9.1 DOMAIN SEARCH FORM GROUP
    9.2 DOMAIN SEARCH FORM EXTRAS

10. SERVICES SECTION
    10.1 SERVICE ITEM
    10.2 SERVICE DETAILS

11. PRICING SECTION
    11.1 PRICING NAV
    11.2 PRICING SLIDER
    11.3 PRICING ITEM
    11.4 PRICING TABLE

12. VPS PRICING SECTION
    12.1 VPS PRICING SLIDER
    12.2 VPS PRICING FEATURES
    12.3 VPS PRICING PRICE
    12.4 VPS PRICING ACTION

13. FEATURES SECTION
    13.1 FEATURES ITEM

14. PORTFOLIO SECTION
    14.1 PORTFOLIO FILTER MENU
    14.2 PORTFOLIO ITEM
    14.3 PORTFOLIO DETAILS

15. PRODUCTS SECTION
    15.1 PRODUCT ITEM
    15.2 PRODUCT IMAGE GALLERY
    15.3 PRODUCT SUMMERY
    15.4 PRODUCT DETAILS NAV
    15.5 RELATED PRODUCTS

16. CART SECTION
    16.1 CART ITEMS
    16.2 COUPON CODE
    16.3 CART TOTAL

17. CHECKOUT SECTION
    17.1 CHECKOUT INFO
    17.2 CHECKOUT TITLE
    17.3 CHECKOUT FORM

18. TEAM SECTION
    18.1 TEAM MEMBERS

19. TESTIMONIAL SECTION
    19.1 TESTIMONIAL SLIDER
    19.2 TESTIMONIAL ITEM

20. COUNTER SECTION
    20.1 COUNTER ITEM

21. AFFILIATE SECTION
    21.1 AFFILIATE INFO ITEMS
    21.2 AFFILIATE PRICING ITEM

22. FAQ SECTION
    22.1 FAQ ITEMS

23. CALL TO ACTION
    23.1 CALL TO ACTION CONTENT

24. BLOG SECTION
    24.1 POST ITEM

25. CONTACT SECTION
    25.1 CONTACT INFO ITEM
    25.2 CONTACT FORM

26. CLIENTS SECTION
    26.1 CLIENT BRAND

27. FOOTER SECTION
    27.1 FOOTER COPYRIGHT

28. COMING SOON SECTION
    28.1 COMING SOON CONTENT
    29.1 404 CONTENT

29. 404 SECTION
    29.1 404 CONTENT

30. LOGIN FORM

31. COOKIE NOFITY

32. BACK TO TOP BUTTON

*/

/*------------------------------------*\
    1. GENERAL STYLES
\*------------------------------------*/

@font-face {
   font-family: 'Jost';
    src: local('\themes\default\fonts\Jost Light'), local('Jost-Light'),
        url('\themes\default\fonts\Jost-Light.woff2') format('woff2'),
        url('\themes\default\fonts\Jost-Light.woff') format('woff'),
        url('\themes\default\fonts\Jost-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
  }

  .footer-area {
	background-color: #272a33;
    font-family: 'Muller';
}
.desc {
	    color: #d8dadf;
    font-size: 18px;
    line-height: 1.95;
    margin-bottom: 32px;
}
/*.logo-main {
	margin-bottom: 42px;
    margin-top: -8px;
	width: 80px;float: left;position: absolute;bottom: -56px;

}*/
@media (max-width: 767px) {
/*   .logo-main { width: 80px;
    float: left;
    position: absolute;
    !* display: block; *!
    !* overflow: hidden; *!
    bottom: -56px;
    !* margin: auto 20%; *!
    left: 20%;
}*/
}
.footer-area .social-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .footer-area .social-icons {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.footer-area .social-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.footer-area .social-icons a {
  border: 2px solid #e3e8f1;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  display: inline-block;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 45px;
}

[class^="icofont-"], [class*=" icofont-"] {
    font-family: 'IcoFont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    /*line-height: 3;*/
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
}
*, ::after, ::before {
    box-sizing: border-box;
}
/*.fa {
	line-height: 3 !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/
@media (max-width: 1199px) {
  .footer-area .social-icons a {
    font-size: 13px;
    height: 42px;
    width: 42px;
    line-height: 38px;
  }
}
.footer-area .social-icons a + a {
  margin-left: 15px;
}
.footer-area .social-icons a:hover {
  border-color: #03a84e;
  background-color: #03a84e;
}
}
.footer-bottom .copyright {
    color: #fff;
    font-size: 15px;
    margin-bottom: 0;
    position: relative;
    top: 1px;
	text-align: center;
}
.fa-chevron-up {
	line-height: 25px !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.footer-main {
    background-color: #272a33;
    position: relative;
    padding: 100px 0 36px;
}
@media (max-width: 1199px) {
  .footer-main {
    padding: 75px 0 34px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-main {
    padding: 75px 0 44px;
  }
}
.footer-bottom {
    background-color: #272a33;
    text-align: center;
}
.footer-bottom .footer-bottom-content {
    border-top: 1px solid rgba(232, 238, 244, 0.08);
    padding: 23px 0 24px;
}
.footer-area .widget-item {
    margin-bottom: 30px;
}
.footer-area .widget-logo-area {
    margin-bottom: 42px;
    /*margin-top: -8px;*/
}
.footer-area .desc {
    color: #d8dadf;
    font-size: 18px;
    line-height: 1.95;
    margin-bottom: 32px;
}
@media (max-width: 767px) {
.footer-area .desc {
    text-align:center;
}
}
.footer-area .nav-menu-item1 {
    margin-left: 41px;
}
.footer-area .widget-title {
  display: block;
  	font-size: 28px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 40px;
}
@media (max-width: 767px) {
.footer-area .widget-title {
    display: none;
}
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #272a33;
    font-family: "Muller", sans-serif;
    font-weight: 600;
    line-height: 1.2;
   /* margin-bottom: 10px;*/
    margin-top: 0;
}


@media (min-width: 992px)
{
.col-md-6 col-lg-6 {
    flex: 0 0 auto;
    width: 25%;
}}
@media (max-width: 767px) {
.footer-area .widget-item {
    margin: 0 0px 30px;
    text-align: left;
}}

@media (min-width: 767px) {
.collapse-body {
    display: block;
}
}
@media (min-width: 767px) {
.nav-menu li {
     text-align: left;
}
}
.footer-main .widget-collapsed-title {
  display: block;
  position: relative;
  background-color: #333640;
  border: 1px solid #3d3f48;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  border-radius: 0;
  cursor: pointer;
  font-size: 18px;
  margin-bottom: 0;
  color: #fff;
  font-weight: 600;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* currently supported by Chrome, Edge, Opera and Firefox */
}
@media (min-width: 767px) {
  .footer-main .widget-collapsed-title {
    display: none;
  }
}
@media (min-width: 767px) {
  .footer-main .widget-collapse-body {
    display: block;
  }
}
   .footer-main .widget-collapsed-title::before {
    font-size: 14px;
    content: "\25BC";
    position: absolute;
    right: 0;
    height: 100%;
    width: 60px;
    text-align: center;
}

*, ::after, ::before {
    box-sizing: border-box;
}
.footer-main .widget-collapsed-title:not(.collapsed)::before{
    content: "\25B2";

}
.footer-main .widget-collapsed-title:not(.collapsed)::after {
    content: "\25B2";

}

.footer-main .widget-collapse-body {
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
  .footer-main .widget-collapse-body {
    background-color: #333640;
    border: 1px solid #3d3f48;
    border-top: none;
  }
}
@media (max-width: 767px) {
  .footer-main .widget-collapse-body .collapse-body {
    padding: 16px 24px 16px;
  }
}
.footer-area .nav-menu li {
    color: #d8dadf;
    display: block;
    font-size: 18px;
    line-height: 50px;
}
@media (max-width: 767px) {
.footer-area .nav-menu li a{
 text-align:left;
}
}
/*.footer-area .nav-menu li a {
    color: #d8dadf;
    font-size: 18px;
    line-height: 50px;
    padding: 0 0;
    display: block;
}*/
.footer-area .nav-menu li a:hover {
    color: #03a84e;
}
ol, ul {
    padding-left: 0rem;
}
.widget--title {
	top: 4px;position: relative;right: -86px;
;
}
@media (max-width: 767px) {
  .widget--title {
   	    top: 4px;
    position: relative;
    left: 40%
  }
}
.nav-menu .fa {
	line-height: 1 !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

/*.widget--title_head {
	    top: 4px;
    position: relative;
    right: -86px;
}*/
.widget--title_head {
    font-size: 22px;
    color: #fff;
    text-transform: capitalize !important;
    font-weight: 600;
    font-family: "Muller", sans-serif;
    margin-bottom: 67px;
}
.footer-newsletter-content {
	text-align: center;
}
.input-group-addon {
    position: absolute;
    right: 101%;
    padding: 0px 0px 0px 8%;
    margin: 0;
    color: #fff;
    font-size: 16px;
    width: 100%;
    height: 85%;
    border-radius: 5px;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.input-group-addon .options
{
    background-color: #fff;
    color: #272a33;
}
}/*.input-group-addon {
    position: absolute;
    position: absolute;
    right: 216px;
    padding: 0;
    margin: 0;
    background-color: #1e41a8;
    color: #fff;
    font-size: 16px;
    border: 2px solid #272a33;
    width: 201px;
    height: 62px;
    border-radius: 5px;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}*/
 select.btn-default.active {
    width: 100%;
    height: 100%;
    background-color: #f4f7f7;
    color: #000;
    border: 1px solid #ccc !important;

}
.cont1 {
	border-bottom: 1px solid #e3e9e9;
}

 .sel1 .col-xl-3 {
    flex: 0 0 auto;
    width: 20%;
}

@media (max-width: 767px) {
  .sel1 {
    width: 100%;
  }
}
.info_sale1{
	    bottom: 0px;
    position: absolute;
    background: rgb(255 255 255 / 62%);
    width: 100%;
    left: 0;
    padding: 10px 20px;
}

.form-title a {
	color: #03a84e;
    text-decoration: none;
}
.arhiv a {
	    font-size: 16px;
    color: #a5aaae;
    border: 1px solid #dfe2e7;
    background-color: transparent;
    border-radius: 50px;
    display: inline-block;
    color: #616c7d;
    font-size: 13px;
    height: 25px;
    padding: 0 15px;
    line-height: 22px;
    margin-bottom: 7px;
    margin-left: 5px;
	position: absolute;
    top: 1px;
}
/*body {
font-family: "JostRegular", sans-serif;
}*/
/*h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #272a33;
    font-family: "JostRegular", sans-serif;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px;
    margin-top: 0;
}*/
/*
th .status {
	background-color: #f4f7f7;
    border-radius: 5px;
    color: #272a33;
    display: inline-block;
    font-size: 12px !important;
    padding: 6px 19px;
	width: 100px;
    color: #1ca32b;
    font-weight: 400;

}*/