/*
Author URI: http://Codeconvey.com/
Version: 1.0
*/


/* ----------------------------------------------------
	GOOGLE FONTS
-------------------------------------------------------
font-family: 'Raleway', sans-serif;
font-family: 'Lato', Arial, sans-serif;
font-family: "PT Sans",sans-serif;
------------------------------------------------------- */
/* @import url(https://fonts.googleapis.com/css?family=Lato:300,400,700); */

/* ----------------------------------------------------
	FontAwesome FONTS font-awesome.min.css
-----------------------------------------------------*/

/*  **«Cormorant Infant»** — шрифт с засечками, разработанный Кристианом Тальманном. Он вдохновлён работами Клода Гарамонда. [1](https://fontforge.io/serif/cormorant-infant/) */
/*@font-face { 
    font-family: 'Cormorant Infant'; 
    src: url('https://fonts.googleapis.com/css2?family=Cormorant+Infant&display=swap'); 
} */
/* @import url('../css/font-awesome.min.css'); */
@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fa, .fas, .far {
  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;
  vertical-align: middle;
  font-style: normal;
}
#fa-info-circle:before {content:"\f05a"}

.fa-search:before {content: "\f002"} 
.fa-envelope:before {content: "\f003"}
.fa-heart:before {content: "\f004"}
.fa-user:before{content:"\f007"}
.fa-search-plus:before {content: "\f00e"}
.fa-search-minus:before {content: "\f010"}
.fa-info-circle:before {content:"\f05a"}
.fa-comment:before {content:"\f075"}
.fa-comments:before {content: "\f086";}
.fa-link:before{content:"\f0c1"}
.fa-trophy:before{content:"\f091"}
.fa-bars:before {content:"\f0c9"}
.fa-desktop:before{content:"\f108"}
.fa-spinner:before{content:"\f110"}
.fa-sun:before{content:"\f185"}
.fa-moon:before{content:"\f186"}
.fa-comment-dot:before{content:"\f4ad"}
.fa-sitemap:before{content:"\f0e8"}
.fa-globe:before{content:"\f0ac"}
.fa-indent:before{content:"\f03c"}
.fa-sun-bright:before{content:"\f28f"}
.fa-chevron-up:before {content: "\f077";}
.fa-icon-cart:before {content: "\f07a";}
.fa-image:before {content: "\f1c5";}

.fas.fa-list-alt:before {content: "\f022";}
.far.fa-list-alt:before {content: "\f022";}
.fa-cart:before {content: "\ea15";}
		
 
/*
.fa-arrow-left:before {
  content: "\f060";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
*/
.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

i.fa {
    color:#028fcc
}
i.fa-comment, i.fa-heart {
    color:#ad0c93
}
.fa-info-circle {
	position: absolute;
	margin: 35px 0 0 7px;
	font-family: "FontAwesome";
	color: #fff;
	font-size: 20px;
	border-radius:50%;
  }
  a.fa-bars {
	padding: 2px;
	color: #fff;
  }
/* ----------------------------------------------------
	SKELETON
------------------------------------------------------- */
/* body {
	background: #FFFFFF;
	color: #fff;
	font-weight: 400;
	font-size: 1em;
	font-family: 'Lato', Arial, sans-serif;
	margin:0;
	padding:0;
}


*, *:after, *:before { 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
 
.clearfix:after {
	clear: both;
}
*/
/* ----------------------------------------------------
	TOPBAR
------------------------------------------------------- */


/* ----------------------------------------------------
	HEADER
------------------------------------------------------- */


/* ----------------------------------------------------
	BUTTONS
------------------------------------------------------- */


/* ******************************************************
	Related 
*********************************************************/

.related {
    background: #fff;
    font-family: 'Lato', sans-serif;
    color: #566473;
    font-weight: 300;
    text-align: center;
	margin-bottom:0;
	padding:3em 0;
}

.related a h3 {
	line-height: 1.25;
    margin: 0;
    padding: 0.5em 0 0.3em;
    text-align: left;
	color: #235992;
	font-weight:400;
}
.related a {
	/*border: 1px solid #9db6cf;*/
	display: inline-block;
	text-align: center;
	/*margin: 20px 10px;*/
	padding: 25px;

}
.related a:hover {
	border-color: #566473;
	color: #566473;
}
.related a img {
	max-width: 100%;
	opacity: 0.8;
}

.related a:hover img,
.related a:active img {
	opacity: 1;
}


/* ----------------------------------------------------
	WRAPPER
------------------------------------------------------- */

.wrapper{
	margin:0 auto;	

}

/* section{ float:left; width:100%;} */

@media only screen and (min-width:240px) and (max-width: 768px){
	#dot-container {
		height: 30px;
		margin: 0px 0px -45px 5px;
		font-size: 28px;
	}
	#tab4 {
		scale: 1;
	}
	.cctop {
	
	text-align: center;
	}
	.cctop a{
		display:block;	
	}
	.cctop span.right {
	float: none;
	}
	.cctop span.right a {
	float: none;
	
	}
}
@media screen and (max-width: 480px) {
	#dot-container {
		height: 30px;
		margin: -35px 0px -40px 5px;
		font-size: 28px;
	}
	#tab4 {
		scale: 0.7;
	}
	.cctop {
	
	text-align: center;
	}
	.cctop a{
		display:block;	
	}
	.cctop span.right {
	float: none;
	}
	.cctop span.right a {
	float: none;
	
	}

}
/*@media only screen and (min-width:240px) and (max-width: 768px){
	section{
		.dot-container {
			height: 30px;
            margin: 0px 0px -45px 5px;
            font-size: 28px;
		}
	}
	.cctop {
	
	text-align: center;
	}
	.cctop a{
		display:block;	
	}
	.cctop span.right {
	float: none;
	}
	.cctop span.right a {
	float: none;
	
	}
}*/

/* ******************************************************
	Responsive Grids
*********************************************************/

.rt-container {
	margin: 0 auto;
	padding-left:12px;
	padding-right:12px;
}
.rt-row:before, .rt-row:after {
  display: table;
  line-height: 0;
  content: "";
}

.rt-row:after {
  clear: both;
}
[class^="col-rt-"] {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: 0 15px;
  min-height: 1px;
  position: relative;
}


@media (min-width: 768px) {
  .rt-container {
    width: 750px;
  }
  [class^="col-rt-"] {
    float: left;
    width: 49.9999999999%;
  }
  .col-rt-6, .col-rt-12 {
    width: 100%;
  }
  
}

@media (min-width: 1200px) {
	.rt-container {
		width: 1024px;
	}
	.col-rt-1 {
		width:16.6%;
	}
	.col-rt-2 {
		width:30.33%;
	}
	.col-rt-3 {
		width:50%;
	}
	.col-rt-4 {
		width: 67.664%;
	}
	.col-rt-5 {
		width: 83.33%;
	}
	

}

@media only screen and (min-width:240px) and (max-width: 768px){
	 .ScriptTop h1, .ScriptTop ul {
		text-align: center;
	}
	.ScriptTop h1{
		margin-top:0;
		margin-bottom:15px;
	}
	.ScriptTop ul{
		 margin-top:12px;		
	}
	
	.ScriptHeader h1,
	.ScriptHeader h2, 
	.scriptnav ul{
		text-align:center;	
	}
	.scriptnav ul{
		 margin-top:12px;		
	}
	#float-right{
		float:none;	
	}
	
}