/*




Theme Name: Child Circles Wordpress Theme

Theme URI: 

Description: Clean Corporate Theme, Child theme by Smart Web Sol

Version: 4.4

Author: ThemeSmack Team (Child Theme SWS)

Author URI: 

Template: circles

License: GNU General Public License v2.0

License URI: http://www.gnu.org/licenses/gpl-2.0.html



*/

.headline.marble h1 {
 color: #A6AAAD;
 font-size: 15px;
}




.preheader-builder i {

    padding-right: 15px;

    font-size: 28px;

    font-style: normal !important;

}

.logo img {

    display: block;

    margin-top: -40px;

}



.logo {

    display: block;

    float: left;

    padding-bottom: 5px;

}





.three-plates .plate h2, .three-plates .plate h3 {

    color: #000;

    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);

    text-align: center;

}



.three-plates .plate h3 {

    text-transform: none;

}





.purchase-plate, .sc-call-to-action {

   border-left: 0px solid #427BB1;

   margin-bottom: 0px;

}



.purchase-plate_header {

    font-size: 40px;

  padding-left: 12px;

}



.purchase-plate_text {

    font-size: 35px;

  padding-left: 12px;

}





.three-plates .plate {

     background-color: #fff;

width: 25%;

}



.three-plates {

    overflow: hidden;

   background: none repeat scroll 0% 0% #fff !important;

}



.three-plates .plate .alpha, .three-plates .plate .omega {

        background: none repeat scroll 0% 0% #fff !important ;

}



.preheader-builder {

    color: #2e578f;

    line-height: 37px;

    border-bottom: 0px solid #EFF2F2;

}





footer .widget h2 {

    color: #fff;

}



.tran02slinear {

    transition: none !important;

}



.socials li span {

    position: absolute !important;

    background: none !important;

    box-shadow: none !important;

    border-radius: 0px !important;

    margin-top: 0px !important;

}



.socials li {

    margin-top: 0px;

}



.three-plates .plate h3 {

    padding-left: 5px;

    padding-right: 5px;

}





.sc-call-to-action-right {

    text-align: left;

    padding: 15px;

}



.sc-call-to-action .sc-call-to-action-text {

    font-size: 22px;

    padding: 0px;

}



.sc-call-to-action-right .sc-call-to-action-button {

    padding: 8px;

    margin-left: 0px !important;

}



.purchase-plate_button {

    width: 225px;

    font-size: 18px;

}



.purchase-plate {

    padding: 30px 210px 30px 10px;

background: white;



}



.menu > li:first-child {

    margin-left: -14px;

}



.menu li {

    position: relative;

    display: inline-block;

    margin-right: 10px;

}





.three-plates-upload span, .three-plates-upload span + span {

    background-image: none !important;

}



.three-plates-upload {

    height: 0px;

    margin: 0px auto 0px;

}



.z-content {

    background: #fff;

    border: 1px solid #ddd;

}



.sc-divider {

   margin-bottom: 3px !important;

}



body {
     font-size: 15px !important;

    }



p {

    line-height: 1.8;

}



.bbb  {

     margin-left : 282px;

      margin-top: -38px;

float: inherit;

}





 @media screen and (max-width: 320px), (min-device-width: 320px) and (max-device-width: 568px) and (orientation : portrait) {



.three-plates-upload {

    height: 60px;

    margin: 0px auto 10px;

}





.three-plates-upload span, .three-plates-upload span + span {

    background-position: center center;

    background-repeat: no-repeat;

    background-image: none;

    top: -30px;

    left: -121px;

}

.three-plates .plate h2 {

    font-size: 24px;

    font-weight: 300;

    text-transform: none;

    margin-bottom: 1px;

    margin-top: -92px;

    color: #508bbf;

}



.three-plates .plate h3 {

     color: #000;

text-transform: none;



}



.three-plates .plate {

    background-color: #fff !important;

margin-top: 5px;

}



.b960 .container {

    background-color: #fff !important;

}

.sc-icon {

    padding-left: 14px;

    border-bottom: 1px solid #DADADA;

    position: relative;

    margin-bottom: 20px;

}





.sc-icon span.uploaded {

   display: none;

}

.w960 .horizontal .z-link, .b960 .horizontal .z-link {

    padding: 9px 15px;

}



.tp-caption h2 {

    font-size: 14px;

}



.tp-caption h2 b {

    font-size: 14px;

}



.tp-caption a {

    color: #FFf;

    text-shadow: none;

    transition: all 0.2s ease-out 0s;

}





footer .widget_text div {

  color: #ffffff;

  margin-left: 41px;

}

footer .widget_text {

  margin-bottom: 0px;

}



footer .widget h2 {

  margin-bottom: 5px;

  margin-top: 20px;

  margin-left: 26px;

}



.purchase-plate_header {

    font-size: 20px;

    padding-left: 12px;

}



div.purchase-plate {

 padding: 0px 0px 0px;

 text-align: center;

}



.purchase-plate a.purchase-plate_button {

  margin: 17px 50px 10px;

}



}







@media screen and (min-width: 320px) and (max-width: 568px), (min-device-width: 320px) and

(max-device-width: 568px) and (orientation : landscape) {

.three-plates-upload span, .three-plates-upload span + span {

    background-position: center center;

    background-repeat: no-repeat;

    background-image: none !important;

    top: -30px;

    left: -121px;

}



.three-plates-upload {

    height: 60px;

    margin: 0px auto 10px;

}



.three-plates .plate h2 {

    font-size: 24px;

    font-weight: 300;

    text-transform: none;

    margin-bottom: 1px;

    margin-top: -92px;

}

.three-plates .plate {

    background-color: #e7e7e7;

margin-top: 5px;

}



.three-plates .plate h2 {

    color: #508bbf;

}



.three-plates .plate h3 {

     color: #000;



}

.b960 .container {

    background-color: #fff;

}



.sc-icon span.uploaded {

    display: none;

}



}



.tp-caption a {

    color: #FFf;

    text-shadow: none;

    transition: all 0.2s ease-out 0s;

}




footer .widget_text div {

  color: #ffffff;

  margin-left: 41px;

}



footer .widget_text {

  margin-bottom: 0px;

}



footer .widget h2 {

  margin-bottom: 5px;

  margin-top: 20px;

  margin-left: 26px;

}



}

.bbb {

    float: left;

    margin-left: 150px;

    margin-top: -38px;

}
/*
.bbb {
	float: left;
	margin-left: 34%;
	margin-top: -38px;
}
@media only screen and (max-device-width : 1200px)  {
.bbb {
		margin-left: 31%;
	}
}
@media only screen and (max-device-width : 968px)  {
.bbb {
		margin-left: 29%;
	}
}
@media only screen and (max-device-width : 940px)  {
.bbb {
		margin-left: 27%;
	}
}
@media only screen and (max-device-width : 910px)  {
.bbb {
		margin-left: 24%;
	}
}
@media only screen and (max-device-width : 870px)  {
.bbb {
		margin-left: 22%;
	}
}
@media only screen and (max-device-width : 840px)  {
.bbb {
		margin-left: 19%;
	}
}
@media only screen and (max-device-width : 810px)  {
.bbb {
		margin-left: 15%;
	}
}
@media only screen and (max-device-width : 790px)  {
.bbb {
		margin-left: 13%;
	}
}
@media only screen and (max-device-width : 770px)  {
.bbb {
		margin-left: 11%;
	}
}
*/

footer .menu > li:first-child {
    margin-left: 0;
}
footer .menu > li {
    display:block;
	padding-bottom: 3px;
    width: 100%;

}
footer .menu > li a{
	height:auto;
	line-height: 15px;
}
footer .widget h2 {
    margin-left: 0;
	margin-top: 5px;
	margin-bottom:10px;
}
footer .widget ul{
	margin-left:0;
}
footer .menu .menu-item a, footer .menu .page_item a {
    font-size: 13px;
	text-transform:inherit;
	color:#FFF;
}
footer .widget_nav_menu{
	margin-bottom:0;
}
footer .wrapper.grey {
    background-color: #262631 !important;
	background: #262631 !important;
}
footer .widget_nav_menu a{
	color: #616375 !important;
    text-decoration: none;
	padding: 0 !important;
}
footer .widget_nav_menu a:hover{
	text-decoration: none !important;
}
footer .menu > li > a::after, footer .menu > ul > li > a::after{
	background:none !important;
	height:0 !important;
}
footer .widget h2 {
    font-size: 13px;
    font-weight: 300;
}
.absolute .tab_mobile_logo, .absolute .space_4, .absolute .space_5, .absolute .space_3{
	display: none;
}
#menu-btn {
    margin: 11px 18px 18px 18px !important;
}
@media only screen and (max-device-width : 768px){
	.absolute .tab_mobile_logo {
		display: block;
		float: left;
		margin: 3px 0 0 5px;
	}
	#menu-btn {
		display: inline-block;
		float: none;
		text-align: right;
	}
}

body{
	min-width:320px;
}
.absolute .space_5{
	width:40% !important;
	float:left;
	margin-top: 2px;
}
.absolute .space_3{
	width: 25% !important;
	float:left;
}
.absolute .space_4 {
    float: left;
    margin-top: 7px;
    text-align: right;
    width: 35% !important;
}

.absolute .space_4 a {
    background: #508bbf none repeat scroll 0 0;
    border-radius: 28px;
    color: #fff;
    float: right;
    font-size: 12px;
    margin-right: 10px;
    padding: 5px 10px;
    text-align: center;
    width: 75px;
}
.tp-caption h2 {

    font-size: 34px;

}


 @media screen and (max-width: 320px), (min-device-width: 320px) and (max-device-width: 480px) and (orientation : portrait) {
	.absolute .space_4{
		text-align:right;
	}
	.absolute .space_5{
		text-align:left;
	}
}
 @media screen and (min-width: 320px) and (max-width: 480px), (min-device-width: 320px) and
(max-device-width: 480px) and (orientation : landscape) {
/* CSS */
	.absolute .space_4{
		text-align:right;
		margin-top: 6px;
	}
	.absolute .space_5{
		text-align:left;
	}
}
 @media screen and (min-width: 768px) and (max-width: 1024px), (min-device-width: 768px) and
(max-device-width: 1024px) and (orientation : landscape) {
/* CSS */
	.bbb {
		margin-left: 245px;
	}



}
@media screen and (min-width: 600px) and (max-width: 960px), (min-device-width: 600px) and
(max-device-width: 960px) and (orientation : landscape) {
/* CSS */
	.bbb {
		margin-left: 190px;
	}
}
.absolute .tab_mobile_logo {
    margin: 3px 0 0 5px;
}
@media screen and (max-width: 567px){
footer .widget h2 {
    color: #000;
}
}
#rev_slider_7_2 .rev-direction-nav .rev-prev,
#rev_slider_7_2 .rev-direction-nav .rev-next{
  position:absolute;
  top:50%;
  left:0;
margin:-20px 0 0 0;
}
#rev_slider_7_2  .rev-direction-nav .rev-next{
   right:-53px;
left:auto;
}
@media screen and (max-width: 1023px){
	#rev_slider_7_2  .rev-direction-nav .rev-next{
		right:-33px;
	}
}
@media screen and (max-width: 767px){
	#rev_slider_7_2  .rev-direction-nav .rev-next{
		right:-23px;
	}
	.tp-caption h2{font-size:14px;}
}

@media screen and (max-width: 479px){
	#rev_slider_7_2  .rev-direction-nav .rev-next{
		right:-13px;
	}
}